301 lines
17 KiB
PHP
301 lines
17 KiB
PHP
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>سامانه جامع راهداری</title>
|
||
<link rel="icon" href="../dist/images/modalrms/RMSLOGO1.svg" type="image/icon" sizes="16x16">
|
||
<!-- fontawesome links -->
|
||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
|
||
<!-- datepicker links -->
|
||
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
|
||
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
|
||
<!-- map links -->
|
||
<link rel="stylesheet" href="../dist/css/leaflet.css" />
|
||
<!-- bootstrap links -->
|
||
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
|
||
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
|
||
<!-- font links -->
|
||
<link rel="stylesheet" href="../dist/css/fontiran.css" />
|
||
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
||
<!-- swiper link -->
|
||
<link rel="stylesheet" href="../dist/css/swiper-bundle.min.css" />
|
||
<!-- page link -->
|
||
<link rel="stylesheet" href="../dist/css/new_home.css?_={{ mt_rand(1, 99999999999) }}" />
|
||
</head>
|
||
|
||
<body lang="fa" dir="rtl">
|
||
<div class="header">
|
||
<div class="d-flex align-items-center justify-content-between">
|
||
<div class="flex-style-header justify-content-start">
|
||
<img class="ml-2 logo-img" src="../dist/images/modalrms/RMSLOGO1.svg" alt="RMS">
|
||
<img class="logo-img" src="../dist/images/modalrms/RMSLOGO2.svg" alt="LOGO">
|
||
</div>
|
||
<div class="flex-style-header justify-content-center flex-column text-center">
|
||
<h5>سامانه جامع راهداری</h5>
|
||
<small>(<span style="color: crimson">R</span>oad <span style="color: crimson">M</span>anagement <span style="color: crimson">S</span>ystem)</small>
|
||
</div>
|
||
<div class="flex-style-header justify-content-end">
|
||
<a href="https://rms.rmto.ir/new_login"><button type="button" class="btn-self-design button-login mx-2">ورود به سامانه</button></a>
|
||
<button id="downloadApp" type="button" class="btn-self-design button-app mx-2">اپلیکیشن برداشت پل</button>
|
||
<button id="namayeshgah" type="button" class="btn-self-design button-exhibition mx-2">نمایشگاه مجازی</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body container container-xxl">
|
||
<div class="body-part-1">
|
||
<div class="slider d-flex align-items-center justify-content-center">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/2.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/3.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/4.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/5.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/8.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/9.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/10.jpg"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/modalrms/11.jpg"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col text-box-parent">
|
||
<div class="col d-flex align-items-center text-box">
|
||
<img class="ml-2" src="../dist/images/modalrms/strategy.png" alt="strategy" width="50px" height="50px">
|
||
<p>اخرین وضعیت پروژه ها و اخذ گزارش های عملکردی</p>
|
||
</div>
|
||
<div class="col d-flex align-items-center text-box">
|
||
<img class="ml-2" src="../dist/images/modalrms/briefing.png" alt="briefing" width="50px" height="50px">
|
||
<p>ثبت و بروزرسانی اطلاعات مکانی و توصیفی زیر ساخت ها(راه ها، پل ها ، تونل ها راهدارخانه ها)</p>
|
||
</div>
|
||
<div class="col d-flex align-items-center text-box">
|
||
<img class="ml-2" src="../dist/images/modalrms/presentation.png" alt="presentation" width="50px" height="50px">
|
||
<p>پوشش تمامی پروژه های حوزه ی راهداری، فعالیت های روزانه و جاری گشت راهداری و ترابری، مشکلات مردمی</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body-part-2 mb-5">
|
||
<div class="row justify-content-around align-items-center">
|
||
<div class="col-xl-6 col-lg-8 col-sm-12 res-none">
|
||
<div class="col-8 daily-patrol-self-design-chart">
|
||
<div class="daily-patrol-circle circle-1 square-maker">
|
||
<span class="circle-1-pipe-line pipe-line"></span>
|
||
<span class="circle-1-count circle-count"></span>
|
||
<div class="daily-patrol-circle circle-2">
|
||
<span class="circle-2-pipe-line pipe-line"></span>
|
||
<span class="circle-2-count circle-count"></span>
|
||
<div class="daily-patrol-circle circle-3">
|
||
<span class="circle-3-pipe-line pipe-line"></span>
|
||
<span class="circle-3-count circle-count"></span>
|
||
<div class="daily-patrol-circle circle-4">
|
||
<span class="circle-4-pipe-line pipe-line"></span>
|
||
<span class="circle-4-count circle-count"></span>
|
||
<div class="daily-patrol-circle circle-5">
|
||
<span class="circle-5-pipe-line pipe-line"></span>
|
||
<span class="circle-5-count circle-count"></span>
|
||
<div class="daily-patrol-circle circle-6">
|
||
<p class="header-title">ادارات کل فعال</p>
|
||
<p>تعداد گشت</p>
|
||
<p>به مسافت پیموده شده</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-5 col-lg-11 col-sm-11" style="height: 320px;">
|
||
<canvas id="top_provinces_according_to_number_of_complaints_handled" height="100%"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body-part-3">
|
||
<div class="row px-2">
|
||
<div class="col-xl-6 col-lg-6 map-box">
|
||
<div class="d-flex align-items-center text-center mb-3">
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
<div>
|
||
<p class="col text-nowrap font-weight-bold text-header-color">پهنه بندی فعالیت های جاری کل کشور</p>
|
||
<small class="text-header-color">سال 1401</small>
|
||
</div>
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
<div class="map-zoning" id="map_zoning"></div>
|
||
</div>
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div class="d-flex align-items-center text-center mb-3">
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
<div>
|
||
<p class="col text-nowrap font-weight-bold text-header-color">گزارش فعالیت کاربران</p>
|
||
<small class="text-header-color">کل کشور</small>
|
||
</div>
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
<ul class="timeline"></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container-fluid">
|
||
<div class="body-part-4">
|
||
<div class="col-12">
|
||
<fieldset>
|
||
<legend class="mr-3">داشبورد مدیریتی سامانه جامع راهداری</legend>
|
||
<div class="row align-items-center">
|
||
<div class="col-xl-6 col-lg mb-3">
|
||
<div class="dashboard-abilities d-flex align-items-center mb-3 mt-3"><img width="30px" height="30px" src="../dist/images/modalrms/tickTrick.png" alt=""><p class="dashboard-abilities-text mr-2">قابلیت فیلترینگ بر اساس استان، شهر و تاریخ</p></div>
|
||
<div class="dashboard-abilities d-flex align-items-center mb-3 mt-3"><img width="30px" height="30px" src="../dist/images/modalrms/tickTrick.png" alt=""><p class="dashboard-abilities-text mr-2">نمایش گزارش ها به صورت نمودار</p></div>
|
||
<div class="dashboard-abilities d-flex align-items-center mb-3 mt-3"><img width="30px" height="30px" src="../dist/images/modalrms/tickTrick.png" alt=""><p class="dashboard-abilities-text mr-2">نمایش گزارش ها به صورت پهنه بندی</p></div>
|
||
<div class="dashboard-abilities d-flex align-items-center mb-3 mt-3"><img width="30px" height="30px" src="../dist/images/modalrms/tickTrick.png" alt=""><p class="dashboard-abilities-text mr-2">بروزرسانی خودکار گزارش ها</p></div>
|
||
</div>
|
||
<div class="col-xl-6 col-lg mb-3">
|
||
<div class="dashboard-abilities-gallery slider d-flex align-items-center justify-content-center">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img src="../dist/images/new-design/dashboard-sc1.png"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/new-design/dashboard-sc2.png"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/new-design/dashboard-sc4.png"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/new-design/dashboard-sc5.png"></div>
|
||
<div class="swiper-slide"><img src="../dist/images/new-design/dashboard-sc6.png"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="dashboard-links text-nowrap px-3" target="_blank" href="https://rms.rmto.ir/bi"><button class="btn-self-design btn-dark">ورود به داشبورد</button></a>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="body-part-5 mb-5">
|
||
<div class="d-flex align-items-center text-center mb-3">
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
<div>
|
||
<p class="col text-nowrap font-weight-bold text-header-color">گزارش پروژه های حوزه راهداری</p>
|
||
<small class="text-header-color">کل کشور</small>
|
||
</div>
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
<div class="row align-items-center justify-content-around mt-3">
|
||
<div class="col-xl-5 col-lg-11 col-sm-11">
|
||
<canvas id="project_status_sperate"></canvas>
|
||
</div>
|
||
<div class="col-xl-5 col-lg-11 col-sm-11">
|
||
<canvas id="project_type_sperate"></canvas>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-column align-items-center justify-content-center">
|
||
<h6 class="text-nowrap font-weight-bold text-header-color">تعداد پروژه ها</h6>
|
||
<div class="project-num-counter project-counter"></div>
|
||
</div>
|
||
</div>
|
||
<div class="body-part-5 mb-5 d-flex flex-wrap justify-content-around link-parts"></div>
|
||
<div class="body-part-6 mb-5">
|
||
<div class="row align-items-center justify-content-around">
|
||
<div class="col-12">
|
||
<canvas id="number_of_complaints_per_type"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body-part-7 mb-5">
|
||
<div class="d-flex align-items-center text-center mb-3">
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
<div>
|
||
<p class="col font-weight-bold text-header-color">اطلاعات محور های مصدود شده ناشی از مخاطرات جوی</p>
|
||
<small class="text-header-color">کل کشور</small>
|
||
</div>
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
<div class="row align-items-center justify-content-around mt-3">
|
||
<div class="col-xl-3 col-lg-11 col-sm-11">
|
||
<canvas id="mehvar_statistics_pie_length"></canvas>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-11 col-sm-11">
|
||
<canvas id="mehvar_statistics_pie_cnt"></canvas>
|
||
</div>
|
||
<div class="col-xl-6 col-lg-11 col-sm-11">
|
||
<canvas id="mehvar_statistics_stack" height="200px"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- exhibition modal -->
|
||
<div class="modal fade" id="exhibition_modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="d-flex justify-content-around align-items-center">
|
||
<button id="exhibition_new" class="btn-self-design button-exhibition-new mx-2">نمایشگاه مجازی طرح های نوآورانه</button>
|
||
<button id="exhibition_first" class="btn-self-design button-exhibition-first mx-2">نمایشگاه مجازی نخستین رویداد بین المللی</button>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- exhibition modal -->
|
||
@include('layouts.footer')
|
||
</body>
|
||
<!-- jquery script -->
|
||
<script src="../plugins/jquery/jquery.min.js"></script>
|
||
<!-- datepicker scripts -->
|
||
<script src="../dist/js/persian-date.min.js "></script>
|
||
<script src="../dist/js/persian-datepicker.min.js "></script>
|
||
<!-- moment scripts -->
|
||
<script src="../plugins/moment/moment.min.js"></script>
|
||
<script src="../dist/js/jalali-moment.browser.js"></script>
|
||
<!-- map files -->
|
||
<script src="../dist/js/leaflet.js"></script>
|
||
<script src="../dist/js/provinces-cities-geojson.js"></script>
|
||
<!-- chart scripts -->
|
||
<script src="../plugins/chart3.5.js/chart.min.js"></script>
|
||
<script src="../plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js"></script>
|
||
<!-- bootstrap scripts -->
|
||
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js "></script>
|
||
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js "></script>
|
||
<!-- sweetAlert script -->
|
||
<script src="../dist/js/sweetalert2js.js"></script>
|
||
<!-- counter script -->
|
||
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
|
||
<script src="../plugins/bootstrap/jquery.counterup.min.js"></script>
|
||
<!-- swiper script -->
|
||
<script src="../dist/js/swiper-bundle.min.js"></script>
|
||
<!-- progressBar script -->
|
||
<script src="../plugins/progressBar/progressbar.min.js"></script>
|
||
<!-- Colors script -->
|
||
<script src="../dist/js/color.min.js"></script>
|
||
<!-- page script -->
|
||
<script src="../dist/js/new_home.js?_={{ mt_rand(1, 99999999999) }}"></script>
|
||
</html> |