192 lines
8.7 KiB
PHP
192 lines
8.7 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">
|
|
<title>Document</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="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
|
<style>
|
|
#miladTable th {
|
|
text-align: center;
|
|
}
|
|
|
|
.loader {
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: relative;
|
|
border: 4px solid #ff5c0f;
|
|
top: 0;
|
|
animation: loader 2s infinite ease;
|
|
}
|
|
|
|
.divloader {
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: fixed;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
z-index: 20;
|
|
}
|
|
|
|
.loader-inner {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
animation: loader-inner 2s infinite ease-in;
|
|
}
|
|
|
|
@keyframes loader {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
25% {
|
|
transform: rotate(180deg);
|
|
}
|
|
50% {
|
|
transform: rotate(180deg);
|
|
}
|
|
75% {
|
|
transform: rotate(360deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes loader-inner {
|
|
0% {
|
|
height: 0%;
|
|
}
|
|
25% {
|
|
height: 0%;
|
|
}
|
|
50% {
|
|
height: 100%;
|
|
}
|
|
75% {
|
|
height: 100%;
|
|
}
|
|
100% {
|
|
height: 0%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="divloader">
|
|
<span class="loader"><span class="loader-inner"></span></span>
|
|
</div>
|
|
@include('layouts.header')
|
|
<div class="container-fluid">
|
|
<div class="row pt-3 px-4 body-table-style">
|
|
<div class="col-12">
|
|
<table class="table table-striped table-bordered projects" id="miladTable" style="width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2" style="font-size: 12px">اداره کل</th>
|
|
<th rowspan="2" style="font-size: 12px">نام محور</th>
|
|
<th rowspan="2" style="font-size: 12px">کد نقطه در سامانه</th>
|
|
<th rowspan="2" style="font-size: 12px">نوع راه</th>
|
|
<th colspan="3" style="font-size: 12px">تاریخ تصادف</th>
|
|
<th rowspan="2" style="font-size: 12px">روز هفته</th>
|
|
<th rowspan="2" style="font-size: 12px">ساعت وقوع</th>
|
|
<th rowspan="2" style="font-size: 12px">نوع برخورد</th>
|
|
<th colspan="6" style="font-size: 12px">تعداد عوامل درگیر</th>
|
|
<th colspan="4" style="font-size: 12px">نوع تصادف</th>
|
|
<th colspan="2" style="font-size: 12px">پیامد تصادف</th>
|
|
<th rowspan="2" style="font-size: 12px">سرعت مجاز اعلامی</th>
|
|
<th rowspan="2" style="font-size: 12px">سرعت متوسط تردد</th>
|
|
<th rowspan="2" style="font-size: 12px">توصیف هندسی نقطه</th>
|
|
<th rowspan="2" style="font-size: 12px">امکان تصادف رخ به رخ وجود دارد</th>
|
|
<th rowspan="2" style="font-size: 12px">امکان تصادف رخ به رخ وجود دارد</th>
|
|
<th rowspan="2" style="font-size: 12px">آیا در لیست 95 وجود داشته است</th>
|
|
<th rowspan="2" style="font-size: 12px">آیا در لیست 95 وجود داشته است</th>
|
|
<th rowspan="2" style="font-size: 12px">ریشه و عامل مشترک شکل گیری اکثر تصادفات در این نقطه</th>
|
|
<th rowspan="2" style="font-size: 12px">علیت افزایش شدت تصادفات و عامل مشارکتی راه</th>
|
|
<th colspan="2" style="font-size: 12px">مختصات نقطه</th>
|
|
</tr>
|
|
<tr style="background-color: #9abbd3;">
|
|
<th>روز</th>
|
|
<th>ماه</th>
|
|
<th>سال</th>
|
|
<th>دوچرخه و موتور سیکلت</th>
|
|
<th>عابر</th>
|
|
<th>حیوان</th>
|
|
<th>شی ثابت</th>
|
|
<th>وسیله نقلیه سبک</th>
|
|
<th>وسیله نقلیه سنگین</th>
|
|
<th>جرحی</th>
|
|
<th>جرحی</th>
|
|
<th>فوتی</th>
|
|
<th>فوتی</th>
|
|
<th>تعداد فوتی</th>
|
|
<th>تعداد مجروح</th>
|
|
<th>X</th>
|
|
<th>Y</th>
|
|
</tr>
|
|
|
|
</thead>
|
|
</table>
|
|
@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>
|
|
|
|
<!-- Persian DatePicker -->
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="../dist/js/adminlte.min.js"></script>
|
|
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="../dist/js/dataTables.bootstrap4.min.js"></script>
|
|
<script src="../dist/js/datatables/persian.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="../build/js/dataTables.select.min.js"></script> -->
|
|
<!-- <script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script> -->
|
|
<script src="../dist/js/jszip.min.js"></script>
|
|
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
|
|
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
|
|
<!-- Moment.js -->
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<script src="../dist/js/leaflet.js"></script>
|
|
<script src="../dist/js/leaflet.markercluster.js"></script>
|
|
<!-- Leaflet Routing Machine js -->
|
|
<script src="../dist/js/leaflet-routing-machine.js"></script>
|
|
<script src="../dist/js/danger-points-all.js?v=12.5"></script>
|
|
</body>
|
|
|
|
</html> |