486 lines
30 KiB
PHP
486 lines
30 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||
|
||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
|
||
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
||
<link rel="stylesheet" href="../dist/css/fontiran.css">
|
||
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
|
||
<link rel="stylesheet" href="../dist/css/leaflet.css" />
|
||
<link rel="stylesheet" href="../dist/css/bi.css">
|
||
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
||
<title>داشبورد مدیریتی سامانه جامع راهداری</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="not-support-device align-items-center justify-content-center h-100">سامانه این دستگاه را پشتیبانی نمی
|
||
کند.</div>
|
||
<div class="bi-loader" aria-display="hide">
|
||
<div class="loader push-pop">
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<div class="container-bi">
|
||
<div class="row d-flex h-100 flex-column align-items-stretch">
|
||
<div class="filter-container d-flex align-items-center py-1">
|
||
<div class="d-flex w-100 h-100 filter-box px-2 py-1">
|
||
<div class="col-7 filter-box-col d-flex p-0 align-items-center justify-content-between">
|
||
<div class="col-5 d-flex filter-title text-dark align-items-center">
|
||
<a href="/">
|
||
<img src="../dist/images/new-design/logo.svg" class="filter-logo">
|
||
</a>
|
||
<strong class="col">داشبورد مدیریتی سامانه جامع راهداری</strong>
|
||
</div>
|
||
<div class="col p-1 d-flex justify-content-end">
|
||
<button class="btn btn-default btn-sm btn-bi btn-filter-reset"><i
|
||
class="fas fa-redo pt-1"></i></button>
|
||
</div>
|
||
<div class="col-6 d-flex p-0 px-0">
|
||
<div class="col p-1">
|
||
<select name="filter-province" id="filter-province" data-disable="[5]"
|
||
class="form-control form-control-sm form-control-bi form-control-bi-down filter-control">
|
||
<option value="0">کل کشور</option>
|
||
</select>
|
||
</div>
|
||
<div class="col p-1">
|
||
<select name="filter-city" id="filter-city" data-disable="[5]"
|
||
class="form-control form-control-sm form-control-bi form-control-bi-down
|
||
filter-control">
|
||
<option value="0">انتخاب شهرستان</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-5 filter-box-col d-flex p-0 align-items-center justify-content-between filter-control">
|
||
<div class="col-6 d-flex p-0 px-1">
|
||
<div class="col p-1">
|
||
<select name="filter-year" id="filter-year" data-disable="[5,6]"
|
||
class="form-control form-control-sm form-control-bi form-control-bi-down
|
||
filter-control">
|
||
</select>
|
||
</div>
|
||
<div class="col p-1">
|
||
<select name="filter-month" id="filter-month" data-disable="[1,5,6]"
|
||
class="form-control form-control-sm form-control-bi form-control-bi-down filter-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>
|
||
<div class="col-5 d-flex p-0">
|
||
<div class="col p-1">
|
||
<input name="filter-date-from" type="text" data-disable="[1,5,6]"
|
||
class="form-control form-control-sm form-control-bi filter-control"
|
||
placeholder="از تاریخ">
|
||
</div>
|
||
<div class="col p-1">
|
||
<input name="filter-date-to" type="text" data-disable="[1,5,6]"
|
||
class="form-control form-control-sm form-control-bi filter-control"
|
||
placeholder="تا تاریخ">
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex p-0">
|
||
<div class="col p-1 d-flex justify-content-start">
|
||
<button
|
||
class="btn btn-default btn-sm btn-bi
|
||
btn-filter-send"
|
||
disabled><strong class="btn-filter-send-chenge" aria-display="hide">اجرا</strong><i
|
||
class="fas fa-check btn-filter-send-ok pt-1" aria-display="show"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="actions-container d-flex">
|
||
<div class="col-3">
|
||
<div class="row flex-column h-100 align-items-stretch">
|
||
<div class="action-buttons d-flex flex-column pr-0">
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="1" data-reset-year="true"
|
||
data-default-year="1399" aria-label-map="نقشه پهنه بندی پروژه های راهداری"
|
||
aria-label-status-chart="وضعیت پیشرفت فیزیکی پروژه های راهداری">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>پروژه های راهداری</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2 text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="2" data-reset-year="true"
|
||
data-default-year="1399" aria-label-map="نقشه پهنه بندی فعالیت های جاری"
|
||
aria-label-status-chart="تعداد فعالیت های جاری راهداری">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>فعالیت جاری راهداری</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="3" data-reset-year="true"
|
||
data-default-year="1399" aria-label-map="نقشه پهنه بندی ماموریت ها و گشت های راهداری"
|
||
aria-label-status-chart="تعداد ماموریت و گشت های راهداری">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>ماموریت ها و گشت های راهداری</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="4" data-reset-year="true"
|
||
data-default-year="1399" aria-label-map="نقشه پهنه بندی شکایت های رسیدگی شده"
|
||
aria-label-status-chart="تعداد شکایات رسیدگی شده">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>شکایات مردمی رسیدگی شده</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="5"
|
||
data-reset-year="false" data-default-year="1395"
|
||
aria-label-map="نقشه پهنه بندی نقطه حادثه خیر رفع شده"
|
||
aria-label-status-chart="تعداد نقطه حادثه خیز رفع شده">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>نقطه حادثه خیز رفع شده 1395</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="6"
|
||
data-reset-year="false" data-default-year="1399"
|
||
aria-label-map="نقشه پهنه بندی نقطه دارای تصادف"
|
||
aria-label-status-chart="تعداد نقطه دارای تصادف">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>نقطه دارای تصادف (بالقوه) 1399</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex btn-action-box mb-1 p-0" data-action-id="7" data-reset-year="true"
|
||
data-default-year="1399" aria-label-map="نقشه پهنه بندی محور های آسیب دیده"
|
||
aria-label-status-chart="تعداد محور های آسیب دیده">
|
||
<div
|
||
class="col btn-action-title d-flex align-items-center justify-content-center py-1">
|
||
<strong>محور های آسیب دیده ناشی از مخاطرات</strong>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2
|
||
text-center">
|
||
<span class="action-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="action-single-button pr-0">
|
||
<fieldset class="h-100">
|
||
<legend class="d-flex">مشخصات زیرساختی راه</legend>
|
||
<div class="d-flex h-100 align-items-center">
|
||
<div class="col px-3">
|
||
<select name="road-infrastructure-details"
|
||
class="form-control form-control-sm form-control-bi form-control-bi-down">
|
||
<option value="1">راهدارخانه</option>
|
||
</select>
|
||
</div>
|
||
<div
|
||
class="col-3 d-flex align-items-center justify-content-center py-1 px-2 text-center">
|
||
<span class="road-infrastructure-counter w-100 py-1"></span>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 map-container pt-1">
|
||
<fieldset class="h-100">
|
||
<legend class="map-title"></legend>
|
||
<div class="map-bi" id="map"></div>
|
||
<div class="map-guid">
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-3 chart-box daily-status-container pl-0 pt-1">
|
||
<fieldset class="h-100 py-2 pl-0 pr-2">
|
||
<legend><span class="title-print"><span class="status-chart-title"></span></span><button
|
||
title="دریافت تصویر" class="chart-print mr-1"><i
|
||
class="fas fa-print pt-1"></i></button>
|
||
</legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="StatusChart" data-name="status-diagram"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
<div class="charts-container d-flex py-1">
|
||
|
||
<!-- {{-- charts for action 1 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="1" aria-display="show">
|
||
<div class="chart-box col-3">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">پروژه ها به تفکیک نوع محور<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action1Chart1" class="canvas-container"
|
||
data-chart-type="doughnut"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-3">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">پروژه ها به تفکیک آخرین وضعیت<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button>
|
||
</legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action1Chart2" class="canvas-container" data-chart-type="bar"
|
||
data-chart-legend="false" data-chart-dataset-count="1"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-3">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">پروژه ها به تفکیک نوع ماهیت پروژه<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action1Chart3" class="canvas-container" data-chart-type="bar"
|
||
data-chart-legend="false" data-chart-dataset-count="1"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-3">
|
||
<fieldset class="h-100 px-3 py-0">
|
||
<legend><span class="title-print">وضعیت پیشرفت فیزیکی پروژه های راهداری<span
|
||
class="text-current-chart-filter"></span></span></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<div id="action1Chart4" class="canvas-container" data-chart-type="progressBar"></div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 2 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="2" aria-display="hide">
|
||
<div class="chart-box col-8">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">فعالیت ها به تفکیک نوع فعالیت<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button>
|
||
</legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action2Chart1" class="canvas-container" data-chart-type="bar"
|
||
data-chart-legend="false" data-chart-dataset-count="1"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-4">
|
||
<fieldset class="h-100 d-flex flex-column align-items-center">
|
||
<legend><span class="title-print">فعالیت ها به تفکیک ریز آیتم ها<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button>
|
||
</legend>
|
||
<div class="py-1">
|
||
<select class="form-control form-control-sm form-control-bi form-control-bi-up"
|
||
name="rahradi-activity-items" id="rahradi-activity-items">
|
||
</select>
|
||
</div>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action2Chart2" class="canvas-container"
|
||
data-chart-type="doughnut"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 3 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="3" aria-display="hide">
|
||
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 4 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="4" aria-display="hide">
|
||
<div class="chart-box col-9">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">شکایات به تفکیک نوع شکایات<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action4Chart1" class="canvas-container" data-chart-type="bar"
|
||
data-chart-legend="true" data-chart-dataset-count="2"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-3">
|
||
<fieldset class="h-100 p-3">
|
||
<legend><span class="title-print">شکایات رسیدگی شده<span
|
||
class="text-current-chart-filter"></span></span></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<div id="action4Chart2" class="canvas-container" data-chart-type="progressBar"></div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 5 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="5" aria-display="hide">
|
||
<div class="chart-box col-6">
|
||
<fieldset class="h-100">
|
||
<legend><span class="title-print">نقاط به تفکیک هندسی<span
|
||
class="text-current-chart-filter"></span></span><button title="دریافت تصویر"
|
||
class="chart-print mr-1"><i class="fas fa-print pt-1"></i></button></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<canvas id="action5Chart1" class="canvas-container"
|
||
data-chart-type="doughnut"></canvas>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-6">
|
||
<fieldset class="h-100 p-3">
|
||
<legend><span class="title-print">نقاط رفع شده<span
|
||
class="text-current-chart-filter"></span></span></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<div id="action5Chart2" class="canvas-container" data-chart-type="progressBar"></div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 6 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="6" aria-display="hide">
|
||
|
||
</div>
|
||
|
||
<!-- {{-- charts for action 7 --}} -->
|
||
<div class="charts-box col-12 px-0 py-1" data-action-id="7" aria-display="hide">
|
||
<div class="chart-box col-6">
|
||
<fieldset class="h-100 p-3">
|
||
<legend><span class="title-print">برآورد اولیه خسارت ( میلیون ریال ) <span
|
||
class="text-current-chart-filter"></span></span>
|
||
</legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<div id="action7Chart1" class="canvas-container" data-chart-type="progressBar"></div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="chart-box col-6">
|
||
<fieldset class="h-100 p-3">
|
||
<legend><span class="title-print">مجموع طول محور های آسیب دیده<span
|
||
class="text-current-chart-filter"></span></span></legend>
|
||
<div class="canvas-box w-100 h-100">
|
||
<div id="action7Chart2" class="canvas-container" data-chart-type="progressBar"></div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="status-container d-flex justify-content-between align-items-center">
|
||
<span class="col d-flex align-items-center justify-content-between">
|
||
<span>
|
||
<span class="pl-1">آخرین بروزرسانی: </span>
|
||
<span class="date-chenged"></span>
|
||
</span>
|
||
<div>
|
||
<span class="sync-text" aria-display="hide">در حال بروزرسانی ...</span>
|
||
<button class="btn btn-sm btn-sync-data text-white">
|
||
<i class="fas fa-sync"></i>
|
||
</button>
|
||
</div>
|
||
</span>
|
||
<span class="col text-center"><a href="/" class="text-light">سامانه جامع راهداری
|
||
(rms)</a></span>
|
||
<span class="col text-left">
|
||
طراحی و توسعه : <a href="http://witel.ir" class="text-light">ویرا ارتباطات یکتا تلفن (وایتل)</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- for print -->
|
||
<div class="container-fluid" style="width: 1900px;">
|
||
<canvas id="StatusChartPrint" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action2Chart1Print" width="1000" height="700" aria-display="hide"></canvas>
|
||
<canvas id="action4Chart1Print" width="1000" height="700" aria-display="hide"></canvas>
|
||
</div>
|
||
<div class="container-fluid" style="width: 1500px;">
|
||
</div>
|
||
<div class="container-fluid" style="width: 800px; height: 1000px;">
|
||
<canvas id="action1Chart1Print" width="800" height="1000" aria-display="hide"></canvas>
|
||
<canvas id="action2Chart2Print" width="800" height="1000" aria-display="hide"></canvas>
|
||
<canvas id="action5Chart1Print" width="800" height="1000" aria-display="hide"></canvas>
|
||
</div>
|
||
<div class="container-fluid" style="width: 1300px;">
|
||
</div>
|
||
<div class="container-fluid" style="width: 1000px;">
|
||
<canvas id="action1Chart2Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action1Chart3Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action1Chart4Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action4Chart2Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action5Chart2Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action7Chart1Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
<canvas id="action7Chart2Print" width="1000" height="600" aria-display="hide"></canvas>
|
||
</div>
|
||
|
||
|
||
<script src="../plugins/jquery/jquery.min.js"></script>
|
||
<!-- map files -->
|
||
<script src="../dist/js/leaflet.js"></script>
|
||
<!-- Moment.js -->
|
||
<script src="../plugins/moment/moment.min.js"></script>
|
||
<script src="../dist/js/jalali-moment.browser.js"></script>
|
||
<!-- Persian Datepicker -->
|
||
<script src="../dist/js/persian-date.min.js"></script>
|
||
<script src="../dist/js/persian-datepicker.min.js?_=v1.2"></script>
|
||
<!-- ChartJS3.5 -->
|
||
<script src="../plugins/chart3.5.js/chart.min.js"></script>
|
||
<!-- chartjs-plugin-datalabels -->
|
||
<script src="../plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js"></script>
|
||
<!-- SweetAlert2 -->
|
||
<script src="../dist/js/sweetalert2js.js"></script>
|
||
<!-- progress Bar -->
|
||
<script src="../dist/js/progressbar.min.js"></script>
|
||
<!-- Colors -->
|
||
<script src="../dist/js/color.min.js"></script>
|
||
<!-- Provices and Cities GeoJson -->
|
||
<script src="../dist/js/provinces-cities-geojson.js"></script>
|
||
|
||
<script src="../dist/js/bi.js?_=v1.0.1"></script>
|
||
</body>
|
||
|
||
</html>
|