468 lines
25 KiB
PHP
468 lines
25 KiB
PHP
<html>
|
|
|
|
<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" />
|
|
<link rel="stylesheet" href="../dist/css/fontiran.css">
|
|
<!-- bootstrap slider -->
|
|
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
|
|
<!-- chartjs -->
|
|
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
|
|
<!-- leaflet -->
|
|
<link rel="stylesheet" href="../dist/css/leaflet.css">
|
|
<!-- persian-datepicker -->
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
|
|
<!-- select2 -->
|
|
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
|
|
<!-- datatable -->
|
|
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
|
|
<!-- datatable button -->
|
|
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
|
|
<link rel="stylesheet" href="../dist/css/footer.css" />
|
|
<link rel="stylesheet" href="../dist/css/tablestyle.css" />
|
|
<link rel="stylesheet" href="../dist/css/fullstyle.css" />
|
|
<link rel="stylesheet" href="../dist/css/responsive.css" />
|
|
</head>
|
|
<style>
|
|
.file-input {
|
|
display: none;
|
|
}
|
|
|
|
.zoomimage {
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
|
|
.headercolortable {
|
|
background-color: #015688 !important;
|
|
}
|
|
.parent-filter {
|
|
width: 223px;
|
|
min-height: 200px;
|
|
background-color: white;
|
|
border-radius: 5px;
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 9;
|
|
left: 100px;
|
|
box-shadow: 0 0 3px;
|
|
top: 159px;
|
|
padding: 8px;
|
|
}
|
|
.datepicker-plot-area .datepicker-day-view, .datepicker-plot-area .datepicker-month-view, .datepicker-plot-area .datepicker-year-view {
|
|
font-family: 'IRANSansFaNum';
|
|
}
|
|
|
|
</style>
|
|
|
|
<body>
|
|
@include('layouts.header')
|
|
<div class="container-fluid">
|
|
<div class=" pt-5 px-4 body-table-style">
|
|
<div class="col-12">
|
|
<div class="d-flex content-center-dataTable">
|
|
<span class="ml-1 pt-1">لیست محور های انسدادی و آسیب دیده ناشی از مخاطرات</span>
|
|
<button id="add-project-button">
|
|
محور انسدادی +
|
|
</button>
|
|
</div>
|
|
<table class="table table-striped table-bordered projects p-2" id="example" style="width: 100%;">
|
|
<thead>
|
|
<tr class="headercolortable">
|
|
<th class="tablefontheader" style="width: 3%; padding-right: 10px;">
|
|
ردیف
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
استان /اداره کل
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
شهرستان
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
نام محور
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
نوع محور
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
علت انسداد
|
|
</th>
|
|
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
طول راه آسیب دیده (کیلومتر)
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
تعداد پل های آسیب دیده (ذهانه بزرگتر از 6 متر )
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
تعداد پل های آسیب دیده (دهانه کوچکتر از 6 متر )
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
سایر ابنیه فنی آسیب دیده
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
تعداد ماشین آلات فعال در محور
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
تعداد عوامل راهدار فعال در محور
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
توضیحات
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
برآورداولیه خسارت<small>(ملیون ریال)</small>
|
|
</th>
|
|
<th class="tablefontheader" style="width: 6%;">
|
|
تاریخ انسداد
|
|
</th>
|
|
<th class="tablefontheader" style="width: 5%;">
|
|
پیش بینی تاریخ بازگشایی
|
|
</th>
|
|
<th class="tablefontheader" style="width: 7%;">
|
|
تاریخ بازگشایی
|
|
</th>
|
|
<th class="tablefontheader" style="width: 10%;">اطلاعات تکمیلی </th>
|
|
<th class="tablefontheader"> بازگشایی </th>
|
|
</tr>
|
|
</thead>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="stepModalmaintenance" class="modal animated zoomIn fade">
|
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">
|
|
ثبت محور دارای انسداد
|
|
</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="form-group col-md-4">
|
|
<label>
|
|
اداره کل / استان
|
|
</label>
|
|
<select class="form-control" name="province" id="province-id">
|
|
</select>
|
|
<label for="axis-name-id">
|
|
نام محور
|
|
</label>
|
|
<input type="text" class="form-control" name="axis-name" id="axis-name-id"
|
|
placeholder="نام محور" maxlength="50" />
|
|
<label>
|
|
نوع محور
|
|
</label>
|
|
<select class="form-control" name="axis-type" id="axis-type-id">
|
|
<option value="0">انتخاب نوع محور</option>
|
|
<option value="1">آزادراه</option>
|
|
<option value="5">بزرگراه</option>
|
|
<option value="2">اصلی</option>
|
|
<option value="3">فرعی</option>
|
|
<option value="4">روستایی</option>
|
|
</select>
|
|
<label>
|
|
علت انسداد
|
|
</label>
|
|
<select class="form-control" name="dicc-type" id="dicc-type-id">
|
|
<option value="0"> علت انسداد</option>
|
|
<option value="1">برف</option>
|
|
<option value="2">سیل</option>
|
|
<option value="3">رانش و ریزش</option>
|
|
<option value="5"> طوفان شن </option>
|
|
<option value="4">سایر</option>
|
|
</select>
|
|
<label>پیش بینی تاریخ بازگشایی</label>
|
|
<select class="form-control" name="dicc-type" id="predict-type-id">
|
|
<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"> بیش از 6 ماه </option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="col-md-12 mb-3">
|
|
<div class="abrar-map-layout">
|
|
<span class="abrar-map-title d-inline">ثبت موقعیت روی
|
|
نقشه</span>
|
|
<div id="abrar-map"></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 name="abrar-project-latlng-start" type="text"
|
|
class="form-control input-cord map-latlng-input map-latlng-first-input"
|
|
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
|
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
|
|
</div>
|
|
<div class="form-group">
|
|
<input name="abrar-project-latlng-end" type="text"
|
|
class="form-control input-cord map-latlng-input map-latlng-sec-input"
|
|
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
|
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label> طول راه آسیب دیده <small>(کیلومتر)</small></label>
|
|
<input type="number" class="form-control" name="tool-ensedad" id="tool-id"
|
|
placeholder="کیلومتر" maxlength="50" min="0" />
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label>برآورد اولیه خسارت<small>(ملیون ریال)</small>
|
|
</label>
|
|
<input type="number" class="form-control" name="milion" id="milion"
|
|
placeholder="میلیون ریال" maxlength="50" min="0" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label>تعداد پل های آسیب دیده<small>(دهانه بزرگتر از 6 متر
|
|
)</small></label>
|
|
<input type="number" class="form-control" name="polha" id="polhabig"
|
|
placeholder="تعداد" maxlength="50" min="0" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label>تعداد پل های آسیب دیده <small>(دهانه کوچکتر از 6 متر
|
|
)</small></label>
|
|
<input type="number" class="form-control" name="polha" id="polhasmall"
|
|
placeholder="دستگاه" maxlength="50" min="0" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label>سایر ابنیه فنی آسیب دیده</label>
|
|
<input type="number" class="form-control" name="polha" id="polha"
|
|
placeholder="دستگاه" maxlength="50" min="0" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label> تعداد ماشین آلات فعال در محور </label>
|
|
<input type="number" class="form-control" name="machinery" id="machinery"
|
|
placeholder="دستگاه" maxlength="50" min="0" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label>تعداد عوامل راهدار فعال در محور </label>
|
|
<input type="number" class="form-control" name="activerahdar" id="activerahdar"
|
|
placeholder="تعداد" maxlength="50" min="0" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label>توضیحات </label>
|
|
<textarea class="form-control" id="tozihat"></textarea>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" style="margin-top: 20px">
|
|
<div class="row">
|
|
<div class="col-md-1" style="display: none">
|
|
<div class="row">
|
|
<div class="form-group col-md-1">
|
|
<i class="fa fa-plus-circle" style="
|
|
font-size: 20px;
|
|
margin-top: 30px;
|
|
color: #007bff;
|
|
" aria-hidden="true" onclick="addTownBox()"></i>
|
|
<i class="fa fa-minus-circle" style="
|
|
font-size: 20px;
|
|
color: #007bff;" aria-hidden="true" onclick="removeTownBox()"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="row" id="subTown"></div>
|
|
</div>
|
|
<div class="form-group col-md-3" id="uploadBox1">
|
|
<label class="file-input-modal-container">
|
|
<div class="file-input-modal">
|
|
<img id="firstshow" src="../dist/images/icons/add-image.svg"
|
|
alt="your image" style="height: 20px; margin-top: 5px;">
|
|
<img id="image_upload_first" class="zoomimage" alt="your image"
|
|
style=" display: none;">
|
|
</div>
|
|
<input class="file-input " name="inputFile1" id="inputFile1" type="file"
|
|
accept="image/*">
|
|
</label>
|
|
<div id="deleteIcon1" class="remove-image-container501" onclick="removeImage(1)"
|
|
style="display: none;">✕</div>
|
|
</div>
|
|
<div class="col-md-3" id="uploadBox2">
|
|
<label class="file-input-modal-container">
|
|
<div class="file-input-modal">
|
|
<img id="secondshow" src="../dist/images/icons/add-image.svg"
|
|
alt="your image" style="height: 20px; margin-top: 5px;">
|
|
<img id="image_upload_second" class="zoomimage" alt="your image"
|
|
style=" display: none;">
|
|
</div>
|
|
<input class="file-input " name="inputFile2" id="inputFile2" type="file"
|
|
accept="image/*">
|
|
</label>
|
|
<div id="deleteIcon2" class="remove-image-container502" onclick="removeImage(2)"
|
|
style="display: none;">✕</div>
|
|
</div>
|
|
<div class="col-md-3" id="uploadBox3">
|
|
<label class="file-input-modal-container">
|
|
<div class="file-input-modal">
|
|
<img id="thirdshow" src="../dist/images/icons/add-image.svg"
|
|
alt="your image" style="height: 20px; margin-top: 5px;">
|
|
<img id="image_upload_third" class="zoomimage" alt="your image"
|
|
style=" display: none;">
|
|
</div>
|
|
<input class="file-input " name="inputFile3" id="inputFile3" type="file"
|
|
accept="image/*">
|
|
</label>
|
|
<div id="deleteIcon1" class="remove-image-container501" onclick="removeImage(3)"
|
|
style="display: none;">✕</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal footer -->
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger btn-prev cancel" class="cancel">
|
|
انصراف
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-applyChange" id="submitNewRow">
|
|
ثبت تغییرات
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='parent-filter'>
|
|
<div class="row mt-2">
|
|
<div class="col-12 mb-2">
|
|
<input type="text" class="form-control" placeholder="از تاریخ" id="datepickfromdate" autocomplete="off" />
|
|
</div>
|
|
<div class="col-12 mb-2">
|
|
<select id="filter-province"
|
|
class=" filter-province form-control ">
|
|
</select>
|
|
</div>
|
|
<div class="col-12 mt-2 mb-2">
|
|
<select id="blockage" class="blockage form-control" name="blockage">
|
|
<option value="0">
|
|
علت انسداد
|
|
</option>
|
|
<option value="1">
|
|
برف
|
|
</option>
|
|
<option value="2">
|
|
سیل
|
|
</option>
|
|
<option value="3">
|
|
رانش و ریزش
|
|
</option>
|
|
<option value="4">
|
|
طوفان شن
|
|
</option>
|
|
<option value="5">
|
|
سایر
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-12 mt-2 mb-2">
|
|
<select id="axis_type" class="axis_type form-control" name="axis_type">
|
|
<option value="0">
|
|
نوع محور
|
|
</option>
|
|
<option value="1">
|
|
آزادراه
|
|
</option>
|
|
<option value="2">
|
|
بزرگراه
|
|
</option>
|
|
<option value="3">
|
|
اصلی
|
|
</option>
|
|
<option value="4">
|
|
فرعی
|
|
</option>
|
|
<option value="5">
|
|
روستایی
|
|
</option>
|
|
</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>
|
|
@include('layouts.footer')
|
|
</body>
|
|
|
|
<!-- jQuery -->
|
|
<script src="../plugins/jquery/jquery.min.js"></script>
|
|
<script src="../dist/js/jquery.rollNumber.js"></script>
|
|
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- ChartJS -->
|
|
<script src="../plugins/chart.js/Chart.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>
|
|
<!-- persian-datepicker -->
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<!-- datatable -->
|
|
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
|
|
<!-- datable button -->
|
|
<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>
|
|
<script src="../dist/js/jszip.min.js"></script>
|
|
<!-- select2 -->
|
|
<script src="../plugins/select2/js/select2.full.min.js"></script>
|
|
<!-- inputmask -->
|
|
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
|
|
|
|
<!-- slider-bootstarp -->
|
|
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
|
|
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
|
|
<!-- sweetalert -->
|
|
<script src="../dist/js/sweetalert2js.js"></script>
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<script src="../dist/js/static.js"></script>
|
|
|
|
|
|
<!-- script page -->
|
|
<script src="../dist/js/CampNew.js"></script>
|
|
|
|
</html> |