598 lines
28 KiB
PHP
598 lines
28 KiB
PHP
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8">
|
||
|
||
<!-- Font Awesome Icons -->
|
||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
|
||
|
||
<!-- <link rel="stylesheet" href="../plugins/all.min.css" /> -->
|
||
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
||
|
||
<!-- IRANSans Font -->
|
||
<link rel="stylesheet" href="../dist/css/fontiran.css" />
|
||
|
||
<!-- page css -->
|
||
<link rel="stylesheet" href="../dist/css/biNew.css" />
|
||
<!-- <link rel="stylesheet" href="../mycssHome.css" /> -->
|
||
<link rel="stylesheet" href="../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="../dist/css/leaflet.css" />
|
||
<link rel="stylesheet" href="../dist/css/MarkerCluster.css" />
|
||
<link rel="stylesheet" href="../dist/css/MarkerCluster.Default.css" />
|
||
|
||
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
|
||
|
||
|
||
|
||
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
||
<title>مرکز مدیریت راه های کشور</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
<div class="container min-vh-100">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row">
|
||
|
||
<div class="col-sm-2 mainTitle">
|
||
داشبورد مدیریتی سامانه جامع راهداری
|
||
</div>
|
||
|
||
|
||
<div class="col-sm-10">
|
||
|
||
<div class="row">
|
||
|
||
<button id="refresh-buttom" class="btn btn-warning col-sm-1">
|
||
<i class="fas fa-redo"></i>
|
||
</button>
|
||
|
||
<div class="col-sm-2">
|
||
<select id="select-province" class="form-control">
|
||
<option value="0">
|
||
انتخاب استان
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<select id="select-city" class="form-control">
|
||
<option value="0">
|
||
انتخاب شهرستان
|
||
</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-sm-2">
|
||
<select id="select-year" class="form-control" value="1399">
|
||
<option value="0">
|
||
انتخاب سال
|
||
</option>
|
||
<option value="1395">
|
||
1395
|
||
</option>
|
||
<option value="1396">
|
||
1396
|
||
</option>
|
||
<option value="1397">
|
||
1397
|
||
</option>
|
||
<option value="1398">
|
||
1398
|
||
</option>
|
||
<option value="1399" selected>
|
||
1399
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<select id="select-month" class="form-control">
|
||
<option value="0">
|
||
انتخاب ماه
|
||
</option>
|
||
<option value="1">
|
||
فروردین
|
||
</option>
|
||
<option value="2">
|
||
اردیبهشت
|
||
</option>
|
||
<option value="3">
|
||
خرداد
|
||
</option>
|
||
<option value="4">
|
||
تیر
|
||
</option>
|
||
<option value="5">
|
||
مرداد
|
||
</option>
|
||
<option value="6">
|
||
شهریور
|
||
</option>
|
||
<option value="7">
|
||
مهر
|
||
</option>
|
||
<option value="8">
|
||
آبان
|
||
</option>
|
||
<option value="9">
|
||
آذر
|
||
</option>
|
||
<option value="10">
|
||
دی
|
||
</option>
|
||
<option value="11">
|
||
بهمن
|
||
</option>
|
||
<option value="12">
|
||
اسفند
|
||
</option>
|
||
</select>
|
||
</div>
|
||
|
||
|
||
<div class="col-sm-3">
|
||
<div class="row">
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" placeholder="از تاریخ" id="dateFrom"
|
||
value="1399-09-01">
|
||
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" placeholder="تا تاریخ" id="dateTo">
|
||
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<button type="text" class="btn btn-success form-control" id="submitDate">
|
||
اجرا
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-sm-12" style="height: 100vh;">
|
||
<div class="row" style="height: 100vh;">
|
||
<div class="col-sm-3 firstCol">
|
||
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
<div class="row ">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle selectedField" id="project">پروژه های راهداری</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="" id="counter1"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="daily">فعالیت های جاری راهداری</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter2">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="misson">ماموریت ها و گشت راهداری</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter3">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="handle">شکایات مردمی رسیدگی شده</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter4">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="danger95">نقطه حادثه خیز رفع شده مصوب 1395</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter5">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="danger99">نقطه حادثه خیز شناسایی شده 1399</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter6">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card mini">
|
||
<div class="card-body">
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8 mainTitle">
|
||
<div class="headTitle" id="block">محورهای مسدودی آسیب دیده ناشی از مخاطرات جوی</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127" id="counter7">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card miniX" style="margin-bottom: 0px; margin-top: 23px;">
|
||
<div class="card-body">
|
||
<!-- <div class="row">
|
||
<div class="col-sm-8">
|
||
<div class="headTitle">مشخصات زیر ساختی راه</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<span class="spanTitle" style="margin-top: -22px; margin-bottom: 20px;">مشخصات زیر ساختی
|
||
راه</span>
|
||
<div class="row">
|
||
<div class="col-sm-8">
|
||
<select class="form-control">
|
||
<option value="0">
|
||
راهدارخانه
|
||
</option>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span class="counter" data-count="5127">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
<div class="col-sm-6" style="margin-top: -11px;">
|
||
<div class="my-map-title" style="text-align: center;">
|
||
<span class="subText1">پروژه های راهداری</span>
|
||
<span class="subTextBet1" style="display: none;">اداره کل</span>
|
||
<span class="subText2"></span>
|
||
<span class="subTextBet2" style="display: none;"> (شهرستان</span>
|
||
<span class="subText3"></span>
|
||
</div>
|
||
<div class="card longCard">
|
||
<div class="card-body cardMap">
|
||
<img src="../dist/images/new-design/full-screen.svg" class="fullScreen"
|
||
onclick="showFirstMapModal()">
|
||
<div class="map-box">
|
||
|
||
|
||
<div id="map" class="map">
|
||
|
||
<div class="buttonMap buttonMapRight buttonMapFirst">
|
||
<div class="leaflet-bar leaflet-control">
|
||
<a class="leaflet-control-zoom-in " href="#" title="Zoom in" role="button"
|
||
aria-label="Zoom in">*</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="buttonMap buttonMapRight buttonMapSecond">
|
||
<div class="leaflet-bar leaflet-control">
|
||
<a class="leaflet-control-zoom-in " href="#" title="نمایش شهرستانی"
|
||
role="button" aria-label="نمایش شهرستانی">*</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="buttonMap buttonMapRight buttonMapThird">
|
||
<div class="leaflet-bar leaflet-control">
|
||
<a class="leaflet-control-zoom-in " href="#" title="مرحله قبل" role="button"
|
||
aria-label="مرحله قبل">*</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="buttonMap buttonMapRight buttonMapForth">
|
||
<div class="leaflet-download-jpg leaflet-bar leaflet-control">
|
||
<a class="leaflet-control-zoom-in " href="#" title="دانلود" role="button"
|
||
aria-label="دانلود"><i class="fa fa-download"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="buttonMap buttonMapRight buttonMapFifth">
|
||
<div class="leaflet-bar leaflet-control go-home">
|
||
<a class="leaflet-control-zoom-in " href="#" title="بازگشت" role="button"
|
||
aria-label="بازگشت"><i class="fa fa-home"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div hidden id="layer-spinner" class="spinner"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="card whole longCard">
|
||
<div class="card-body cardMap">
|
||
<img src="../dist/images/new-design/full-screen.svg" class="fullScreen" onclick="showSecondMapModal()">
|
||
<div class="map-box">
|
||
<div id="map2" class="map2"></div>
|
||
<div hidden id="layer-spinner" class="spinner"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- <div class="provincialcamera">
|
||
<div hidden id="camera-spinner" class="spinner"></div>
|
||
<div class="form-map"></div>
|
||
</div> -->
|
||
|
||
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="card longCard" style="margin-top: 15px;">
|
||
<!-- <div class="card whole"> -->
|
||
<div class="card-body" ondblclick="showSixthChModal()" style="margin-top: 10px;">
|
||
<span class="spanTitle" style="margin-bottom: 8px;">فعالیت های روزانه</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartSixth" class="chartjs-render-monitor" style="display: block;"
|
||
height="800vh" width="500vw"></canvas>
|
||
</div>
|
||
</div>
|
||
<!-- </div> -->
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="col-sm-12" style="height: 100vh;">
|
||
<div class="row" style="height: 100vh;">
|
||
|
||
<div class="col-sm-9 jari234" style="display:none">
|
||
<div class="card whole">
|
||
<div class="card-body" ondblclick="showSecondChModal()">
|
||
<span class="spanTitle">نوع فعالیت جاری راهداری</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartJariSecond" class="chartjs-render-monitor"
|
||
style="display: block" height="10vh" width="80vw"></canvas>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="card-body shekayat" ondblclick="" style="display:none">
|
||
<span class="spanTitle">شکایات</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartShekayat" class="chartjs-render-monitor"
|
||
style="display: block" height="10vh"
|
||
width="80vw"></canvas>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-3 firstCol typical234">
|
||
|
||
|
||
<div class="card whole">
|
||
<div class="card-body" ondblclick="showSeventhChModal()">
|
||
<span class="spanTitle">تعداد پروژه ها به تفکیک نوع راه</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartSeventh" class="chartjs-render-monitor"
|
||
style="display: block;" height="180vh" width="580vw">
|
||
</canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-sm-3 typical234">
|
||
<div class="card whole">
|
||
<div class="card-body" ondblclick="showSecondChModal()">
|
||
<span class="spanTitle">آخرین وضعیت پروژه ها</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartSecond" class="chartjs-render-monitor" style="display: block"
|
||
height="130vh" width="400vw"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-3 typical234">
|
||
<div class="card whole">
|
||
<div class="card-body" ondblclick="showFirstChModal()">
|
||
<span class="spanTitle">پروژه های راهداری به تفکیک نوع پروژه</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartfirst" class="chartjs-render-monitor"
|
||
style="display: block; height: 18vh; width: 470px;" height="200"
|
||
width="587"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-6 card23" style="display:none">
|
||
<div class="card whole">
|
||
<div class="card-body" ondblclick="">
|
||
<span class="spanTitle"></span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="chart23" class="chartjs-render-monitor" style="display: block"
|
||
height="10vh" width="80vw"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-3">
|
||
|
||
<div class="card whole">
|
||
<div class="card-body boxOneTypical" ondblclick="showProgressBar()">
|
||
<span class="spanTitle" id="box1Title">میانگین پیشرفت فیزیکی کل پروژه های
|
||
راهداری</span>
|
||
<div id="progressBar"></div>
|
||
</div>
|
||
|
||
<div class="card-body boxOneJari" ondblclick="" style="display:none">
|
||
<span class="spanTitle">تعداد فعالیت مرمت رویه</span>
|
||
<div class="ShowEachPie">
|
||
<canvas id="myChartJari" class="chartjs-render-monitor" style="display: block;"
|
||
height="180vh" width="580vw">
|
||
</canvas>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-body counterBlock" style="display:none;align-items: center;">
|
||
<span class="counter" id="counterTak" data-count="5127" id="counter8">0</span>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<div class="modal fade" id="modalCenter" tabindex="-1" role="dialog"
|
||
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="mapModalCenter" tabindex="-1" role="dialog"
|
||
aria-labelledby="mapModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<!-- <div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div> -->
|
||
<div class="modal-body">
|
||
</div>
|
||
<!-- <div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal fade" id="mapModalCenter2" tabindex="-1" role="dialog"
|
||
aria-labelledby="mapModalCenterTitle2" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<!-- <div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div> -->
|
||
<div class="modal-body">
|
||
</div>
|
||
<!-- <div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- jQuery -->
|
||
<script src="../plugins/jquery/jquery.min.js"></script>
|
||
<!-- Moment.js -->
|
||
<script src="../plugins/moment/moment.min.js"></script>
|
||
<script src="../dist/js/jalali-moment.browser.js"></script>
|
||
<!-- Bootstrap 4 -->
|
||
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<!-- ChartJS -->
|
||
<script src="../plugins/chart.js/Chart.min.js"></script>
|
||
<!-- progress Bar -->
|
||
<script src="../dist/js/progressbar.min.js"></script>
|
||
<!-- counter -->
|
||
<script src="../plugins/increment-numeric-counter/counter.js"></script>
|
||
<!-- Leaflet -->
|
||
<script src="../dist/js/leaflet.js"></script>
|
||
<script src="../dist/js/leaflet.markercluster.js"></script>
|
||
<!-- Leaflet Routing Machine js -->
|
||
<script src="../dist/js/leaflet-routing-machine.js"></script>
|
||
<!-- Persian Datepicker -->
|
||
<script src="../dist/js/persian-date.min.js"></script>
|
||
<script src="../dist/js/persian-datepicker.min.js"></script>
|
||
<!-- MyJs -->
|
||
<script src="../dist/js/biNew.js"></script>
|
||
|
||
|
||
|
||
</body>
|
||
|
||
</html> |