290 lines
15 KiB
PHP
290 lines
15 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">
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<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" />
|
|
<link rel="stylesheet" href="../plugins/jquery-ui/jquery-ui.min.css" />
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.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/leaflet.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/mashinalat.css">
|
|
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
|
<title>لیست فرم ماشین آلات</title>
|
|
</head>
|
|
|
|
<body>
|
|
@include('layouts.header')
|
|
<div class="divloader">
|
|
<span class="loader"><span class="loader-inner"></span></span>
|
|
</div>
|
|
|
|
<div class="container-fluid margin-for-footer">
|
|
<div class="pt-3 px-4">
|
|
<div class="card pt-3">
|
|
<div class="d-flex justify-content-center">
|
|
<span style="font-size: 16px;font-weight: bold;">لیست فرم ماشین آلات</span>
|
|
</div>
|
|
<div class="col-12 my-3">
|
|
<table class="table table-striped table-bordered" style="width:100%" id="example-mashinalat">
|
|
<thead>
|
|
<tr>
|
|
<!-- <th><input name="select_all" value="1" id="example-select-all" type="checkbox" /></th> -->
|
|
<th class="text-center">شماره فرم</th>
|
|
<th class="text-center">تاریخ</th>
|
|
<th class="text-center">شماره اختصاصی</th>
|
|
<th class="text-center">شماره شاسی</th>
|
|
<th class="text-center">استان</th>
|
|
<th class="text-center">شهرستان</th>
|
|
<th class="text-center">نوع دستگاه</th>
|
|
<th class="text-center">نام دستگاه</th>
|
|
<th class="text-center">مجموع امتیاز</th>
|
|
<th class="text-center">شماره GPS</th>
|
|
<th class="text-center">نام تحویل گیرنده</th>
|
|
<th class="text-center">کد ملی</th>
|
|
<th class="text-center">شماره تماس</th>
|
|
<th class="text-center">عملیات</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-car-opration-status" class="modal animated zoomIn fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h6><i class="fas fa-map-marked-alt pl-2" style="color:rgb(43, 125, 43)"></i><span class="modal-title"></span></h6>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
زمان آخرین نقطه دریافت شده از ردیاب :
|
|
</label>
|
|
<span class="spanstyle lastpoint"></span>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
سرعت آخرین نقطه دریافت شده از ردیاب :
|
|
</label>
|
|
<span class="spanstyle speed"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-timepicker" class="modal animated zoomIn fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h6 class="modal-title"><i class="fas fa-calendar-alt pl-2" style="color:rgb(43, 125, 43)"></i>انتخاب بازه زمانی</h6>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-5">
|
|
<label for="time_start" class="text-dark" style="font-size: 12px;">از تاریخ</label>
|
|
<input type="text" class="form-control pwt-datepicker-input-element" placeholder="از تاریخ"
|
|
id="time_start" autocomplete="off">
|
|
</div>
|
|
<div class="form-group col-md-5">
|
|
<label for="time_end" class="text-dark" style="font-size: 12px;">تا تاریخ</label>
|
|
<input type="text" class="form-control pwt-datepicker-input-element" placeholder=" تا تاریخ"
|
|
id="time_end" autocomplete="off" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-5">
|
|
<select class="form-control" id="stoptime">
|
|
<option value="0" disabled selected>انتخاب حداقل زمان توقف </option>
|
|
<option value="5"> 5 دقیقه </option>
|
|
<option value="10"> 10 دقیقه </option>
|
|
<option value="15">15 دقیقه </option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-sm search" id="searchMarkers">
|
|
جستجو
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-car-oparation-time" class="modal animated zoomIn fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h6><i class="fas fa-tractor pl-2" style="color:rgb(43, 125, 43)"></i><span class="modal-title"></span></h6>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل مسافت پیموده شده در بازه زمانی برحسب متر :
|
|
</label>
|
|
<span class="spanstyle roadNum"></span>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل زمان روشن بودن خودرو در بازه زمانی برحسب ثانیه:
|
|
</label>
|
|
<span class="spanstyle onMachintime"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل سوخت مصرفی خودرو در بازه زمانی برحسب لیتر :
|
|
</label>
|
|
<span class="spanstyle fuelNum"></span>
|
|
</div>
|
|
</div>
|
|
<div id="map_time"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="modal-timepicker-summery" class="modal animated zoomIn fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h6 class="modal-title"><i class="fas fa-calendar-alt pl-2" style="color:rgb(43, 125, 43)"></i>انتخاب بازه زمانی</h6>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-5">
|
|
<label for="time_start_sum" class="text-dark" style="font-size: 12px;">از تاریخ</label>
|
|
<input type="text" class="form-control pwt-datepicker-input-element" placeholder="از تاریخ"
|
|
id="time_start_sum" autocomplete="off">
|
|
</div>
|
|
<div class="form-group col-md-5">
|
|
<label for="time_end_sum" class="text-dark" style="font-size: 12px;">از تاریخ</label>
|
|
<input type="text" class="form-control pwt-datepicker-input-element" placeholder=" تا تاریخ"
|
|
id="time_end_sum" autocomplete="off" disabled>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-sm search" id="searchSum">
|
|
جستجو
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="modal-show-sum" class=" modal animated zoomIn fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h6><i class="fas fa-clipboard-list pl-2" style="color:rgb(43, 125, 43)"></i><span class="modal-title"></span></h6>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل مسافت پیموده شده در بازه زمانی برحسب متر :
|
|
</label>
|
|
<span class="spanstyle masafat_sum"></span>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل زمان روشن بودن خودرو در بازه زمانی برحسب ثانیه :
|
|
</label>
|
|
<span class="spanstyle time_sum"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل سوخت مصرفی خودرو در بازه زمانی برحسب ثانیه :
|
|
</label>
|
|
<span class="spanstyle fuel_sum"></span>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label>
|
|
کل زمان توقف خودرو در بازه زمانی برحسب ثانیه :
|
|
</label>
|
|
<span class="spanstyle stop_sum"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
|
|
|
|
<script src="../plugins/jquery/jquery.min.js"></script>
|
|
|
|
<!-- Bootstrap 4 -->
|
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="../plugins/jquery-ui/jquery-ui.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>
|
|
<!-- persian-datepicker -->
|
|
<script src="../dist/js/persian-datepicker.min.js?_=v1.2"></script>
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<script src="../dist/js/leaflet.js"></script>
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/moment-jalaali.js"></script>
|
|
|
|
<script src="../dist/js/sweetalert2js.js"></script>
|
|
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
|
|
<!-- Moment.js -->
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<!-- Page Script -->
|
|
<script src="../dist/js/static.js"></script>
|
|
|
|
<script src="../dist/js/mashinalat_index.js?_={{ mt_rand(1,99999999999) }}"></script>
|
|
</body>
|
|
|
|
</html> |