|
|
|
|
|
|
|
""" |
|
نظام واهبي للذكاء الاصطناعي لتحليل العقود والمناقصات |
|
تطبيق Streamlit الرئيسي الذي يجمع جميع الوحدات والمكونات |
|
""" |
|
|
|
import os |
|
import sys |
|
import streamlit as st |
|
import pandas as pd |
|
import numpy as np |
|
|
|
|
|
if 'page' not in st.session_state: |
|
st.session_state.page = 'home' |
|
if 'analysis_type' not in st.session_state: |
|
st.session_state.analysis_type = None |
|
if 'show_document_upload' not in st.session_state: |
|
st.session_state.show_document_upload = False |
|
if 'report_type' not in st.session_state: |
|
st.session_state.report_type = None |
|
if 'show_report_form' not in st.session_state: |
|
st.session_state.show_report_form = False |
|
if 'analysis_result' not in st.session_state: |
|
st.session_state.analysis_result = None |
|
if 'current_document' not in st.session_state: |
|
st.session_state.current_document = None |
|
if 'current_document_text' not in st.session_state: |
|
st.session_state.current_document_text = None |
|
if 'loaded_files' not in st.session_state: |
|
st.session_state.loaded_files = [] |
|
if 'notifications' not in st.session_state: |
|
st.session_state.notifications = [] |
|
|
|
|
|
def initialize_nltk_resources(): |
|
"""تنزيل وتهيئة موارد NLTK المطلوبة""" |
|
try: |
|
|
|
import nltk |
|
|
|
|
|
nltk_data_path = os.path.join(os.path.expanduser("~"), "nltk_data") |
|
os.makedirs(nltk_data_path, exist_ok=True) |
|
nltk.data.path.append(nltk_data_path) |
|
|
|
|
|
required_packages = ['punkt', 'stopwords', 'wordnet', 'omw-1.4'] |
|
for package in required_packages: |
|
try: |
|
if package == 'punkt': |
|
nltk.data.find('tokenizers/punkt') |
|
elif package == 'stopwords': |
|
nltk.data.find('corpora/stopwords') |
|
elif package == 'wordnet': |
|
nltk.data.find('corpora/wordnet') |
|
else: |
|
nltk.data.find(f'corpora/{package}') |
|
except LookupError: |
|
print(f"تنزيل حزمة NLTK: {package}") |
|
nltk.download(package, download_dir=nltk_data_path, quiet=False) |
|
|
|
print("تم تهيئة موارد NLTK بنجاح.") |
|
except Exception as e: |
|
print(f"خطأ في تهيئة NLTK: {e}") |
|
st.error(f"حدث خطأ أثناء تهيئة موارد NLTK: {e}") |
|
|
|
|
|
initialize_nltk_resources() |
|
|
|
|
|
def get_static_path(file_path): |
|
"""مسار ملف ثابت يعمل سواء كان التشغيل من المجلد الرئيسي أو من المجلد الفرعي""" |
|
|
|
possible_paths = [ |
|
|
|
file_path, |
|
|
|
os.path.join(os.path.dirname(__file__), file_path), |
|
|
|
os.path.join(os.path.dirname(os.path.dirname(__file__)), "tender-analysis-system", file_path), |
|
] |
|
|
|
|
|
for path in possible_paths: |
|
if os.path.exists(path): |
|
return path |
|
|
|
|
|
return file_path |
|
|
|
|
|
try: |
|
st.set_page_config( |
|
page_title="نظام WAHBi للذكاء الاصطناعي | التعاقدات والمناقصات", |
|
page_icon="📊", |
|
layout="wide", |
|
initial_sidebar_state="expanded" |
|
) |
|
except Exception as e: |
|
print(f"خطأ في إعداد الصفحة: {e}") |
|
|
|
|
|
|
|
try: |
|
|
|
main_css_path = get_static_path("utils/css/main.css") |
|
rtl_css_path = get_static_path("utils/css/rtl.css") |
|
enhanced_css_path = get_static_path("utils/css/enhanced.css") |
|
|
|
|
|
if os.path.exists(main_css_path): |
|
with open(main_css_path, "r", encoding='utf-8') as f: |
|
main_css = f.read() |
|
st.markdown(f"<style>{main_css}</style>", unsafe_allow_html=True) |
|
print(f"تم تحميل ملف CSS الرئيسي بنجاح من: {main_css_path}") |
|
else: |
|
print(f"تعذر العثور على ملف CSS الرئيسي: {main_css_path}") |
|
|
|
|
|
if os.path.exists(rtl_css_path): |
|
with open(rtl_css_path, "r", encoding='utf-8') as f: |
|
rtl_css = f.read() |
|
st.markdown(f"<style>{rtl_css}</style>", unsafe_allow_html=True) |
|
print(f"تم تحميل ملف CSS للتوجيه RTL بنجاح من: {rtl_css_path}") |
|
else: |
|
print(f"تعذر العثور على ملف CSS للتوجيه RTL: {rtl_css_path}") |
|
|
|
|
|
if os.path.exists(enhanced_css_path): |
|
with open(enhanced_css_path, "r", encoding='utf-8') as f: |
|
enhanced_css = f.read() |
|
st.markdown(f"<style>{enhanced_css}</style>", unsafe_allow_html=True) |
|
print(f"تم تحميل ملف CSS المحسن بنجاح من: {enhanced_css_path}") |
|
else: |
|
print(f"تعذر العثور على ملف CSS المحسن: {enhanced_css_path}") |
|
|
|
except Exception as e: |
|
st.warning(f"حدث خطأ أثناء تحميل ملفات CSS: {str(e)}") |
|
print(f"خطأ في تحميل ملفات CSS: {str(e)}") |
|
|
|
|
|
st.markdown(""" |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap" rel="stylesheet"> |
|
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet"> |
|
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet"> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown(""" |
|
<style> |
|
:root { |
|
--primary-color: #0B6E4F; |
|
--secondary-color: #08603a; |
|
--primary-light: rgba(11, 110, 79, 0.1); |
|
--primary-gradient: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%); |
|
--accent-color: #FFB100; |
|
--accent-light: rgba(255, 177, 0, 0.1); |
|
--tertiary-color: #5754FF; |
|
--quaternary-color: #f43f5e; |
|
--success-color: #10b981; |
|
--warning-color: #f59e0b; |
|
--danger-color: #ef4444; |
|
--gray-100: #f3f4f6; |
|
--gray-200: #e5e7eb; |
|
--gray-300: #d1d5db; |
|
--gray-400: #9ca3af; |
|
--gray-500: #6b7280; |
|
--gray-600: #4b5563; |
|
--gray-700: #374151; |
|
--gray-800: #1f2937; |
|
--gray-900: #111827; |
|
} |
|
|
|
/* تعديل الاتجاه للدعم العربي والخط */ |
|
body, .css-18e3th9, .css-1d391kg, .stMarkdown, .stTextArea, .stButton, .stTextInput, .stSelectbox, .stRadio { |
|
direction: rtl !important; |
|
text-align: right !important; |
|
font-family: 'Almarai', 'Tajawal', sans-serif !important; |
|
} |
|
|
|
/* تحسين مظهر العناوين */ |
|
h1, h2, h3, h4, h5 { |
|
font-family: 'Cairo', 'Almarai', sans-serif !important; |
|
color: var(--primary-color) !important; |
|
font-weight: 700 !important; |
|
} |
|
|
|
/* تخصيص عنوان التطبيق */ |
|
.app-title { |
|
font-size: 2.5rem !important; |
|
font-weight: 800 !important; |
|
text-align: center !important; |
|
margin-bottom: 1.5rem !important; |
|
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1) !important; |
|
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important; |
|
-webkit-background-clip: text !important; |
|
-webkit-text-fill-color: transparent !important; |
|
background-clip: text !important; |
|
position: relative !important; |
|
padding-bottom: 1rem !important; |
|
} |
|
|
|
.app-title::after { |
|
content: '' !important; |
|
position: absolute !important; |
|
bottom: 0 !important; |
|
right: 25% !important; |
|
width: 50% !important; |
|
height: 4px !important; |
|
background: linear-gradient(90deg, var(--accent-color), var(--primary-color)) !important; |
|
border-radius: 4px !important; |
|
} |
|
|
|
/* تعديل الشعار الرئيسي */ |
|
.main-logo { |
|
text-align: center !important; |
|
margin-bottom: 2rem !important; |
|
} |
|
|
|
/* تحسين البطاقات والكروت */ |
|
.card { |
|
background-color: white !important; |
|
border-radius: 12px !important; |
|
padding: 1.5rem !important; |
|
margin-bottom: 1.5rem !important; |
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; |
|
border: 1px solid var(--gray-200) !important; |
|
transition: all 0.3s ease !important; |
|
} |
|
|
|
.card:hover { |
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important; |
|
transform: translateY(-5px) !important; |
|
} |
|
|
|
.card-title { |
|
color: var(--primary-color) !important; |
|
font-weight: 700 !important; |
|
font-size: 1.4rem !important; |
|
margin-bottom: 1rem !important; |
|
border-right: 4px solid var(--primary-color) !important; |
|
padding-right: 10px !important; |
|
} |
|
|
|
/* تعديل مظهر الأزرار */ |
|
.stButton>button { |
|
background: var(--primary-gradient) !important; |
|
color: white !important; |
|
border: none !important; |
|
padding: 0.7rem 1.2rem !important; |
|
border-radius: 8px !important; |
|
font-weight: 600 !important; |
|
box-shadow: 0 4px 10px rgba(11, 110, 79, 0.2) !important; |
|
transition: all 0.3s ease !important; |
|
} |
|
|
|
.stButton>button:hover { |
|
box-shadow: 0 6px 15px rgba(11, 110, 79, 0.3) !important; |
|
transform: translateY(-2px) !important; |
|
} |
|
|
|
/* تخصيص الشريط الجانبي */ |
|
.sidebar .sidebar-content { |
|
background-color: white; |
|
} |
|
|
|
/* تخصيص الأقسام */ |
|
.section-card { |
|
background-color: white; |
|
border-radius: 12px; |
|
padding: 1.5rem; |
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); |
|
margin-bottom: 1.5rem; |
|
border: 1px solid var(--gray-200); |
|
} |
|
|
|
/* تخصيص المؤشرات */ |
|
.indicator { |
|
padding: 1.2rem; |
|
border-radius: 12px; |
|
background: linear-gradient(135deg, white, var(--gray-100)); |
|
text-align: center; |
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); |
|
border: 1px solid var(--gray-200); |
|
transition: all 0.3s ease; |
|
} |
|
|
|
.indicator:hover { |
|
transform: translateY(-5px); |
|
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); |
|
} |
|
|
|
.indicator-value { |
|
font-size: 2.2rem; |
|
font-weight: 800; |
|
margin-bottom: 0.5rem; |
|
background: var(--primary-gradient); |
|
-webkit-background-clip: text; |
|
-webkit-text-fill-color: transparent; |
|
background-clip: text; |
|
} |
|
|
|
.indicator-label { |
|
font-size: 1rem; |
|
font-weight: 600; |
|
color: var(--gray-700); |
|
} |
|
|
|
/* تخصيص البطاقات - استخدام المعرفة المسبقة من أعلى */ |
|
.card-metrics { |
|
display: flex; |
|
justify-content: space-between; |
|
margin-top: 1rem; |
|
padding-top: 1rem; |
|
border-top: 1px solid var(--gray-200); |
|
} |
|
|
|
.card-metric { |
|
text-align: center; |
|
flex: 1; |
|
padding: 0.5rem; |
|
border-radius: 8px; |
|
background-color: var(--gray-100); |
|
margin: 0 0.3rem; |
|
} |
|
|
|
.card-metric-value { |
|
font-weight: 700; |
|
font-size: 1.5rem; |
|
} |
|
|
|
.card-metric-label { |
|
font-size: 0.85rem; |
|
color: var(--gray-600); |
|
margin-top: 0.3rem; |
|
} |
|
</style> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
from utils.components.sidebar import render_sidebar |
|
from utils.helpers import create_directory_if_not_exists, get_data_folder |
|
|
|
|
|
from modules.pricing.pricing_app import PricingApp |
|
from modules.projects.projects_app import ProjectsApp |
|
from modules.resources.resources_app import ResourcesApp |
|
from modules.risk_assessment.risk_assessment_app import RiskAssessmentApp |
|
from modules.project_tracker.tracker_app import TrackerApp |
|
from modules.maps.maps_app import MapsApp |
|
from modules.notifications.notifications_app import NotificationsApp |
|
from modules.voice_narration.voice_narration_app import VoiceNarrationApp |
|
from modules.achievements.achievements_app import AchievementsApp |
|
from modules.ai_finetuning.finetuning_app import FinetuningApp |
|
from modules.document_comparison.comparison_app import DocumentComparisonApp |
|
from modules.document_analysis.document_analysis_app import DocumentAnalysisApp |
|
|
|
|
|
create_directory_if_not_exists(get_data_folder()) |
|
create_directory_if_not_exists(os.path.join(get_data_folder(), "projects")) |
|
create_directory_if_not_exists(os.path.join(get_data_folder(), "documents")) |
|
create_directory_if_not_exists(os.path.join(get_data_folder(), "analysis")) |
|
|
|
def main(): |
|
"""الدالة الرئيسية للتطبيق""" |
|
|
|
|
|
selected_module = render_sidebar() |
|
|
|
|
|
if "is_authenticated" in st.session_state and not st.session_state.is_authenticated: |
|
render_login_screen() |
|
return |
|
|
|
|
|
if selected_module == "الرئيسية": |
|
render_homepage() |
|
|
|
elif selected_module == "إدارة المشاريع": |
|
projects_app = ProjectsApp() |
|
projects_app.render() |
|
|
|
elif selected_module == "التسعير المتكاملة": |
|
pricing_app = PricingApp() |
|
pricing_app.render() |
|
|
|
elif selected_module == "الموارد والتكاليف": |
|
resources_app = ResourcesApp() |
|
resources_app.render() |
|
|
|
elif selected_module == "تحليل المستندات": |
|
|
|
document_analysis_app = DocumentAnalysisApp() |
|
document_analysis_app.render() |
|
|
|
elif selected_module == "مقارنة المستندات": |
|
|
|
comparison_app = DocumentComparisonApp() |
|
comparison_app.render() |
|
|
|
elif selected_module == "تقييم مخاطر العقود": |
|
risk_app = RiskAssessmentApp() |
|
risk_app.render() |
|
|
|
elif selected_module == "التقارير والتحليلات": |
|
|
|
render_reports_and_analytics() |
|
|
|
elif selected_module == "متتبع حالة المشروع": |
|
tracker_app = TrackerApp() |
|
tracker_app.render() |
|
|
|
elif selected_module == "خريطة المشاريع": |
|
maps_app = MapsApp() |
|
maps_app.render() |
|
|
|
elif selected_module == "نظام الإشعارات": |
|
notifications_app = NotificationsApp() |
|
notifications_app.render() |
|
|
|
elif selected_module == "الترجمة الصوتية": |
|
voice_app = VoiceNarrationApp() |
|
voice_app.render() |
|
|
|
elif selected_module == "نظام الإنجازات": |
|
achievements_app = AchievementsApp() |
|
achievements_app.render() |
|
|
|
elif selected_module == "المساعد الذكي": |
|
|
|
render_ai_assistant() |
|
|
|
elif selected_module == "ضبط نماذج الذكاء الاصطناعي": |
|
finetuning_app = FinetuningApp() |
|
finetuning_app.render() |
|
|
|
else: |
|
st.error("الوحدة المطلوبة غير موجودة") |
|
|
|
|
|
def render_login_screen(): |
|
"""عرض شاشة تسجيل الدخول""" |
|
st.markdown("<h1 class='app-title'>نظام WAHBi للذكاء الاصطناعي</h1>", unsafe_allow_html=True) |
|
|
|
st.markdown(""" |
|
<div class="section-card"> |
|
<h2>تسجيل الدخول</h2> |
|
<p>يرجى إدخال بيانات الاعتماد الخاصة بك للوصول إلى النظام.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
col1, col2, col3 = st.columns([1, 2, 1]) |
|
|
|
with col2: |
|
username = st.text_input("اسم المستخدم") |
|
password = st.text_input("كلمة المرور", type="password") |
|
|
|
if st.button("تسجيل الدخول"): |
|
|
|
if username == "admin" and password == "admin": |
|
st.session_state.is_authenticated = True |
|
st.session_state.user_info = { |
|
"id": 1, |
|
"username": "admin", |
|
"full_name": "مدير النظام", |
|
"email": "admin@example.com", |
|
"role": "مدير", |
|
"department": "الإدارة", |
|
"last_login": "2023-01-01 09:00:00" |
|
} |
|
st.rerun() |
|
else: |
|
st.error("اسم المستخدم أو كلمة المرور غير صحيحة") |
|
|
|
st.markdown(""" |
|
<div style="text-align: center; margin-top: 50px; color: #666;"> |
|
<p>نظام WAHBi للذكاء الاصطناعي © 2025 شركة شبه الجزيرة للمقاولات</p> |
|
<p>جميع الحقوق محفوظة</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
def render_homepage(): |
|
"""عرض الصفحة الرئيسية للتطبيق""" |
|
st.markdown("<h1 class='app-title'>نظام WAHBi للذكاء الاصطناعي</h1>", unsafe_allow_html=True) |
|
st.markdown("<div style='text-align: center; margin-bottom: 20px;'>نظام متكامل لتحليل العقود والمناقصات باستخدام تقنيات الذكاء الاصطناعي المتقدمة</div>", unsafe_allow_html=True) |
|
|
|
|
|
col1, col2, col3, col4 = st.columns(4) |
|
|
|
with col1: |
|
st.markdown(""" |
|
<div class="indicator"> |
|
<div class="indicator-value">24</div> |
|
<div class="indicator-label">المناقصات النشطة</div> |
|
<div style="font-size: 1.1rem; margin-top: 5px;"> |
|
<i class="fas fa-arrow-up" style="color: var(--success-color);"></i> |
|
<span style="color: var(--success-color); font-weight: 600;">+3</span> هذا الشهر |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
with col2: |
|
st.markdown(""" |
|
<div class="indicator"> |
|
<div class="indicator-value">8</div> |
|
<div class="indicator-label">مشاريع قيد التنفيذ</div> |
|
<div style="font-size: 1.1rem; margin-top: 5px;"> |
|
<i class="fas fa-arrow-up" style="color: var(--success-color);"></i> |
|
<span style="color: var(--success-color); font-weight: 600;">+2</span> هذا الشهر |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
with col3: |
|
st.markdown(""" |
|
<div class="indicator"> |
|
<div class="indicator-value">12</div> |
|
<div class="indicator-label">مستندات قيد التحليل</div> |
|
<div style="font-size: 1.1rem; margin-top: 5px;"> |
|
<i class="fas fa-check-circle" style="color: var(--primary-color);"></i> |
|
<span style="color: var(--primary-color); font-weight: 600;">65%</span> مكتمل |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
with col4: |
|
st.markdown(""" |
|
<div class="indicator"> |
|
<div class="indicator-value">5</div> |
|
<div class="indicator-label">تنبيهات تتطلب الاهتمام</div> |
|
<div style="font-size: 1.1rem; margin-top: 5px;"> |
|
<i class="fas fa-arrow-down" style="color: var(--success-color);"></i> |
|
<span style="color: var(--success-color); font-weight: 600;">-2</span> آخر أسبوع |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
col1, col2 = st.columns([2, 1]) |
|
|
|
with col1: |
|
st.markdown("### المناقصات الأخيرة") |
|
|
|
st.markdown(""" |
|
<div class="card"> |
|
<div class="card-title">إنشاء طريق سريع بمنطقة الرياض</div> |
|
<div>رقم المناقصة: TR-2025-134</div> |
|
<div>الجهة المالكة: وزارة النقل</div> |
|
<div>تاريخ الإغلاق: 15 أبريل 2025</div> |
|
<div class="card-metrics" style="margin-top: 10px;"> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #4CAF50;">85%</div> |
|
<div class="card-metric-label">نسبة الإنجاز</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #FFC107;">متوسطة</div> |
|
<div class="card-metric-label">المخاطر</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #2196F3;">مرتفعة</div> |
|
<div class="card-metric-label">الأولوية</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="card"> |
|
<div class="card-title">تطوير شبكة الصرف الصحي بالمنطقة الشرقية</div> |
|
<div>رقم المناقصة: WS-2025-089</div> |
|
<div>الجهة المالكة: وزارة المياه</div> |
|
<div>تاريخ الإغلاق: 22 أبريل 2025</div> |
|
<div class="card-metrics" style="margin-top: 10px;"> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #4CAF50;">62%</div> |
|
<div class="card-metric-label">نسبة الإنجاز</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #F44336;">مرتفعة</div> |
|
<div class="card-metric-label">المخاطر</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #2196F3;">مرتفعة</div> |
|
<div class="card-metric-label">الأولوية</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="card"> |
|
<div class="card-title">بناء 3 مدارس بمنطقة مكة المكرمة</div> |
|
<div>رقم المناقصة: ED-2025-112</div> |
|
<div>الجهة المالكة: وزارة التعليم</div> |
|
<div>تاريخ الإغلاق: 5 مايو 2025</div> |
|
<div class="card-metrics" style="margin-top: 10px;"> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #4CAF50;">38%</div> |
|
<div class="card-metric-label">نسبة الإنجاز</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #4CAF50;">منخفضة</div> |
|
<div class="card-metric-label">المخاطر</div> |
|
</div> |
|
<div class="card-metric"> |
|
<div class="card-metric-value" style="color: #FFC107;">متوسطة</div> |
|
<div class="card-metric-label">الأولوية</div> |
|
</div> |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
with col2: |
|
st.markdown("### الوصول السريع") |
|
|
|
st.markdown(""" |
|
<div class="quick-actions"> |
|
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);"> |
|
<i class="fas fa-file-alt"></i> |
|
<span>تحليل مستند جديد</span> |
|
</a> |
|
|
|
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #38b000 0%, #008000 100%);"> |
|
<i class="fas fa-calculator"></i> |
|
<span>حساب تكاليف مشروع</span> |
|
</a> |
|
|
|
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #ff9500 0%, #ff7000 100%);"> |
|
<i class="fas fa-exclamation-triangle"></i> |
|
<span>تقييم مخاطر العقد</span> |
|
</a> |
|
|
|
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #9d4edd 0%, #7b2cbf 100%);"> |
|
<i class="fas fa-map-marker-alt"></i> |
|
<span>استعراض خريطة المشاريع</span> |
|
</a> |
|
|
|
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #3a86ff 0%, #0077b6 100%);"> |
|
<i class="fas fa-chart-bar"></i> |
|
<span>إنشاء تقارير تحليلية</span> |
|
</a> |
|
</div> |
|
|
|
<style> |
|
.quick-actions { |
|
display: grid; |
|
gap: 12px; |
|
} |
|
|
|
.quick-action-button { |
|
display: flex; |
|
align-items: center; |
|
justify-content: flex-end; |
|
color: white; |
|
border: none; |
|
border-radius: 8px; |
|
padding: 14px 16px; |
|
text-align: right; |
|
cursor: pointer; |
|
font-weight: 600; |
|
text-decoration: none; |
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
transition: all 0.3s ease; |
|
} |
|
|
|
.quick-action-button:hover { |
|
transform: translateY(-3px); |
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); |
|
} |
|
|
|
.quick-action-button i { |
|
margin-left: 12px; |
|
font-size: 1.2rem; |
|
width: 24px; |
|
text-align: center; |
|
} |
|
</style> |
|
""", unsafe_allow_html=True) |
|
|
|
st.markdown("### آخر التنبيهات") |
|
|
|
st.markdown(""" |
|
<div class="alerts-container"> |
|
<div class="alert alert-danger"> |
|
<div class="alert-icon"> |
|
<i class="fas fa-exclamation-circle"></i> |
|
</div> |
|
<div class="alert-content"> |
|
<div class="alert-title">انتهاء موعد تقديم المناقصة</div> |
|
<div class="alert-message">مشروع إنشاء الطريق السريع - متبقي 3 أيام</div> |
|
<div class="alert-time">منذ 2 ساعة</div> |
|
</div> |
|
</div> |
|
|
|
<div class="alert alert-warning"> |
|
<div class="alert-icon"> |
|
<i class="fas fa-bell"></i> |
|
</div> |
|
<div class="alert-content"> |
|
<div class="alert-title">تغيير في شروط المناقصة</div> |
|
<div class="alert-message">تم تحديث مستندات مشروع شبكة الصرف الصحي</div> |
|
<div class="alert-time">منذ 5 ساعات</div> |
|
</div> |
|
</div> |
|
|
|
<div class="alert alert-success"> |
|
<div class="alert-icon"> |
|
<i class="fas fa-check-circle"></i> |
|
</div> |
|
<div class="alert-content"> |
|
<div class="alert-title">إكمال تحليل المستند</div> |
|
<div class="alert-message">اكتمل تحليل عقد بناء المدارس بنجاح</div> |
|
<div class="alert-time">منذ يوم واحد</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<style> |
|
.alerts-container { |
|
display: flex; |
|
flex-direction: column; |
|
gap: 12px; |
|
} |
|
|
|
.alert { |
|
display: flex; |
|
align-items: center; |
|
border-radius: 8px; |
|
padding: 12px; |
|
transition: all 0.3s ease; |
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); |
|
} |
|
|
|
.alert:hover { |
|
transform: translateY(-2px); |
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
.alert-danger { |
|
background-color: #FFF5F5; |
|
border-right: 4px solid var(--danger-color); |
|
} |
|
|
|
.alert-warning { |
|
background-color: #FFFBEB; |
|
border-right: 4px solid var(--warning-color); |
|
} |
|
|
|
.alert-success { |
|
background-color: #F0FDF4; |
|
border-right: 4px solid var(--success-color); |
|
} |
|
|
|
.alert-icon { |
|
margin-left: 14px; |
|
font-size: 1.4rem; |
|
width: 40px; |
|
height: 40px; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
border-radius: 50%; |
|
} |
|
|
|
.alert-danger .alert-icon { |
|
color: var(--danger-color); |
|
background-color: rgba(239, 68, 68, 0.1); |
|
} |
|
|
|
.alert-warning .alert-icon { |
|
color: var(--warning-color); |
|
background-color: rgba(245, 158, 11, 0.1); |
|
} |
|
|
|
.alert-success .alert-icon { |
|
color: var(--success-color); |
|
background-color: rgba(16, 185, 129, 0.1); |
|
} |
|
|
|
.alert-content { |
|
flex: 1; |
|
} |
|
|
|
.alert-title { |
|
font-weight: 700; |
|
font-size: 1rem; |
|
margin-bottom: 4px; |
|
} |
|
|
|
.alert-danger .alert-title { |
|
color: var(--danger-color); |
|
} |
|
|
|
.alert-warning .alert-title { |
|
color: var(--warning-color); |
|
} |
|
|
|
.alert-success .alert-title { |
|
color: var(--success-color); |
|
} |
|
|
|
.alert-message { |
|
font-size: 0.9rem; |
|
color: var(--gray-700); |
|
} |
|
|
|
.alert-time { |
|
font-size: 0.75rem; |
|
color: var(--gray-500); |
|
margin-top: 4px; |
|
} |
|
</style> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("---") |
|
|
|
st.markdown(""" |
|
<div class="section-card"> |
|
<h3>حول النظام</h3> |
|
<p>نظام WAHBi للذكاء الاصطناعي هو نظام متكامل لتحليل العقود والمناقصات وإدارة المشاريع، مصمم خصيصاً لشركات المقاولات والبناء. يستخدم النظام تقنيات الذكاء الاصطناعي المتقدمة لتحليل المستندات واستخراج المعلومات المهمة وتقييم المخاطر ودعم اتخاذ القرار.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown(""" |
|
<div style="text-align: center; margin-top: 30px; color: #666;"> |
|
<p>هذا النظام يعمل لشركة شبه الجزيرة للمقاولات</p> |
|
<p>جميع الحقوق محفوظة 2025</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
|
|
|
|
|
|
st.markdown("### التحليلات الأخيرة") |
|
|
|
st.markdown(""" |
|
<div class="table-responsive"> |
|
<table class="modern-table"> |
|
<thead> |
|
<tr> |
|
<th>اسم المستند</th> |
|
<th>نوع التحليل</th> |
|
<th>تاريخ التحليل</th> |
|
<th>الحالة</th> |
|
<th>الإجراءات</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<tr> |
|
<td> |
|
<div class="document-item"> |
|
<div class="document-icon pdf-icon"> |
|
<i class="fas fa-file-pdf"></i> |
|
</div> |
|
<div class="document-info"> |
|
<div class="document-title">عقد إنشاء طريق سريع</div> |
|
<div class="document-meta">PDF، 2.4 MB</div> |
|
</div> |
|
</div> |
|
</td> |
|
<td>تحليل شامل</td> |
|
<td>2025-03-25</td> |
|
<td><span class="status-badge status-completed">مكتمل</span></td> |
|
<td> |
|
<div class="action-buttons"> |
|
<button class="action-btn view-btn"> |
|
<i class="fas fa-eye"></i> |
|
<span>عرض</span> |
|
</button> |
|
<button class="action-btn download-btn"> |
|
<i class="fas fa-download"></i> |
|
<span>تنزيل</span> |
|
</button> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td> |
|
<div class="document-item"> |
|
<div class="document-icon excel-icon"> |
|
<i class="fas fa-file-excel"></i> |
|
</div> |
|
<div class="document-info"> |
|
<div class="document-title">جداول كميات مشروع صرف صحي</div> |
|
<div class="document-meta">XLSX، 1.7 MB</div> |
|
</div> |
|
</div> |
|
</td> |
|
<td>تحليل جداول الكميات</td> |
|
<td>2025-03-23</td> |
|
<td><span class="status-badge status-completed">مكتمل</span></td> |
|
<td> |
|
<div class="action-buttons"> |
|
<button class="action-btn view-btn"> |
|
<i class="fas fa-eye"></i> |
|
<span>عرض</span> |
|
</button> |
|
<button class="action-btn download-btn"> |
|
<i class="fas fa-download"></i> |
|
<span>تنزيل</span> |
|
</button> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td> |
|
<div class="document-item"> |
|
<div class="document-icon pdf-icon"> |
|
<i class="fas fa-file-pdf"></i> |
|
</div> |
|
<div class="document-info"> |
|
<div class="document-title">شروط وأحكام عقد بناء مدارس</div> |
|
<div class="document-meta">PDF، 1.1 MB</div> |
|
</div> |
|
</div> |
|
</td> |
|
<td>تحليل الشروط والأحكام</td> |
|
<td>2025-03-20</td> |
|
<td><span class="status-badge status-completed">مكتمل</span></td> |
|
<td> |
|
<div class="action-buttons"> |
|
<button class="action-btn view-btn"> |
|
<i class="fas fa-eye"></i> |
|
<span>عرض</span> |
|
</button> |
|
<button class="action-btn download-btn"> |
|
<i class="fas fa-download"></i> |
|
<span>تنزيل</span> |
|
</button> |
|
</div> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td> |
|
<div class="document-item"> |
|
<div class="document-icon pdf-icon"> |
|
<i class="fas fa-file-pdf"></i> |
|
</div> |
|
<div class="document-info"> |
|
<div class="document-title">ملحق عقد مشروع كباري</div> |
|
<div class="document-meta">PDF، 890 KB</div> |
|
</div> |
|
</div> |
|
</td> |
|
<td>تحليل شامل</td> |
|
<td>2025-03-18</td> |
|
<td><span class="status-badge status-processing">قيد المعالجة</span></td> |
|
<td> |
|
<div class="action-buttons"> |
|
<button class="action-btn view-btn disabled"> |
|
<i class="fas fa-eye"></i> |
|
<span>عرض</span> |
|
</button> |
|
<button class="action-btn download-btn disabled"> |
|
<i class="fas fa-download"></i> |
|
<span>تنزيل</span> |
|
</button> |
|
</div> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
|
|
<style> |
|
.table-responsive { |
|
overflow-x: auto; |
|
margin-bottom: 1.5rem; |
|
border-radius: var(--border-radius); |
|
box-shadow: var(--shadow-sm); |
|
} |
|
|
|
.modern-table { |
|
width: 100%; |
|
border-collapse: separate; |
|
border-spacing: 0; |
|
background-color: white; |
|
border-radius: var(--border-radius); |
|
overflow: hidden; |
|
} |
|
|
|
.modern-table th { |
|
background-color: var(--primary-color); |
|
color: white; |
|
padding: 12px 16px; |
|
text-align: right; |
|
font-weight: var(--font-weight-semibold); |
|
border: none; |
|
} |
|
|
|
.modern-table td { |
|
padding: 12px 16px; |
|
text-align: right; |
|
border-bottom: 1px solid var(--gray-200); |
|
vertical-align: middle; |
|
} |
|
|
|
.modern-table tr:last-child td { |
|
border-bottom: none; |
|
} |
|
|
|
.modern-table tr:nth-child(even) { |
|
background-color: var(--gray-50); |
|
} |
|
|
|
.modern-table tr:hover { |
|
background-color: var(--gray-100); |
|
} |
|
|
|
.document-item { |
|
display: flex; |
|
align-items: center; |
|
} |
|
|
|
.document-icon { |
|
width: 40px; |
|
height: 40px; |
|
border-radius: var(--border-radius-sm); |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
margin-left: 12px; |
|
color: white; |
|
font-size: 18px; |
|
} |
|
|
|
.pdf-icon { |
|
background-color: #f44336; |
|
} |
|
|
|
.excel-icon { |
|
background-color: #4caf50; |
|
} |
|
|
|
.document-info { |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
.document-title { |
|
font-weight: var(--font-weight-medium); |
|
color: var(--gray-800); |
|
margin-bottom: 4px; |
|
} |
|
|
|
.document-meta { |
|
font-size: var(--font-size-xs); |
|
color: var(--gray-500); |
|
} |
|
|
|
.status-badge { |
|
display: inline-flex; |
|
align-items: center; |
|
justify-content: center; |
|
padding: 4px 12px; |
|
border-radius: 50px; |
|
font-size: var(--font-size-xs); |
|
font-weight: var(--font-weight-medium); |
|
} |
|
|
|
.status-completed { |
|
background-color: var(--success-light); |
|
color: var(--success-color); |
|
} |
|
|
|
.status-processing { |
|
background-color: var(--warning-light); |
|
color: var(--warning-color); |
|
} |
|
|
|
.status-failed { |
|
background-color: var(--danger-light); |
|
color: var(--danger-color); |
|
} |
|
|
|
.action-buttons { |
|
display: flex; |
|
gap: 8px; |
|
} |
|
|
|
.action-btn { |
|
display: inline-flex; |
|
align-items: center; |
|
padding: 6px 12px; |
|
border-radius: var(--border-radius-sm); |
|
border: none; |
|
font-size: var(--font-size-xs); |
|
font-weight: var(--font-weight-medium); |
|
cursor: pointer; |
|
transition: all 0.2s ease; |
|
} |
|
|
|
.action-btn i { |
|
margin-left: 6px; |
|
} |
|
|
|
.view-btn { |
|
background-color: var(--primary-light); |
|
color: var(--primary-dark); |
|
} |
|
|
|
.view-btn:hover { |
|
background-color: var(--primary-color); |
|
color: white; |
|
} |
|
|
|
.download-btn { |
|
background-color: var(--gray-200); |
|
color: var(--gray-700); |
|
} |
|
|
|
.download-btn:hover { |
|
background-color: var(--gray-300); |
|
} |
|
|
|
.action-btn.disabled { |
|
background-color: var(--gray-200); |
|
color: var(--gray-400); |
|
cursor: not-allowed; |
|
opacity: 0.7; |
|
} |
|
|
|
.action-btn.disabled:hover { |
|
background-color: var(--gray-200); |
|
color: var(--gray-400); |
|
} |
|
</style> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("### إحصائيات التحليل") |
|
|
|
col1, col2 = st.columns(2) |
|
|
|
with col1: |
|
st.markdown(""" |
|
<div class="stats-card"> |
|
<div class="stats-header"> |
|
<h4>توزيع أنواع المستندات</h4> |
|
</div> |
|
|
|
<div class="stats-content"> |
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<div class="color-dot" style="background-color: var(--primary-color);"></div> |
|
<span>عقود ومناقصات</span> |
|
</div> |
|
<div class="chart-value">45%</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 45%; background: var(--primary-gradient);"></div> |
|
</div> |
|
</div> |
|
|
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<div class="color-dot" style="background-color: var(--success-color);"></div> |
|
<span>جداول كميات</span> |
|
</div> |
|
<div class="chart-value">30%</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 30%; background: var(--success-gradient);"></div> |
|
</div> |
|
</div> |
|
|
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<div class="color-dot" style="background-color: var(--warning-color);"></div> |
|
<span>شروط وأحكام</span> |
|
</div> |
|
<div class="chart-value">15%</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 15%; background: var(--warning-gradient);"></div> |
|
</div> |
|
</div> |
|
|
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<div class="color-dot" style="background-color: var(--gray-500);"></div> |
|
<span>مستندات أخرى</span> |
|
</div> |
|
<div class="chart-value">10%</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 10%; background: linear-gradient(135deg, var(--gray-500) 0%, var(--gray-600) 100%);"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
with col2: |
|
st.markdown(""" |
|
<div class="stats-card"> |
|
<div class="stats-header"> |
|
<h4>إحصائيات التحليل الشهرية</h4> |
|
</div> |
|
|
|
<div class="counters-container"> |
|
<div class="counter-item"> |
|
<div class="counter-value primary">42</div> |
|
<div class="counter-label">مستند تم تحليله</div> |
|
</div> |
|
<div class="counter-item"> |
|
<div class="counter-value success">38</div> |
|
<div class="counter-label">تحليل ناجح</div> |
|
</div> |
|
<div class="counter-item"> |
|
<div class="counter-value warning">4</div> |
|
<div class="counter-label">تحليل غير مكتمل</div> |
|
</div> |
|
</div> |
|
|
|
<div class="stats-subheader"> |
|
<h4>متوسط وقت المعالجة</h4> |
|
</div> |
|
|
|
<div class="stats-content"> |
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<span>تحليل شامل</span> |
|
</div> |
|
<div class="chart-value time">2:30</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 80%; background: var(--primary-gradient);"></div> |
|
</div> |
|
</div> |
|
|
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<span>جداول الكميات</span> |
|
</div> |
|
<div class="chart-value time">1:45</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 50%; background: var(--success-gradient);"></div> |
|
</div> |
|
</div> |
|
|
|
<div class="chart-item"> |
|
<div class="chart-item-header"> |
|
<div class="chart-label"> |
|
<span>الشروط والأحكام</span> |
|
</div> |
|
<div class="chart-value time">2:00</div> |
|
</div> |
|
<div class="progress-bar-container"> |
|
<div class="progress-bar" style="width: 60%; background: var(--warning-gradient);"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<style> |
|
.stats-card { |
|
background-color: white; |
|
border-radius: var(--border-radius); |
|
padding: var(--spacing-lg); |
|
box-shadow: var(--shadow-card); |
|
height: 100%; |
|
} |
|
|
|
.stats-header h4, .stats-subheader h4 { |
|
color: var(--primary-color); |
|
font-size: var(--font-size-lg); |
|
font-weight: var(--font-weight-semibold); |
|
margin-bottom: var(--spacing-md); |
|
padding-bottom: var(--spacing-sm); |
|
border-bottom: 1px solid var(--gray-200); |
|
} |
|
|
|
.stats-subheader h4 { |
|
margin-top: var(--spacing-lg); |
|
font-size: var(--font-size-md); |
|
} |
|
|
|
.stats-content { |
|
display: flex; |
|
flex-direction: column; |
|
gap: var(--spacing-md); |
|
} |
|
|
|
.chart-item { |
|
margin-bottom: var(--spacing-sm); |
|
} |
|
|
|
.chart-item-header { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
margin-bottom: var(--spacing-xs); |
|
} |
|
|
|
.chart-label { |
|
display: flex; |
|
align-items: center; |
|
color: var(--gray-700); |
|
font-size: var(--font-size-sm); |
|
} |
|
|
|
.color-dot { |
|
width: 10px; |
|
height: 10px; |
|
border-radius: 50%; |
|
margin-left: var(--spacing-xs); |
|
} |
|
|
|
.chart-value { |
|
font-weight: var(--font-weight-semibold); |
|
color: var(--gray-800); |
|
} |
|
|
|
.chart-value.time { |
|
font-family: monospace; |
|
font-size: var(--font-size-sm); |
|
background-color: var(--gray-100); |
|
padding: 2px 6px; |
|
border-radius: var(--border-radius-sm); |
|
} |
|
|
|
.progress-bar-container { |
|
height: 8px; |
|
background-color: var(--gray-200); |
|
border-radius: 10px; |
|
overflow: hidden; |
|
} |
|
|
|
.progress-bar { |
|
height: 100%; |
|
border-radius: 10px; |
|
transition: width 0.3s ease; |
|
} |
|
|
|
.counters-container { |
|
display: flex; |
|
justify-content: space-between; |
|
text-align: center; |
|
margin-bottom: var(--spacing-lg); |
|
} |
|
|
|
.counter-item { |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
} |
|
|
|
.counter-value { |
|
font-size: var(--font-size-3xl); |
|
font-weight: var(--font-weight-bold); |
|
margin-bottom: var(--spacing-xs); |
|
} |
|
|
|
.counter-value.primary { |
|
color: var(--primary-color); |
|
} |
|
|
|
.counter-value.success { |
|
color: var(--success-color); |
|
} |
|
|
|
.counter-value.warning { |
|
color: var(--warning-color); |
|
} |
|
|
|
.counter-value.danger { |
|
color: var(--danger-color); |
|
} |
|
|
|
.counter-label { |
|
font-size: var(--font-size-xs); |
|
color: var(--gray-600); |
|
} |
|
</style> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
def render_reports_and_analytics(): |
|
"""عرض واجهة التقارير والتحليلات""" |
|
st.markdown("<h1 class='app-title'>التقارير والتحليلات</h1>", unsafe_allow_html=True) |
|
|
|
st.markdown(""" |
|
<div class="section-card"> |
|
<p>استخدم هذه الوحدة لإنشاء تقارير تحليلية متقدمة عن المشاريع والمناقصات والأداء العام. |
|
يوفر النظام رؤى وتحليلات متعمقة تساعدك على فهم أداء مشاريعك وتحسين عمليات صنع القرار.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("### أنواع التقارير") |
|
|
|
col1, col2, col3 = st.columns(3) |
|
|
|
with col1: |
|
st.markdown(""" |
|
<div class="card"> |
|
<div class="card-title">تقارير المشاريع</div> |
|
<p>تقارير تفصيلية عن حالة المشاريع وتقدمها ومؤشرات الأداء الرئيسية والمشكلات المحتملة.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
if st.button("إنشاء تقرير", key="btn_project_report"): |
|
|
|
st.session_state.report_type = "project" |
|
st.session_state.show_report_form = True |
|
st.rerun() |
|
|
|
with col2: |
|
st.markdown(""" |
|
<div class="card"> |
|
<div class="card-title">تقارير الأداء المالي</div> |
|
<p>تحليل مالي للمشاريع يتضمن الإيرادات والتكاليف والأرباح والتدفقات النقدية والانحرافات عن الميزانية.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
if st.button("إنشاء تقرير", key="btn_financial_report"): |
|
|
|
st.session_state.report_type = "financial" |
|
st.session_state.show_report_form = True |
|
st.rerun() |
|
|
|
with col3: |
|
st.markdown(""" |
|
<div class="card"> |
|
<div class="card-title">تقارير المناقصات</div> |
|
<p>تحليل شامل للمناقصات النشطة والمنتهية ونسب الفوز والمنافسين ومقارنة الأسعار.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
if st.button("إنشاء تقرير", key="btn_tender_report"): |
|
|
|
st.session_state.report_type = "tender" |
|
st.session_state.show_report_form = True |
|
st.rerun() |
|
|
|
|
|
st.markdown("### لوحة البيانات التنفيذية") |
|
|
|
col1, col2 = st.columns([2, 1]) |
|
|
|
with col1: |
|
st.markdown("#### أداء المشاريع حسب القطاع") |
|
|
|
|
|
sectors = ['البنية التحتية', 'السكني', 'التعليمي', 'الصحي', 'النقل'] |
|
performance = [85, 72, 64, 90, 78] |
|
|
|
|
|
chart_data = pd.DataFrame({'القطاع': sectors, 'الأداء (%)': performance}) |
|
st.bar_chart(chart_data.set_index('القطاع'), use_container_width=True) |
|
|
|
|
|
st.caption("مقارنة أداء المشاريع عبر القطاعات المختلفة (نسبة الإنجاز)") |
|
|
|
with col2: |
|
st.markdown("#### المؤشرات الرئيسية") |
|
|
|
|
|
st.markdown("##### نسبة المشاريع المتأخرة") |
|
delayed_projects = 15 |
|
st.progress(delayed_projects / 100) |
|
st.markdown(f"<p style='text-align: center; color: #F44336; font-weight: bold; margin-top: -10px;'>{delayed_projects}%</p>", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("##### متوسط هامش الربح") |
|
profit_margin = 22 |
|
st.progress(profit_margin / 100) |
|
st.markdown(f"<p style='text-align: center; color: #4CAF50; font-weight: bold; margin-top: -10px;'>{profit_margin}%</p>", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("##### معدل نجاح المناقصات") |
|
tender_success = 35 |
|
st.progress(tender_success / 100) |
|
st.markdown(f"<p style='text-align: center; color: #2196F3; font-weight: bold; margin-top: -10px;'>{tender_success}%</p>", unsafe_allow_html=True) |
|
|
|
|
|
st.markdown("### تقارير الأداء الأخيرة") |
|
|
|
|
|
with st.container(): |
|
col1, col2 = st.columns([3, 1]) |
|
|
|
with col1: |
|
st.markdown("#### التقرير الشهري لمشاريع الربع الأول 2025") |
|
st.markdown("تقرير شامل يوضح أداء جميع المشاريع النشطة خلال الربع الأول من عام 2025، بما في ذلك تحليل التكاليف والجدول الزمني والمخاطر.") |
|
st.markdown("**تاريخ الإنشاء:** 15 مارس 2025") |
|
|
|
with col2: |
|
st.markdown("<br>", unsafe_allow_html=True) |
|
col2_1, col2_2 = st.columns(2) |
|
with col2_1: |
|
if st.button("عرض", key="view_report1"): |
|
st.session_state.view_report = "quarterly_q1_2025" |
|
st.session_state.show_report_viewer = True |
|
with col2_2: |
|
if st.button("تنزيل", key="download_report1"): |
|
st.info("جاري تحميل التقرير...") |
|
|
|
st.markdown("---") |
|
|
|
|
|
with st.container(): |
|
col1, col2 = st.columns([3, 1]) |
|
|
|
with col1: |
|
st.markdown("#### تحليل أداء المناقصات 2024-2025") |
|
st.markdown("تحليل مقارن لنتائج المناقصات بين عامي 2024 و 2025، يوضح التحسن في معدلات النجاح وتحليل أسباب الخسارة وفرص التحسين.") |
|
st.markdown("**تاريخ الإنشاء:** 28 فبراير 2025") |
|
|
|
with col2: |
|
st.markdown("<br>", unsafe_allow_html=True) |
|
col2_1, col2_2 = st.columns(2) |
|
with col2_1: |
|
if st.button("عرض", key="view_report2"): |
|
st.session_state.view_report = "tenders_analysis_2024_2025" |
|
st.session_state.show_report_viewer = True |
|
with col2_2: |
|
if st.button("تنزيل", key="download_report2"): |
|
st.info("جاري تحميل التقرير...") |
|
|
|
st.markdown("---") |
|
|
|
|
|
with st.container(): |
|
col1, col2 = st.columns([3, 1]) |
|
|
|
with col1: |
|
st.markdown("#### تقرير المخاطر المالية للمشاريع الجارية") |
|
st.markdown("تقرير تفصيلي حول المخاطر المالية للمشاريع الجارية، بما في ذلك تحليل التدفقات النقدية والمستحقات المتأخرة والمطالبات المحتملة.") |
|
st.markdown("**تاريخ الإنشاء:** 10 فبراير 2025") |
|
|
|
with col2: |
|
st.markdown("<br>", unsafe_allow_html=True) |
|
col2_1, col2_2 = st.columns(2) |
|
with col2_1: |
|
if st.button("عرض", key="view_report3"): |
|
st.session_state.view_report = "financial_risks_2025" |
|
st.session_state.show_report_viewer = True |
|
with col2_2: |
|
if st.button("تنزيل", key="download_report3"): |
|
st.info("جاري تحميل التقرير...") |
|
|
|
|
|
def render_ai_assistant(): |
|
"""عرض واجهة المساعد الذكي باستخدام المكون الجديد""" |
|
try: |
|
from modules.ai_assistant.assistant_app import AssistantApp |
|
|
|
|
|
st.markdown("<h1 class='app-title'>المساعد الذكي</h1>", unsafe_allow_html=True) |
|
|
|
st.markdown(""" |
|
<div class="section-card"> |
|
<p>المساعد الذكي هو واجهة تفاعلية مدعومة بتقنيات الذكاء الاصطناعي لمساعدتك في جميع أنشطة إدارة المشاريع والعقود. |
|
يمكنك طرح أسئلة بلغتك الطبيعية والحصول على إجابات فورية، أو طلب مساعدة في مهام محددة مثل تحليل بنود العقد أو تقدير التكاليف.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
ai_assistant = AssistantApp() |
|
ai_assistant.render() |
|
|
|
except Exception as e: |
|
st.error(f"حدث خطأ في تحميل المساعد الذكي: {str(e)}") |
|
st.markdown(""" |
|
<div class="error-card"> |
|
<h3>😞 عذراً، واجهنا مشكلة في تحميل المساعد الذكي</h3> |
|
<p>يرجى المحاولة مرة أخرى لاحقاً أو التواصل مع فريق الدعم الفني إذا استمرت المشكلة.</p> |
|
</div> |
|
""", unsafe_allow_html=True) |
|
|
|
|
|
|
|
if __name__ == "__main__": |
|
main() |