Files
backend/resources/views/version2/dashboard_pages/axis_reports.blade.php

268 lines
16 KiB
PHP

@extends('layouts.dashboard.map')
@section('title', 'گزارشات محوری')
@section('styles')
<!-- data table links -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}" />
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}" />
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}" />
<!-- select2 link -->
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/select2-bootstrap4.min.css') }}" />
<!-- date picker link -->
<link rel="stylesheet" href="{{ asset('dist/css/persian-datepicker.min.css') }}" />
<!-- map links -->
<link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.css') }}" />
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.Default.css') }}" />
<!-- this page styles -->
<link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/axis_reports.css?_=') . mt_rand(1, 99999999999) }}" />
@endsection
@section('breadcrumb')
<nav class="breadcrumb-selfdesign">
<div class="container d-flex align-items-center justify-content-between">
<ul class="d-flex align-items-center">
<li class="breadcrumb-item-selfdesign"><a href="{{route('v2.dashboard')}}">داشبورد</a></li>
<i class="mr-2 fa fa-angle-left arrow-icon text-dark"></i>
<li class="current breadcrumb-item-selfdesign">گزارشات محوری</li>
</ul>
<a href="{{route('v2.dashboard')}}" class="btn breadcrumb-back">بازگشت</a>
</div>
</nav>
@endsection
@section('content')
<div class="map-box">
<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>
<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>
<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>
</div>
@endsection
@section('scripts-body')
<!-- datatables script -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<!-- map script -->
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
<script src="{{ asset('dist/js/leaflet-routing-machine.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.printpreview.js') }}"></script>
<!-- input mask -->
<script src="{{ asset('plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
<!-- select2 script -->
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<!-- date picker script -->
<script src="{{ asset('dist/js/persian-datepicker.min.js?_=v1.2') }}"></script>
<script src="{{ asset('dist/js/persian-date.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
<script src="{{ asset('plugins/chart.js/Chart.min.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/axis_reports.js?_=') . mt_rand(1, 99999999999) }}"></script>
@endsection