Files
backend/resources/views/rmto-preview/pages/new-bi.blade.php
2024-02-01 09:53:53 +00:00

614 lines
36 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<link rel="stylesheet" href="./bi/plugins/all.min.css" />
<link rel="stylesheet" href="./bi/plugins/adminlte.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="./bi/plugins/fontiran.css" />
<!-- page css -->
<link rel="stylesheet" href="./bi/mycss.css" />
<link rel="stylesheet" href="./bi/mycssHome.css" />
<link rel="stylesheet" href="./bi/plugins/chart.js/Chart.min.css" />
<!-- progress bar -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600,800,900" rel="stylesheet" type="text/css">
<!-- counter -->
<link href="plugins/increment-numeric-counter/counter.css" rel="stylesheet" type="text/css">
<!-- Leaflet -->
<link rel="stylesheet" href="./bi/plugins/leaflet.css" />
<link rel="stylesheet" href="./bi/plugins/MarkerCluster.css" />
<link rel="stylesheet" href="./bi/plugins/MarkerCluster.Default.css" />
<link rel="stylesheet" href="./bi/plugins/persian-datepicker.min.css" />
<title>سامانه جامع راهداری</title>
</head>
<body>
<header class="navbar navbar-expand-lg ">
<div class="logoPart">
<img src="./bi/images/new-design/instagramLogo.svg">
<img src="./bi/images/new-design/watsappLogo.svg">
<img src="./bi/images/new-design/microLine.svg">
<span>تماس با ما</span>
<img src="./bi/images/new-design/microLine.svg">
</div>
<div class="collapse navbar-collapse justify-content-center date">1399 سه شنبه 20 آبان</div>
<div class="contactUsPart">
<img src="./bi/images/new-design/witelLogo.svg">
<span>پشتیبانی از ساعت</span>
<span class="time">8-13</span>
<span>021-41756000</span>
<img src="./bi/images/new-design/phone.svg" alt="">
</div>
</header>
<nav class="navbar navbar-expand-lg" style="background-color: #2c343f;">
<a class="navbar-brand" href="#"><img src="./bi/images/new-design/141icon.svg"></a>
<a class="navbar-brand" href="#"><img src="./bi/images/new-design/logo.svg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item navbar-it">
<div class="dropdown">
<a class="dropdown-toggle" href="#" id="dropdownMenuLink" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<div class="havig">
<div>
<img src="./bi/images/modalrms/car-collision.svg" width="30" height="30" alt=""
loading="lazy">
</div>
<div class="navbar-sp">
نقاط دارای تصادف
</div>
</div>
</a>
<ul class="dropdown-menu multi-level" id="dropdown1" role="menu" aria-labelledby="dropdownMenu">
<!-- <li class="dropdown-item"><a class="dropdown-item" href="#">نقاط دارای تصادف</a></li> -->
<!-- <li class="dropdown-divider"></li> -->
<li class="dropdown-item"><a class="dropdown-item" href="/danger-point"
target="_blank">شناسایی نقاط پرتصادف سال
1399</a></li>
<!-- <li class="dropdown-item"><a class="dropdown-item" href="#">تمامی نقاط پرتصادف مصوب سال 1395</a></li>
<li class="dropdown-item"><a class="dropdown-item" href="#">251 نقطه پرتصادف مصوب سال 1395</a></li> -->
<!-- <li class="dropdown-divider"></li> -->
<li class="dropdown-submenu pull-left">
<a class="dropdown-item" href="#">تمامی نقاط پرتصادف مصوب سال 1395</a>
<!-- <a class="dropdown-item" tabindex="-1" href="#">Hover me for more options</a> -->
<ul class="dropdown-menu">
<!-- <li class="dropdown-item"><a tabindex="-1" href="#">Second level</a></li> -->
<li><a class="dropdown-item" href="#">پراکندگی روی نقشه</a></li>
<li><a class="dropdown-item" href="/accident-points-dt" target="_blank">فهرست
نقاط</a></li>
</ul>
</li>
<li class="dropdown-submenu pull-left">
<a class="dropdown-item" href="#">251 نقطه پرتصادف مصوب سال 1395</a>
<!-- <a class="dropdown-item" tabindex="-1" href="#">Hover me for more options</a> -->
<ul class="dropdown-menu">
<!-- <li class="dropdown-item"><a tabindex="-1" href="#">Second level</a></li> -->
<li><a class="dropdown-item" href="#">پراکندگی روی نقشه</a></li>
<li><a class="dropdown-item" href="/accident-251-points-dt" target="_blank">فهرست
نقاط</a></li>
</ul>
</li>
</ul>
</div>
<!-- <div class="dropdown">
<a class="" href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="havig">
<div>
<img src="./bi/images/modalrms/car-collision.svg" width="30" height="30" alt=""
loading="lazy">
</div>
<div class="navbar-sp">
نقاط دارای تصادف
</div>
</div>
</a> -->
<!-- <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="dropdown1">
<span class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="http://google.com">Google</a>
<span class="dropdown-menu">
<span><a class="dropdown-item" href="#">Submenu</a></span>
<span><a class="dropdown-item" href="#">Submenu0</a></span>
</span>
</span>
<a class="dropdown-item" href="#">شناسایی نقاط پرتصادف سال 1399</a>
<a class="dropdown-item" href="#">تمامی نقاط پرتصادف مصوب سال 1395</a>
<a class="dropdown-item" href="#">251 نقطه پرتصادف مصوب سال 1395</a>
</div> -->
<!-- </div> -->
</li>
<li class="nav-item line">
<div>
<img src="./bi/images/new-design/line.svg">
</div>
</li>
<li class="nav-item navbar-it">
<div class="dropdown">
<a class="" href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="havig">
<div>
<img src="./bi/images/new-design/Infrastructure.svg" width="30" height="30" alt=""
loading="lazy">
</div>
<div class="navbar-sp">
زیرساخت
</div>
</div>
</a>
<ul class="dropdown-menu multi-level" id="dropdown2" role="menu" aria-labelledby="dropdownMenu">
<!-- <li class="dropdown-item"><a class="dropdown-item" href="#">زیرساخت</a></li> -->
<li class="dropdown-submenu pull-left">
<a class="dropdown-item" href="#">راهدارخانه</a>
<ul class="dropdown-menu" id="subMenuRah">
<li><a class="dropdown-item" href="#">پراکندگی روی نقشه</a></li>
<li><a class="dropdown-item" href="#">فهرست راهدارخانه ها</a></li>
</ul>
</li>
<li class="dropdown-item"><a class="dropdown-item" href="#">مشاهده و آپلود فایل</a></li>
<li class="dropdown-item"><a class="dropdown-item" href="#">پروژه های ساخت راه روستایی</a>
</li>
<li class="dropdown-item"><a class="dropdown-item" href="#">برخورداری راه های روستایی آسفالت
کشور</a></li>
</ul>
</div>
</li>
<li class="nav-item line">
<div>
<img src="./bi/images/new-design/line.svg">
</div>
</li>
<li class="nav-item navbar-it">
<div class="dropdown">
<a class="" href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="havig">
<div>
<img src="./bi/images/new-design/rahdariSystem.svg" width="30" height="30" alt=""
loading="lazy">
</div>
<div class="navbar-sp">
سامانه های راهداری
</div>
</div>
</a>
<ul class="dropdown-menu multi-level" id="dropdown3" role="menu" aria-labelledby="dropdownMenu">
<!-- <li class="dropdown-item"><a class="dropdown-item" href="#">سامانه های راهداری</a></li> -->
<li class="dropdown-item"><a class="dropdown-item" href="http://road.rmto.ir/rmto/index"
target="_blank">سامانه مدیریت روسازی راه ها (PMS)</a></li>
<li class="dropdown-item"><a class="dropdown-item" href="http://fms.141.ir"
target="_blank">سامانه مدیریت ناوگان (FMS)</a>
</li>
<li class="dropdown-item"><a class="dropdown-item" href="https://items.rmto.ir"
target="_blank">سامانه جامع مدیریت سوانح و حوادث جاده ای</a></li>
<li class="dropdown-item"><a class="dropdown-item" href="http://172.30.4.80:8080"
target="_blank">سامانه مدیریت نگهداری ابنیه فنی راه های کشور (BMS)</a></li>
<li class="dropdown-item"><a class="dropdown-item"
href="https://cmms.rmto.ir/Login.aspx?ReturnUrl=%2f" target="_blank">سامانه مدیریت
نگهداری ماشین آلات (CMMS)</a></li>
</ul>
</div>
</li>
<li class="nav-item line">
<div>
<img src="./bi/images/new-design/line.svg">
</div>
</li>
<li class="nav-item navbar-it">
<div class="dropdown">
<a class="" href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="havig">
<div>
<img src="./bi/images/new-design/projectBI.svg" width="30" height="30" alt=""
loading="lazy">
</div>
<div class="navbar-sp">پروژه/BI</div>
</div>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="dropdown4">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</li>
</ul>
</div>
<div class="dropdown" id="folan1">
<a href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="profile">
<img src="./bi/images/new-design/profile.svg">
</div>
</a>
<div id="folan" class="dropdown-menu multi-level" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">نام و نام خانوادگی</a>
<a class="dropdown-item" href="#">پست سازمانی</a>
<a class="dropdown-item dropdown-item-bottom" href="#">مدیریت کاربران</a>
<a class="dropdown-item dropdown-item-bottom" href="#">خروج</a>
</div>
</div>
</nav>
<div class="container">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-sm-4">
<select id="select-province" class="form-control">
<option value="0">
انتخاب استان
</option>
</select>
</div>
<div class="col-sm-4">
<select id="select-city" class="form-control"></select>
</div>
<div class="col-sm-4">
<div class="row">
<div class="col-sm-6">
<input type="text" class="form-control" placeholder="از تاریخ" id="dateFrom">
</div>
<div class="col-sm-6">
<input type="text" class="form-control" placeholder="تا تاریخ" id="dateTo">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="row">
<div class="col-sm-2 firstCol">
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">پروژه های راهداری</div>
<!-- <p class="card-text">5127</p> -->
<span class="counter" data-count="5127">0</span>
</div>
</div>
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">فعالیت روزانه</div>
<!-- <p class="card-text">1408</p> -->
<span class="counter" data-count="1408">0</span>
</div>
</div>
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">ماموریت روزانه</div>
<!-- <p class="card-text">309</p> -->
<span class="counter" data-count="309">0</span>
</div>
</div>
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">شکایت رسیدگی شده (درصد به کل)</div>
<!-- <p class="card-text">25 (90%)</p> -->
<div>
<span class="counter" data-count="25">0</span>
</div>
<span>(90%)</span>
</div>
</div>
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">نقطه حادثه خیز رفع شده مصوب 1395</div>
<!-- <p class="card-text">87</p> -->
<span class="counter" data-count="87">0</span>
</div>
</div>
<div class="card half">
<div class="card-body centerFlex">
<div class="headTitle">محور های مسدودی و آسیب دیده</div>
<!-- <p class="card-text">105</p> -->
<span class="counter" data-count="105">0</span>
</div>
</div>
</div>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-4">
<div class="card whole">
<div class="card-body">
<span>پروژه های راهداری به تفکیک</span>
<div class="ShowEachPie">
<canvas id="myChartfirst" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="300"
width="587"></canvas>
</div>
</div>
</div>
<div class="card whole">
<div class="card-body">
<span>آخرین وضعیت پروژه ها</span>
<div class="ShowEachPie">
<canvas id="myChartSecond" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="270"
width="500"></canvas>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card half">
<div class="card-body minCard">
<span>استان ها با پیشرفت فیزیکی برتر</span>
<div class="ShowEachPie">
<canvas id="myChartThird" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="210"
width="587"></canvas>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card half" id="progressCard">
<div class="card-body minCard">
<span>پیشرفت فیزیکی کل پروژه ها</span>
<div id="progressBar"></div>
</div>
</div>
</div>
</div>
<div class="card half">
<div class="card-body">
<span>ماموریت روزانه</span>
<div class="ShowEachPie">
<!-- <span class="projectnum">ماموریت روزانه</span> -->
<canvas id="myChartForth" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="120"
width="587"></canvas>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card whole">
<div class="card-body">
<div class="provincialcamera">
<!-- <button type="button" class="closeProvincialcamera" onclick="closeProvincialcameraBox()"></button>
<div class="form-provincial">
<div>دوربین‌های نظارتی</div>
<span>برای مشاهده ‌دوربین‌های نظارتی استان مورد نظر خود را انتخاب
کنید:</span>
<select id="map-camera-select" name="map-camera-select" class="dropdownostan">
<option value="00">انتخاب استان</option>
<option value="01" provinceId="6" lat="37.9211202" long="46.6821517">آذربایجان شرقی</option>
<option value="02" provinceId="5" lat="37.7416484" long="45.0207638">آذربایجان غربی</option>
<option value="03" provinceId="7" lat="38.4583983" long="47.9313001">اردبیل</option>
<option value="04" provinceId="22" lat="33.196733" long="50.7884216">اصفهان</option>
<option value="32" provinceId="14" lat="35.9413239" long="52.504026">البرز</option>
<option value="05" provinceId="21" lat="33.1545696" long="46.7576343">ایلام</option>
<option value="06" provinceId="28" lat="28.8936645" long="51.3204877">بوشهر</option>
<option value="07" provinceId="2" lat="35.50219455" long="51.3269098234951">تهران</option>
<option value="08" provinceId="25" lat="32.0163307" long="50.685709">چهارمحال و بختیاری</option>
<option value="29" provinceId="24" lat="33.0006776" long="58.3262335">خراسان جنوبی</option>
<option value="30" provinceId="4" lat="35.756361" long="59.1280992">خراسان رضوی</option>
<option value="31" provinceId="16" lat="37.5378855" long="56.9526137">خراسان شمالی</option>
<option value="10" provinceId="26" lat="31.5535141" long="49.0077168">خوزستان</option>
<option value="11" provinceId="9" lat="36.515854" long="48.4777616">زنجان</option>
<option value="12" provinceId="17" lat="35.4380386" long="54.8626294">سمنان</option>
<option value="13" provinceId="30" lat="28.1292481" long="60.8236848">سیستان و بلوچستان</option>
<option value="14" provinceId="3" lat="29.299051" long="53.218456">فارس</option>
<option value="28" provinceId="13" lat="36.0156291" long="49.8398161">قزوین</option>
<option value="26" provinceId="18" lat="34.7191915" long="51.0122844">قم</option>
<option value="16" provinceId="10" lat="35.672803" long="47.0124376">کردستان</option>
<option value="15" provinceId="29" lat="29.571858" long="57.301047">کرمان</option>
<option value="17" provinceId="11" lat="34.3789744" long="46.7010122">کرمانشاه</option>
<option value="18" provinceId="27" lat="30.8143476" long="50.8661454">کهگیلویه و بویراحمد</option>
<option value="27" provinceId="15" lat="37.1984436" long="55.070672">گلستان</option>
<option value="19" provinceId="8" lat="37.5115476" long="49.3554429849707">گیلان</option>
<option value="20" provinceId="20" lat="33.5372643" long="48.2435197">لرستان</option>
<option value="21" provinceId="1" lat="36.3159159" long="51.8968597">مازندران</option>
<option value="22" provinceId="19" lat="34.5302705" long="49.7864561">مرکزی</option>
<option value="23" provinceId="31" lat="27.7198095" long="56.335807">هرمزگان</option>
<option value="24" provinceId="12" lat="34.973321" long="48.6555779">همدان</option>
<option value="25" provinceId="23" lat="32.2452686" long="55.105172">یزد</option>
</select>
</div> -->
<div hidden id="camera-spinner" class="spinner"></div>
<div class="form-map"></div>
</div>
</div>
</div>
<div class="card whole">
<div class="card-body" id="cardMap">
<div class="map-box">
<div id="map" class="map"></div>
<div hidden id="layer-spinner" class="spinner"></div>
</div>
</div>
</div>
<div class="card whole">
<div class="card-body">
<span> آخرین وضعیت محور های مسدودی و آسیب دیده</span>
<div class="ShowEachPie">
<!-- <span class="projectnum">تعداد پروژه ها بر اساس سال ثبت شده </span> -->
<canvas id="myChartFifth" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="300"
width="587"></canvas>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card whole">
<div class="card-body">
<span>فعالیت های روزانه</span>
<div class="ShowEachPie">
<!-- <span class="projectnum">تعداد پروژه ها بر اساس سال ثبت شده </span> -->
<canvas id="myChartSixth" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="300"
width="587"></canvas>
</div>
</div>
</div>
<div class="card whole">
<div class="card-body">
<span>فعالیت های روزانه به تفکیک زیرآیتم</span>
<div class="ShowEachPie">
<!-- <span class="projectnum">تعداد پروژه ها بر اساس سال ثبت شده </span> -->
<canvas id="myChartSeventh" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="280"
width="587"></canvas>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card whole">
<div class="card-body">
<span>رفع نقاط حادثه خیز (مصوب 1395)</span>
<div class="row provinceRow">
<div class="col-sm-6"><span class="province">
همدان</span>
</div>
<div class="col-sm-6">
<span class="counter" data-count="15">0</span>
</div>
</div>
<div class="row provinceRow">
<div class="col-sm-6">
<span class="province">یزد</span>
</div>
<div class="col-sm-6">
<span class="counter" data-count="14">0</span>
</div>
</div>
<div class="row provinceRow">
<div class="col-sm-6">
<span class="province">مرکزی</span>
</div>
<div class="col-sm-6">
<span class="counter" data-count="10">0</span>
</div>
</div>
<div class="row provinceRow">
<div class="col-sm-6">
<span class="province">کردستان</span>
</div>
<div class="col-sm-6">
<span class="counter" data-count="18">0</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card whole">
<div class="card-body">
<div class="firstPart">
<span> استان برتر در رسیدگی به شکایات</span>
<div class="ShowEachPie">
<!-- <span class="projectnum">تعداد پروژه ها بر اساس سال ثبت شده </span> -->
<canvas id="myChartEighth" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;"
height="300" width="587"></canvas>
</div>
</div>
<div class="secondPart">
<span> استان ضعیف در رسیدگی به شکایات</span>
<canvas id="myChartNinth" class="chartjs-render-monitor"
style="display: block; height: 235px; width: 470px;" height="300"
width="587"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="./bi/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="./bi/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="./bi/plugins/chart.js/Chart.min.js"></script>
<!-- progress Bar -->
<script src="./bi/plugins/progressBar/progressbar.min.js"></script>
<!-- counter -->
<script src="./bi/plugins/increment-numeric-counter/counter.js"></script>
<!-- Leaflet -->
<script src="./bi/plugins/leaflet.js"></script>
<script src="./bi/plugins/leaflet.markercluster.js"></script>
<!-- Leaflet Routing Machine js -->
<script src="./bi/plugins/leaflet-routing-machine.js"></script>
<!-- Persian Datepicker -->
<script src="./bi/plugins/persian-date.min.js"></script>
<script src="./bi/plugins/persian-datepicker.min.js"></script>
<!-- MyJs -->
<script src="./bi/myjs.js"></script>
</body>
</html>