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

526 lines
30 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>
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="../dist/css/adminlte.css?_={{ mt_rand(1, 99999999999) }}" />
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- map links -->
<link rel="stylesheet" href="../dist/css/leaflet.css" />
<!-- data table links -->
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css" />
<!-- select2 link -->
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
<link rel="stylesheet" href="../dist/css/select2-bootstrap4.min.css" />
<!-- date picker link -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
<!-- date picker link -->
<link rel="stylesheet" href="../dist/css/footer.css" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16" />
<link rel="stylesheet" href="../dist/css/tablestyle.css?_={{ mt_rand(1, 99999999999) }}" />
<link rel="stylesheet" href="../dist/css/financeend.css?_={{ mt_rand(1, 99999999999) }}" />
<link rel="stylesheet" href="../dist/css/fast_react.css?_={{ mt_rand(1, 99999999999) }}" />
</head>
<body>
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
@include('layouts.header')
<div class="container-fluid pt-3 px-4 mb-5">
<div class="row">
<!-- <div class="col-6 d-flex justify-content-end">
<div class="counter">
<div class="counter-icon">
<i class="fa fa-calculator"></i>
</div>
<p>تعداد شکایت در حال بررسی</p>
<span class="counter-value in_progress"></span>
</div>
</div>
<div class="col-6 d-flex">
<div class="counter">
<div class="counter-icon">
<i class="fa fa-calculator"></i>
</div>
<p>تعداد شکایات رسیدگی شده</p>
<span class="counter-value handled"></span>
</div>
</div> -->
</div>
<div class="row mt-5">
<div class="col-12">
<div class="d-flex justify-content-center flex-direction-row" id="progress_num">
<p class="text-center font-weight-bold mb-0"> لیست شکایات در حال بررسی </p>
</div>
<table class="table table-striped table-bordered" id="complain-in-progress" width="100%">
<thead>
<tr class="odd-header-row">
<th rowspan="2">کد پیگیری</th>
<th rowspan="2">اداره کل </th>
<th rowspan="2">شهرستان</th>
<th rowspan="2">موضوع گزارش</th>
<th rowspan="2">نوع گزارش</th>
<th rowspan="2">توضیح گزارش</th>
<th rowspan="2">موقعیت مکانی</th>
<th rowspan="2">شماره تماس گیرنده </th>
<th rowspan="2">تاریخ ثبت گزارش</th>
<th rowspan="2">اقدامات</th>
<th rowspan="2">ثبت موقعیت</th>
<th colspan="2">تصاویر اقدام</th>
<th rowspan="2">توضیحات</th>
<th rowspan="2">عملیات</th>
</tr>
<tr style="background-color: #ff5c0f">
<th class="tablefontheader"> قبل</th>
<th class="tablefontheader"> بعد </th>
</tr>
</thead>
</table>
</div>
</div>
<div class="row">
<button type="button" class="btn btn-success btn-done-table" id="btn-done-table">مشاهده جدول رسیدگی
شده</button>
</div>
<div class="row mt-5 done-table hide-done-table">
<div class="col-12">
<div class="d-flex justify-content-center flex-direction-row" id="handled_num">
<p class="text-center font-weight-bold mb-0">لیست شکایت رسیدگی شده</p>
</div>
<table class="table table-striped table-bordered" id="complain-handled" width="100%">
<thead>
<tr class="odd-header-row">
<th rowspan="2">کد پیگیری</th>
<th rowspan="2">اداره کل </th>
<th rowspan="2">شهرستان</th>
<th rowspan="2">موضوع شکایت</th>
<th rowspan="2">نوع شکایت</th>
<th rowspan="2">توضیح شکایت</th>
<th rowspan="2">محدوده شکایت</th>
<th rowspan="2">شماره تماس گیرنده </th>
<th rowspan="2">تاریخ ثبت شکایت</th>
<th rowspan="2">اقدامات</th>
<th rowspan="2">ثبت موقعیت</th>
<th colspan="2">تصاویر اقدام</th>
<th rowspan="2">تاریخ اقدام</th>
<th rowspan="2">توضیحات</th>
<th rowspan="2">خروجی</th>
</tr>
<tr style="background-color: #ff5c0f">
<th class="tablefontheader"> قبل</th>
<th class="tablefontheader"> بعد </th>
</tr>
</thead>
</table>
</div>
<div class='excel-done box-open-table'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-excel-table-done" class="form-control"
name="select-province-excel-table">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-excel-table-done" class="form-control datepicker-excel-from"
placeholder="از تاریخ" autocomplete="off" />
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-excel-table-done" class="form-control datepicker-excel-to"
placeholder=" تا تاریخ" autocomplete="off" disabled />
</div>
<div class="col-12 text-left"><button id="btn_excel_download_done"
class="btn-set-filter btn-set-excel px-2 py-1">دریافت فایل</button>
</div>
</div>
</div>
<div class='filter-done box-open-table'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-filter-done" class="form-control" name="select-province-filter">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<select id="select-subject-handled" class="form-control" name="select-subject-handled">
<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>
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<select id="select-status-handled" class="form-control" name="select-status-handled">
<option value="0">انتخاب نوع اقدام</option>
<option value="1">انجام شد </option>
<option value="2">انجام نشد</option>
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-filter-table-done"
class="form-control datepicker-excel-from pwt-datepicker-input-element" placeholder="از تاریخ"
autocomplete="off">
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-filter-table-done"
class="form-control datepicker-excel-to pwt-datepicker-input-element" placeholder="تا تاریخ"
autocomplete="off" disabled>
</div>
<div class="col-12 text-left"><button id="btn_filter_done"
class="btn-set-filter px-2 py-1 btn-excel-download">فیلتر</button></div>
</div>
</div>
</div>
<div class="pending-filter">
<div class="row mt-2">
<div class="col-12 mb-2">
<select id="select-province" class=" select-province form-control">
</select>
</div>
<div class="col-12 mb-2">
<select id="select-province" class=" select-province form-control">
</select>
</div>
<div class="col-12 mb-2">
<select class="yearfilter form-control" name="yearfilter">
</select>
</div>
<div class="col-12 text-left"><button id="btn_filter_show"
class="btn-set-filter px-2 py-1">فیلتر</button></div>
</div>
</div>
<div tabindex="-1" role="dialog" id="explain_report" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">توضیح گزارش</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row mb-2 text-center">
<textarea class="form-control textarea_explain_report"
id="textarea_explain_report"></textarea>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="complaint_explain" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">توضیح شکایت</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row mb-2 text-center">
<textarea class="form-control text_complaint_explain"
id="text_complaint_explain"></textarea>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="location_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">موقعیت مکانی</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="abrar-map-layout col-12">
<div class="col-12">
<span class="map-record-title">نمایش موقعیت پروژه روی نقشه</span>
</div>
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="add_map" class="project-map"></div>
</div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
نمایش دستی مختصات
</label>
<input type="text" class="form-control input-map-project"
name="add_project_start_map" id="add_project_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" disabled />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="submit_location_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">ثبت موقعیت مکانی </h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="abrar-map-layout col-12">
<div class="col-12">
<span class="map-record-title">ثبت موقعیت پروژه روی نقشه</span>
</div>
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="submit_map" class="project-map"></div>
</div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی مختصات
</label>
<input type="text" class="form-control input-map-project"
name="submit_project_start_map" id="submit_project_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="description_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">توضیح گزارش</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row mb-2 text-center">
<textarea class="form-control textarea_submit_description"
id="textarea_submit_description"></textarea>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary">ثبت</button>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="Reference_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">ارجاع به شهرستان</h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row mb-2 col-12">
<select class="refrence_select form-control" name="refrence_select">
</select>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary refrence_submit" id="add-subcontract-cta">ثبت</button>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="handled_location_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">محدوده شکایت </h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="abrar-map-layout col-12">
<div class="col-12">
<span class="map-record-title">نمایش محدوده شکایت روی نقشه</span>
</div>
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="complaint_map" class="project-map"></div>
</div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی مختصات
</label>
<input type="text" class="form-control input-map-project"
name="complaint_area_start_map" id="complaint_area_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" role="dialog" id="handled_submited_modal" class="modal animated zoomIn fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header d-flex justify-content-between">
<h5 class="modal-title">موقعیت ثبت شده </h5>
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="abrar-map-layout col-12">
<div class="col-12">
<span class="map-record-title">نمایش موقعیت ثبت شده روی نقشه</span>
</div>
<div class="col-12 mb-3 p-0 map-parent-border">
<div id="complaint_submited_map" class="project-map"></div>
</div>
<div class="row map-latlng-input-row">
<div class="col-md-12">
<div class="form-group map-latlng-form">
<label class="required-label d-block text-center map-latlng-label">
ثبت دستی مختصات
</label>
<input type="text" class="form-control input-map-project"
name="complaint_submited_map_start_map"
id="complaint_submited_map_start_map"
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" id="slideroverlay" class="slideroverlay">
<div class="upload-confirm"></div>
<div class="modal-content"><span class="close"></span>
<div class="slideshow">
<div id="slideshow-slide" class="slideshow-container"> <a class="prev">&#10095;</a> <a
class="next">&#10094;</a> </div>
<br />
<div id="slideshow-dot" style="text-align: center;"></div>
</div>
</div>
</div>
<div class='filter-progress box-open-table'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-filter-progress" class="form-control" name="select-province-filter">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<select id="select-subject-progress" class="form-control" name="select-subject-progress">
<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>
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-filter-table"
class="form-control datepicker-excel-from pwt-datepicker-input-element" placeholder="از تاریخ"
autocomplete="off">
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-filter-table"
class="form-control datepicker-excel-to pwt-datepicker-input-element" placeholder="تا تاریخ"
autocomplete="off" disabled>
</div>
<div class="col-12 text-left"><button id="btn_filter_progress"
class="btn-set-filter px-2 py-1 btn-excel-download">فیلتر</button></div>
</div>
</div>
<div class='excel-progress box-open-table'>
<div class="row mt-2">
<div class="col-12 mb-2 mb-2">
<select id="select-province-excel-table-progress" class="form-control"
name="select-province-excel-table">
</select>
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-from-excel-table-progress"
class="form-control datepicker-excel-from" placeholder="از تاریخ" autocomplete="off" />
</div>
<div class="form-group col-12 mb-2 mb-2">
<input type="text" id="datapicker-to-excel-table-progress" class="form-control datepicker-excel-to"
placeholder=" تا تاریخ" autocomplete="off" disabled />
</div>
<div class="col-12 text-left"><button id="btn_excel_download_progress"
class="btn-set-filter btn-set-excel px-2 py-1">دریافت فایل</button>
</div>
</div>
</div>
</div>
@include('layouts.footer')
</body>
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../dist/js/header.js"></script>
<script src="../dist/js/sweetalert2js.js"></script>
<!-- map scripts -->
<script src="../dist/js/leaflet.js"></script>
<script src="../dist/js/leaflet.markercluster.js"></script>
<script src="../dist/js/leaflet-routing-machine.js"></script>
<!-- input mask -->
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- datatables script -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script>
<!-- counter -->
<script src="../dist/js/jquery.incremental-counter.min.js"></script>
<!-- select2 script -->
<script src="../plugins/select2/js/select2.full.min.js"></script>
<!-- date picker script -->
<script src="../dist/js/persian-datepicker.min.js"></script>
<script src="../dist/js/persian-date.min.js"></script>
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<!-- date picker script -->
<script src="../dist/js/new_fast_react.js?_={{ mt_rand(1, 99999999999) }}"></script>
</html>