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

293 lines
16 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
<title>گزارشات محوری</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- datepicker -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
<!-- datepicker -->
<!-- icheck bootstrap -->
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
<!-- datatable -->
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.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" />
<!-- ChartJS -->
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
<link rel="stylesheet" href="../dist/css/footer.css">
<link rel="stylesheet" href="../dist/css/styleheader.css">
<link rel="stylesheet" href="../dist/css/fullstyle.css">
<link rel="stylesheet" href="../dist/css/tablestyle.css" />
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.css?v=0.1" />
<link rel="stylesheet" href="../dist/css/AxisReport.css" />
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed sidebar-collapse">
@include('layouts.header')
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
<div class="wrapper">
<!-- map -->
<div id="mymap" class="map"></div>
<div class="map-guid">
<span
data-tooltip="در گزارش گيري محوري، فقط فعاليتها و پروژه هايي نشان داده مي شوند كه يكي از آيكون هاي شروع يا پايان هنگام ثبت فعاليتها دقيقا در محدود انتخاب شده از محور جهت اخذ گزارش قرار گرفته باشد. "
data-tooltip-position="right">
<p class="text-center font-weight-bold">راهنمای نقشه</p>
</span>
<p>
<i class="fa fa-circle" aria-hidden="true" style="color: rgb(255, 13, 255)"></i>
فعالیت روزانه و جاری
</p>
<p>
<i class="fa fa-circle" aria-hidden="true" style="color: #dc3545"></i>
گشت راهداری
</p>
<p>
<i class="fa fa-circle" aria-hidden="true" style="color :rgb(89, 0, 255)"></i>
قراردادها
</p>
<p>
<i class="fa fa-circle" aria-hidden="true" style="color :rgb(0, 153, 255)"></i>
واکنش سریع
</p>
</div>
<div class="iran-change-layer"><img src="../dist/images/iran.svg" title="نقشه ماهواره ای "></div>
<!-- map -->
<!-- filter part -->
<div class="guid-custom-box-AxisReport">
<h6 class="HeaderStyle py-2">فیلتر گزارشات محوری</h6>
<div class="d-flex justify-content-center mb-3">
<div class="text-center">
<button id="excelEnd" class="btn btn-info btn-sm excel-happend"><i
class="fas fa-file-excel pr-2"></i><small>خروجی اکسل</small></button>
</div>
<div class="pl-2">
<button id="filterEnd" class="btn btn-warning btn-sm filter-happend"></button>
</div>
</div>
<ul class="m-0 px-3">
<li class="layerButton1">
<div class="dropdownstart">
<span class="title-type">انتخاب تاریخ</span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
<div class="layerbuttonparent pt-2" style="display: none">
<div class="form-row col-12">
<div class="form-group col-6">
<input id="Axis-todate" class="form-control" type="text" disabled />
</div>
<div class="form-group col-6">
<input id="Axis-fromdate" class="form-control" type="text" />
</div>
</div>
</div>
</li>
<li class="layerButton1">
<div class="d-flex justify-content-between align-items-top pb-1">
<button class="btn btn-default All_button btn-sm">انتخاب همه</button>
<div class="dropdownstart">
<span class="title-type">فعالیت روزانه و جاری </span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
</div>
<ul id="dailyActivity_sub" class="layerbuttonparent m-0 p-0">
</ul>
</li>
<li class="layerButton1">
<span class="title-type">گشت راهداری</span>
<input type="checkbox" id="item2" class="input-road-patrol" name="item2" value="2" />
</li>
<li class="layerButton1">
<div class="d-flex justify-content-between align-items-top pb-1">
<button class="btn btn-default All_button btn-sm">انتخاب همه</button>
<div class="dropdownstart">
<span class="title-type">قراردادها</span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
</div>
<ul class="layerbuttonparent m-0 p-0">
<li class="layerButton2 pb-1">
<div class="d-flex justify-content-between align-items-top">
<button class="btn btn-default All_button_sub btn-sm">انتخاب همه</button>
<div class="dropdownstart_sub">
<span class="title-type-inside">وضعیت قرار داد</span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
</div>
<ul class="layerbuttonparent_sub">
<li class="layerButton3 ">
<span class="title-type-inside-inside">در دست مناقصه</span>
<input type="checkbox" class="input-contract-status" value="4" name="subitem" />
</li>
<li class="layerButton3 ">
<span class="title-type-inside-inside">در حال تجهیز کارگاه</span>
<input type="checkbox" class="input-contract-status" value="1" name="subitem" />
</li>
<li class="layerButton3 ">
<span class="title-type-inside-inside">در حال اجرا</span>
<input type="checkbox" class="input-contract-status" value="2" name="subitem" />
</li>
<li class="layerButton3 ">
<span class="title-type-inside-inside">خاتمه یافته و بهره برداری شده </span>
<input type="checkbox" class="input-contract-status" value="3" name="subitem" />
</li>
</ul>
</li>
<li class="layerButton2 pb-1">
<div class="d-flex justify-content-between align-items-top">
<button class="btn btn-default All_button_sub btn-sm">انتخاب همه</button>
<div class="dropdownstart_sub">
<span class="title-type-inside">ماهیت پروژه</span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
</div>
<ul class="layerbuttonparent_sub opration_natural">
{{-- <li class="layerButton3">
<span class="title-type-inside-inside">روکش آسفالت</span>
<input type="checkbox" class="input-project-type" value="1" name="subitem" />
</li>
<li class="layerButton3">
<span class="title-type-inside-inside">رفع نقاط حادثه خیز</span>
<input type="checkbox" class="input-project-type" value="2" name="subitem" />
</li>
<li class="layerButton3">
<span class="title-type-inside-inside">ایمنی راه</span>
<input type="checkbox" class="input-project-type" value="3" name="subitem" />
</li>
<li class="layerButton3">
<span class="title-type-inside-inside">ابنیه فنی</span>
<input type="checkbox" class="input-project-type" value="4" name="subitem" />
</li>
<li class="layerButton3">
<span class="title-type-inside-inside">راهدارخانه</span>
<input type="checkbox" class="input-project-type" value="5" name="subitem" />
</li>
<li class="layerButton3">
<span class="title-type-inside-inside">راه روستایی</span>
<input type="checkbox" class="input-project-type" value="6" name="subitem" />
</li> --}}
</ul>
</li>
</ul>
</li>
<li class="layerButton1 pb-1">
<div class="d-flex justify-content-between align-items-top pb-1">
<button class="btn btn-default All_button btn-sm">انتخاب همه</button>
<div class="dropdownstart">
<span class="title-type">واکنش سریع <small>(اقدام شده)</small></span>
<img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
</div>
</div>
<ul class="layerbuttonparent m-0 p-0">
<li class="layerButton2 pb-1">
<span class="title-type-inside">چاله و ناهمواری سطح راه</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem" />
</li>
<li class="layerButton2 pb-1">
<span class="title-type-inside">پاکسازی سطح راه از لاشه حیوانات</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem" />
</li>
<li class="layerButton2 pb-1">
<span class="title-type-inside">پاکسازی سطح راه (جنس خارجی)</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem" />
</li>
<li class="layerButton2 pb-1">
<span class="title-type-inside">پاکسازی سطح راه با سنگریزه</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="4" name="subitem" />
</li>
<li class="layerButton2 pb-1">
<span class="title-type-inside">پاکسازی سطح راه (گازوئیل و مواد روغنی )</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="5" name="subitem" />
</li>
<li class="layerButton2 pb-1">
<span class="title-type-inside">ایمن سازی حفاظها و علائم آسیب دیده</span>
<input class="checkbox_sub input-road-type" type="checkbox" value="6" name="subitem" />
</li>
</ul>
</li>
</ul>
</div>
<!-- modal for show data -->
<div class="modal animated zoomIn fade" id="points-data">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-deafult">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
نمایش اطلاعات نقاط (<span class="title-points"></span>)
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="col-md-12 ">
<div class="row modalBody">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- modal for show data -->
</div>
<!-- filter part -->
<!-- last part -->
<!-- last part -->
</div>
@include('layouts.footer')
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Leaflet -->
<script src="../dist/js/leaflet.js"></script>
<script src="../dist/js/leaflet.markercluster.js"></script>
<script src="../dist/js/leaflet-routing-machine.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- datepicker -->
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
<!-- datepicker -->
<!-- datatable -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<!-- SweetAlert2 -->
<script src="../dist/js/sweetalert2js.js"></script>
<!-- momment -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<!-- PAGE SCRIPTS -->
<script src="../dist/js/static.js"></script>
<script src="../dist/js/AxisReport.js?_{{ rand(1000, 20000) }}"></script>
</body>
</html>