1082 lines
72 KiB
PHP
1082 lines
72 KiB
PHP
@extends('layouts.dashboard.without_sidebar')
|
||
@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') }}" />
|
||
<!-- tables main style link -->
|
||
<link rel="stylesheet" href="{{ asset('version2/css/dashboard_layouts/_tablesStyle.css') }}" />
|
||
<!-- map links -->
|
||
<link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
|
||
<!-- this page styles -->
|
||
<link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/receipt/list.css?_=') }}" />
|
||
@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="d-flex flex-column mb-1 content-center-datatable align-items-center justify-content-center">
|
||
<div class="d-flex align-items-center justify-content-center w-100 mt-3 pt-1">
|
||
<hr class="col mx-2">
|
||
<span class="table-header mx-2">لیست خسارات وارده به ابنیه فنی و تاسیسات راه</span>
|
||
<hr class="col mx-2">
|
||
</div>
|
||
<button id="Receipt_add" class="mt-2 table-add-btn d-none"><span class="pl-1">+</span>ثبت خسارت</button>
|
||
</div>
|
||
|
||
<table class="table table-striped table-bordered" id="Receipt_table" width="100%">
|
||
<thead>
|
||
<tr>
|
||
<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 rowspan="2">تاریخ ثبت خسارت در سامانه</th>
|
||
<th class="d-none" rowspan="2">ای دی آخرین وضعیت</th>
|
||
<th rowspan="2">آخرین وضعیت</th>
|
||
<th rowspan="2">عملیات</th>
|
||
<th colspan="3">اطلاعات واریز</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="background-color: #ff5c0f;">مبلغ فیش (ریال)</th>
|
||
<th style="background-color: #ff5c0f;">مبلغ بیمه (ریال)</th>
|
||
<th style="background-color: #ff5c0f;">مبلغ داغی (ریال)</th>
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
|
||
<!-- receipt add modal -->
|
||
<div id="add_Receipt_modal" 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 d-flex align-items-center justify-content-end">
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<fieldset class="modal-fieldset col">
|
||
<legend>ثبت اطلاعات تصادف</legend>
|
||
<div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-4 form-group">
|
||
<label for="date_add">تاریخ تصادف</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt" name="date" id="date_add"
|
||
readonly></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="time_add">ساعت تصادف</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt" name="time" id="time_add"
|
||
readonly></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="accident_type_add">نوع تصادف</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-add-receipt" name="accident_type"
|
||
id="accident_type_add"></select>
|
||
</div>
|
||
</div>
|
||
<div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
|
||
<hr>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-4 form-group">
|
||
<label for="province_add">اداره کل(استان)</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-add-receipt find-city" name="province"
|
||
id="province_add"></select>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="city_add">شهرستان</label><span style="color: crimson">*</span>
|
||
<select class="form-control select-add-receipt recive-city" name="city"
|
||
id="city_add"></select>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="axis_name_add">نام محور</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt" name="axis_name"
|
||
id="axis_name_add"></input>
|
||
</div>
|
||
</div>
|
||
<div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
|
||
<hr>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center mt-3">
|
||
<div class="col-4 form-group">
|
||
<label for="name_family_add">نام و نام خانوادگی (راننده)</label><span
|
||
style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt" name="name_family"
|
||
id="name_family_add"></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="national_code_add">کد ملی</label><span
|
||
style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt" name="national_code"
|
||
id="national_code_add"></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="plaque_number_add">شماره انتظامی وسیله نقلیه</label><span
|
||
style="color: crimson">*</span>
|
||
<img width="200px" src="../dist/images/plaque-image.png" alt="plaque number">
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="2" autocomplete="off"
|
||
class="form-control left-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_add1"></input>
|
||
<div class="form-control text-text-Plaque div-Plaque d-flex align-items-center justify-content-center"
|
||
data-value="" id="plaque_word_add1"></div>
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="3" autocomplete="off"
|
||
class="form-control center-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_add2"></input>
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="2" autocomplete="off"
|
||
class="form-control right-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_add3"></input>
|
||
</div>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-5 form-group">
|
||
<label for="phone_number_add">شماره تماس</label><span
|
||
style="color: crimson">*</span>
|
||
<span class="attent-num mr-1" style="color: crimson; font-size: 11px;">(شماره تماس باید یازده رقم باشد)</span>
|
||
<input type="number" class="form-control phone-is-correct" id="phone_number_add" value="09" onkeyup="phone_checker($(this));"
|
||
oninput="javascript: if (this.value.length > 11) this.value = this.value.slice(0, 11);
|
||
if(this.value.slice(0 , 2) != '09'){this.value = '09'}" placeholder="شماره تماس را وارد کنید">
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label>تصاویر محل خسارت</label><span style="color: crimson">*</span>
|
||
<div class="d-flex">
|
||
<div class="col-6">
|
||
<div class="img-box col d-flex justify-content-center">
|
||
<div class="d-flex flex-column">
|
||
<label
|
||
class="imgbox d-flex align-items-center justify-content-center"
|
||
for="adddeviceImg1">
|
||
<span class="img-title" id="deviceImg1Title">تصویر
|
||
تصادف</span>
|
||
<img class="img-preview" id="deviceImg1Preview" src="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="deleteDeviceImg1" disabled><i class="fa fa-trash"
|
||
style="color: #fff;"></i></button>
|
||
</div>
|
||
<input type="file" name="deviceImg1" id="adddeviceImg1"
|
||
class="img-input d-none img-valid-need" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="img-box col d-flex justify-content-center">
|
||
<div class="d-flex flex-column">
|
||
<label
|
||
class="imgbox d-flex align-items-center justify-content-center"
|
||
for="adddeviceImg2">
|
||
<span class="img-title" id="deviceImg2Title">تصویر
|
||
تصادف</span>
|
||
<img class="img-preview" id="deviceImg2Preview" src="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="deleteDeviceImg2" disabled><i class="fa fa-trash"
|
||
style="color: #fff;"></i></button>
|
||
</div>
|
||
<input type="file" name="deviceImg2" id="adddeviceImg2"
|
||
class="img-input d-none img-valid-need" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<fieldset class="modal-fieldset col mb-3 mt-3">
|
||
<legend>ثبت موقعیت مکانی</legend>
|
||
<div
|
||
class="modal-fieldset-content row col-12 justify-content-center align-items-center abrar-map-layout m-0 p-0">
|
||
<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 input-add-receipt"
|
||
name="add_project_start_map" id="add_project_start_map"
|
||
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
||
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
|
||
autocomplete="off" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<fieldset class="modal-fieldset col mt-3 mb-3">
|
||
<legend>مبنای گزارش میزان خسارت</legend>
|
||
<div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
|
||
<div class="col-12 d-flex align-items-center">
|
||
<div class="col-5 d-flex flex-column align-items-start">
|
||
<div class="form-check form-check-inline mr-0 mb-3">
|
||
<input class="form-check-input radio-input" checked type="radio"
|
||
id="police_chart_radio_add" name="acc_base_add" value="0">
|
||
<label class="form-check-label mr-2" for="police_chart_radio_add">کروکی یا
|
||
نامه پلیس راه (معرفی فرد به اداره)</label>
|
||
</div>
|
||
<div class="form-check form-check-inline mr-0">
|
||
<input class="form-check-input radio-input" type="radio" id="visit_expert_add"
|
||
name="acc_base_add" value="1">
|
||
<label class="form-check-label mr-2" for="visit_expert_add">بازدید عوامل و
|
||
کارشناسان راهداری</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-3">
|
||
<div class="custom-file">
|
||
<input type="file" class="custom-file-input file-add-receipt file-valid-need"
|
||
id="police_file_add" accept=".pdf, .jpg, .png">
|
||
<label class="custom-file-label label-file-add-receipt"
|
||
for="police_file_add">انتخاب فایل</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-4 d-flex flex-column">
|
||
<input type="number" class="form-control input-add-receipt mb-2"
|
||
placeholder="شماره کروکی یا نامه پلیس راه" name="police_chart"
|
||
id="police_chart_add"></input>
|
||
<input type="text" class="form-control input-add-receipt"
|
||
placeholder="تاریخ کروکی یا نامه پلیس راه" name="police_date_add"
|
||
id="police_date_add" readonly></input>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<div class="row col-12 justify-content-between align-items-center parent-damage">
|
||
<div class="row col-4 justify-content-between align-items-center">
|
||
<div class="col-12 form-group">
|
||
<label for="damage_items_add0">آیتم های خسارت</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-add-receipt damage-items" name="damage_items_add"
|
||
id="damage_items_add0"></select>
|
||
</div>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="damage_items_value_add0">میزان خسارت <span
|
||
class="selected-unit"></span></label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt damage-value" disabled
|
||
name="damage_items_value_add" id="damage_items_value_add0">
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="damage_amount_add0">هزینه خسارت (ریال)</label><span
|
||
style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-add-receipt damage-amount" readonly
|
||
name="damage_items_amount_add" id="damage_amount_add0">
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-center mb-2 mt-3">
|
||
<button id="add_damge"
|
||
class="d-flex justify-content-center align-items-center damage-adder-style">+</button>
|
||
<h6 class="mb-0 mr-2 text-center text-nowrap" style="color: #4962ac;">افزودن آیتم خسارت
|
||
</h5>
|
||
<div class="col align-items-center">
|
||
<hr style="background: #ff5c0f;">
|
||
</div>
|
||
</div>
|
||
<div id="new_damage_box_add" class="row d-flex align-items-center justify-content-center mb-2 mt-3">
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
|
||
<button class="btn btn-primary" id="Receipt_add_cta">ثبت</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt add modal -->
|
||
|
||
<!-- receipt edit modal -->
|
||
<div id="edit_Receipt_modal" 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 d-flex align-items-center justify-content-between">
|
||
<p class="modal-title">ویرایش اطلاعات حادثه (تصادف)</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<fieldset class="modal-fieldset col">
|
||
<legend>ویرایش اطلاعات حادثه تصادف</legend>
|
||
<div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-4 form-group">
|
||
<label for="date_edit">تاریخ تصادف</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt" name="date"
|
||
id="date_edit" readonly></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="time_edit">ساعت تصادف</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt" name="time"
|
||
id="time_edit" readonly></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="accident_type_edit">نوع تصادف</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-edit-receipt" name="accident_type"
|
||
id="accident_type_edit"></select>
|
||
</div>
|
||
</div>
|
||
<div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
|
||
<hr>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-4 form-group">
|
||
<label for="province_edit">اداره کل(استان)</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-edit-receipt find-city" name="province"
|
||
id="province_edit"></select>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="city_edit">شهرستان</label><span style="color: crimson">*</span>
|
||
<select class="form-control select-edit-receipt recive-city" name="city"
|
||
id="city_edit"></select>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="axis_name_edit">نام محور</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt" name="axis_name"
|
||
id="axis_name_edit"></input>
|
||
</div>
|
||
</div>
|
||
<div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
|
||
<hr>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-4 form-group">
|
||
<label for="name_family_edit">نام و نام خانوادگی (راننده)</label><span
|
||
style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt" name="name_family"
|
||
id="name_family_edit"></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="national_code_edit">کد ملی</label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt" name="national_code" id="national_code_edit"></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="plaque_number_edit">شماره انتظامی وسیله نقلیه</label><span
|
||
style="color: crimson">*</span>
|
||
<img width="200px" src="../dist/images/plaque-image.png" alt="plaque number">
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="2" autocomplete="off"
|
||
class="form-control left-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_edit1"></input>
|
||
<div class="form-control text-text-Plaque div-Plaque d-flex align-items-center justify-content-center"
|
||
data-value="" name="plaque_number" id="plaque_word_edit1"></div>
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="3" autocomplete="off"
|
||
class="form-control center-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_edit2"></input>
|
||
<input type="number"
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
maxlength="2" autocomplete="off"
|
||
class="form-control right-text-Plaque text-Plaque" name="plaque_number"
|
||
id="plaque_number_edit3"></input>
|
||
</div>
|
||
</div>
|
||
<div class="row col-12 justify-content-between align-items-center">
|
||
<div class="col-5 form-group">
|
||
<label for="phone_number_edit">شماره تماس</label><span style="color: crimson">*</span>
|
||
<span class="attent-num mr-1" style="color: crimson; font-size: 11px;">(شماره تماس باید یازده رقم باشد)</span>
|
||
<input type="number" class="form-control phone-is-correct" id="phone_number_edit" value="09" maxlength="11"
|
||
onkeypress="return event.charCode >= 46;" onkeyup="phone_checker($(this));" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);
|
||
if(this.value.slice(0 , 2) != '09'){this.value = '09'}"
|
||
placeholder="شماره تماس را وارد کنید">
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label>تصاویر محل خسارت</label><span style="color: crimson">*</span>
|
||
<div class="d-flex">
|
||
<div class="col-6">
|
||
<div class="img-box col d-flex justify-content-center">
|
||
<div class="d-flex flex-column">
|
||
<label
|
||
class="imgbox d-flex align-items-center justify-content-center"
|
||
for="editdeviceImg1_edit">
|
||
<span class="img-title" id="deviceImg1Title_edit">تصویر
|
||
تصادف</span>
|
||
<img class="img-preview" id="deviceImg1Preview_edit" src="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="deleteDeviceImg1_edit" disabled><i class="fa fa-trash"
|
||
style="color: #fff;"></i></button>
|
||
</div>
|
||
<input type="file" name="deviceImg1_edit" id="editdeviceImg1_edit"
|
||
class="img-input d-none img-valid-need" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="img-box col d-flex justify-content-center">
|
||
<div class="d-flex flex-column">
|
||
<label
|
||
class="imgbox d-flex align-items-center justify-content-center"
|
||
for="editdeviceImg2_edit">
|
||
<span class="img-title" id="deviceImg2Title_edit">تصویر
|
||
تصادف</span>
|
||
<img class="img-preview" id="deviceImg2Preview_edit" src="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="deleteDeviceImg2_edit" disabled><i class="fa fa-trash"
|
||
style="color: #fff;"></i></button>
|
||
</div>
|
||
<input type="file" name="deviceImg2_edit" id="editdeviceImg2_edit"
|
||
class="img-input d-none img-valid-need" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<fieldset class="modal-fieldset col mt-3">
|
||
<legend>مبنای گزارش میزان خسارت</legend>
|
||
<div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
|
||
<div class="col-12 d-flex align-items-center">
|
||
<div class="col-5 d-flex flex-column align-items-start">
|
||
<div class="form-check form-check-inline mr-0 mb-3">
|
||
<input class="form-check-input radio-input" type="radio"
|
||
id="police_chart_radio_edit" name="acc_base_edit" value="0">
|
||
<label class="form-check-label mr-2" for="police_chart_radio_edit">کروکی
|
||
یا نامه پلیس راه (معرفی فرد به ادار)</label>
|
||
</div>
|
||
<div class="form-check form-check-inline mr-0">
|
||
<input class="form-check-input radio-input" type="radio" id="visit_expert_edit"
|
||
name="acc_base_edit" value="1">
|
||
<label class="form-check-label mr-2" for="visit_expert_edit">بازدید عوامل
|
||
و کارشناسان راهداری</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-3 align-items-center">
|
||
<div class="custom-file">
|
||
<input type="file" class="custom-file-input file-edit-receipt file-valid-need"
|
||
id="police_file_edit" data-police-file="" accept=".pdf, .jpg, .png">
|
||
<label class="custom-file-label label-file-edit-receipt"
|
||
for="police_file_edit">انتخاب فایل</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-1 align-items-center">
|
||
<a id="download_perv_file" target="_blank" href="" download><button disabled
|
||
class="btn btn-success" title="دانلود فایل فعلی"><i
|
||
class="fa fa-download"></i></button></a>
|
||
</div>
|
||
<div class="col-3 d-flex flex-column">
|
||
<input type="number" class="form-control input-edit-receipt mb-2"
|
||
placeholder="شماره کروکی یا نامه پلیس راه" name="police_chart"
|
||
id="police_chart_edit"></input>
|
||
<input type="text" class="form-control input-edit-receipt"
|
||
placeholder="تاریخ کروکی یا نامه پلیس راه" name="police_date_edit"
|
||
id="police_date_edit" readonly></input>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<fieldset class="modal-fieldset col mb-3 mt-3">
|
||
<legend>ویرایش موقعیت مکانی</legend>
|
||
<div
|
||
class="modal-fieldset-content row col-12 justify-content-center align-items-center abrar-map-layout m-0 p-0">
|
||
<div class="col-12 mb-3 p-0 map-parent-border">
|
||
<div id="edit_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 input-edit-receipt"
|
||
name="edit_project_start_map" id="edit_project_start_map"
|
||
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
||
placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
|
||
autocomplete="off" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<div class="row col-12 justify-content-between align-items-center parent-damage">
|
||
<div class="row col-4 justify-content-between align-items-center">
|
||
<div class="col-12 form-group">
|
||
<label for="damage_items_edit0">آیتم های خسارت</label><span
|
||
style="color: crimson">*</span>
|
||
<select class="form-control select-edit-receipt damage-items" name="damage_items_edit"
|
||
id="damage_items_edit0"></select>
|
||
</div>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="damage_items_value_edit0">میزان خسارت <span
|
||
class="selected-unit"></span></label><span style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt damage-value" disabled
|
||
name="damage_items_value_edit" id="damage_items_value_edit0"></input>
|
||
</div>
|
||
<div class="col-4 form-group">
|
||
<label for="damage_amount_edit0">هزینه خسارت (ریال)</label><span
|
||
style="color: crimson">*</span>
|
||
<input type="text" class="form-control input-edit-receipt damage-amount" readonly
|
||
name="damage_amount_edit" id="damage_amount_edit0"></input>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-center mb-2 mt-3">
|
||
<button id="edit_damge"
|
||
class="d-flex justify-content-center align-items-center damage-adder-style">+</button>
|
||
<h6 class="mb-0 mr-2 text-center text-nowrap" style="color: #4962ac;">افزودن آیتم خسارت
|
||
</h5>
|
||
<div class="col align-items-center">
|
||
<hr style="background: #ff5c0f">
|
||
</div>
|
||
</div>
|
||
<div id="new_damage_box_edit"
|
||
class="row d-flex align-items-center justify-content-center mb-2 mt-3"></div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
|
||
<button class="btn btn-primary" id="Receipt_edit_cta">ویرایش</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt edit modal -->
|
||
|
||
<!-- receipt show on map modal -->
|
||
<div id="show_Receipt_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-map-marker ml-2"></i>نمایش
|
||
مختصات</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size pt-1 pb-1">
|
||
<div class="map-show-box img-thumbnail ml-2 mr-2">
|
||
<div class="project-map" id="map_show"></div>
|
||
</div>
|
||
<div class="ml-2 mr-2 mt-3 mb-3">
|
||
<table class="table table-bordered table-secondary">
|
||
<thead>
|
||
<tr>
|
||
<th class="text-center show-font">عرض جغرافیایی</th>
|
||
<th class="text-center show-font">طول جغرافیایی</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-center show-font" id="show_on_map_lat"></td>
|
||
<td class="text-center show-font" id="show_on_map_lng"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt show on map modal -->
|
||
<!-- insurance receipt modal -->
|
||
<div id="insurance_receipt_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
|
||
data-bs-keyboard="false">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-receipt ml-2"></i>ثبت فیش های پرداخت بیمه و داغی</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size pt-1 pb-1">
|
||
<div class="col-12 d-flex justify-content-center">
|
||
<div class="deposit_box col-6 mb-3 mt-3">
|
||
<label>فیش واریزی (بیمه)</label>
|
||
<div class='d-flex my-2'>
|
||
<div class="form-check form-check-inline">
|
||
<label class="form-check-label" for="deposit_redio_insurance_0">ندارد</label>
|
||
<input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_insurance" id="deposit_redio_insurance_0" value="0">
|
||
</div>
|
||
<div class="form-check form-check-inline">
|
||
<label class="form-check-label" for="deposit_redio_insurance_1">دارد</label>
|
||
<input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_insurance" id="deposit_redio_insurance_1" value="1">
|
||
</div>
|
||
</div>
|
||
<div class="img-box">
|
||
<div class="d-flex flex-column">
|
||
<label class="imgbox d-flex align-items-center justify-content-center"
|
||
for="deposit_slip_insurance">
|
||
<span class="img-title" id="deposit_slip_insuranceTitle">تصویر فیش واریزی
|
||
(بیمه)</span>
|
||
<img class="img-preview" id="deposit_slip_insurancePreview" src="" />
|
||
</label>
|
||
</div>
|
||
<input type="file" name="deposit_slip_insurance" id="deposit_slip_insurance"
|
||
class="img-input d-none depo-file-insurance depo-insurance" accept=".jpg, .png, .pdf">
|
||
</div>
|
||
<div class="mt-3"><input type="text"
|
||
class="form-control input-text-cleaner depo-input-insurance depo-insurance depo-amount-calc"
|
||
name="deposit_slip_insurance_amount" id="deposit_slip_insurance_amount"
|
||
placeholder="مبلغ بیمه (ریال)"></div>
|
||
</div>
|
||
<div class="deposit_box col-6 mb-3 mt-3">
|
||
<label>صورتجلسه تحویل داغی به انبار</label>
|
||
<div class='d-flex my-2'>
|
||
<div class="form-check form-check-inline">
|
||
<label class="form-check-label" for="deposit_redio_daghi_0">ندارد</label>
|
||
<input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_daghi" id="deposit_redio_daghi_0" value="0">
|
||
</div>
|
||
<div class="form-check form-check-inline">
|
||
<label class="form-check-label" for="deposit_redio_daghi_1">دارد</label>
|
||
<input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_daghi" id="deposit_redio_daghi_1" value="1">
|
||
</div>
|
||
</div>
|
||
<div class="img-box">
|
||
<div class="d-flex flex-column">
|
||
<label class="imgbox d-flex align-items-center justify-content-center"
|
||
for="deposit_slip_daghi">
|
||
<span class="img-title" id="deposit_slip_daghiTitle">تصویر صورتجلسه تحویل داغی به انبار</span>
|
||
<img class="img-preview" id="deposit_slip_daghiPreview" src="" />
|
||
</label>
|
||
</div>
|
||
<input type="file" name="deposit_slip_daghi" id="deposit_slip_daghi"
|
||
class="img-input d-none depo-file-daghi depo-daghi" accept=".jpg, .png, .pdf">
|
||
</div>
|
||
<div class="mt-3"><input type="text"
|
||
class="form-control input-text-cleaner depo-input-daghi depo-daghi depo-amount-calc"
|
||
name="deposit_slip_daghi_amount" id="deposit_slip_daghi_amount"
|
||
placeholder="مبلغ داغی (ریال)"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
|
||
<button class="btn btn-primary" id="insurance_receipt_cta">ثبت</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end insurance receipt modal -->
|
||
<!-- receipt deposit documentation modal -->
|
||
<div id="deposit_documentation_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
|
||
data-bs-keyboard="false">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-address-card ml-2"></i>مدیریت
|
||
پرداخت</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size py-3">
|
||
<div class='row'>
|
||
<div class="col-7">
|
||
<div class="col-12 form-group">
|
||
<span for="">مبلغ کل خسارت برآورد شده :</span>
|
||
</div>
|
||
<div class="col-12 form-group">
|
||
<span for="">مبلغ کسری بیمه :</span>
|
||
</div>
|
||
<div class="col-12 form-group">
|
||
<span for="">مبلغ کسری داغی :</span>
|
||
</div>
|
||
<div class="col-12 form-group my-5">
|
||
<h5 class="text-danger">مبلغ قابل پرداخت :</h5>
|
||
</div>
|
||
</div>
|
||
<div class="col-5 text-center">
|
||
<div class="col-12 form-group">
|
||
<span><span id="deposit_sum_label"></span> ریال</span>
|
||
<input type="text" class="form-control input-text-cleaner" id="deposit_sum" hidden>
|
||
</div>
|
||
<div class="col-12 form-group">
|
||
<span><span id="deposit_insurance_label"></span> ریال</span>
|
||
<input type="text" class="form-control input-text-cleaner" id="deposit_insurance" hidden>
|
||
</div>
|
||
<div class="col-12 form-group">
|
||
<span><span id="deposit_daghi_label"></span> ریال</span>
|
||
<input type="text" class="form-control input-text-cleaner" id="deposit_daghi" hidden>
|
||
</div>
|
||
<div class="col-12 form-group my-5">
|
||
<h5 class="text-danger"><span id="deposit_pay_label"></span> ریال</h5>
|
||
<input type="text" class="form-control input-text-cleaner" id="deposit_pay" hidden>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<button id="deposit_documentation_cta" class="btn btn-block"></button>
|
||
<button id="deposit_send_sms_again_cta" class="btn btn-block btn-info">ارسال مجدد پیام پرداخت</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt deposit documentation modal -->
|
||
<!-- filter part -->
|
||
<div class='parent-filter'>
|
||
<div class="row mt-2">
|
||
<div class="col-12 mb-2">
|
||
<input type="text" id="filter_id" class="form-control mb-3" placeholder="کد یکتا" autocomplete="off">
|
||
<select id="filter_province" class="form-control stylescroll mb-3">
|
||
</select>
|
||
<select id="filter_type_accident" class="form-control stylescroll mb-3">
|
||
<option value="0">انتخاب نوع تصادف</option>
|
||
<option value="1">فوتی</option>
|
||
<option value="2">جرحی</option>
|
||
<option value="3">خسارتی</option>
|
||
</select>
|
||
<select id="filter_status" class="form-control stylescroll mb-3">
|
||
<option value="-1">انتخاب آخرین وضعیت</option>
|
||
<option value="0">بدون اقدام</option>
|
||
<option value="1">صدور نامه به بیمه</option>
|
||
<option value="2">تکمیل پرداخت</option>
|
||
<option value="3">صدور نامه آزاد سازی مدارک</option>
|
||
</select>
|
||
<input type="text" id="filter_date_from" class="form-control" placeholder="از تاریخ" autocomplete="off">
|
||
</div>
|
||
<div class="col-12 text-left"><button id="btn_filter_show" class="btn-set-filter px-2 py-1">فیلتر</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end filter part -->
|
||
<!-- receipt plaque text add modal -->
|
||
<div id="plaque_text_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-car ml-2"></i>حرف پلاک</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size pt-1 pb-1">
|
||
<input type="serach" id="serach_plaque_field" class="form-control mt-2 mb-3"
|
||
onkeyup="searchPlaque()" placeholder="حرف پلاک را جستجو کنید">
|
||
<div id="plaque_text_box" class="d-flex flex-wrap plaque-box-style">
|
||
<button data-value="الف" class="btn list-group-item-danger select-text">الف</button>
|
||
<button data-value="ب" class="btn list-group-item-danger select-text">ب</button>
|
||
<button data-value="پ" class="btn list-group-item-danger select-text">پ</button>
|
||
<button data-value="ت" class="btn list-group-item-danger select-text">ت</button>
|
||
<button data-value="ث" class="btn list-group-item-danger select-text">ث</button>
|
||
<button data-value="ج" class="btn list-group-item-danger select-text">ج</button>
|
||
<button data-value="د" class="btn list-group-item-danger select-text">د</button>
|
||
<button data-value="ز" class="btn list-group-item-danger select-text">ز</button>
|
||
<button data-value="س" class="btn list-group-item-danger select-text">س</button>
|
||
<button data-value="ش" class="btn list-group-item-danger select-text">ش</button>
|
||
<button data-value="ص" class="btn list-group-item-danger select-text">ص</button>
|
||
<button data-value="ط" class="btn list-group-item-danger select-text">ط</button>
|
||
<button data-value="ع" class="btn list-group-item-danger select-text">ع</button>
|
||
<button data-value="ف" class="btn list-group-item-danger select-text">ف</button>
|
||
<button data-value="ق" class="btn list-group-item-danger select-text">ق</button>
|
||
<button data-value="ک" class="btn list-group-item-danger select-text">ک</button>
|
||
<button data-value="گ" class="btn list-group-item-danger select-text">گ</button>
|
||
<button data-value="ل" class="btn list-group-item-danger select-text">ل</button>
|
||
<button data-value="م" class="btn list-group-item-danger select-text">م</button>
|
||
<button data-value="ن" class="btn list-group-item-danger select-text">ن</button>
|
||
<button data-value="و" class="btn list-group-item-danger select-text">و</button>
|
||
<button data-value="ه" class="btn list-group-item-danger select-text">ه</button>
|
||
<button data-value="ی" class="btn list-group-item-danger select-text">ی</button>
|
||
<button data-value="*" class="btn list-group-item-danger select-text"><i
|
||
class="fa fa-wheelchair"></i></button>
|
||
<button data-value="S" class="btn list-group-item-danger select-text">S</button>
|
||
<button data-value="D" class="btn list-group-item-danger select-text">D</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt plaque text add modal -->
|
||
<!-- receipt plaque text edit modal -->
|
||
<div id="plaque_text_edit_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
|
||
data-bs-keyboard="false">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-car ml-2"></i>حرف پلاک</p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size pt-1 pb-1">
|
||
<input type="serach" id="serach_plaque_field_edit" class="form-control mt-2 mb-3"
|
||
onkeyup="searchPlaqueEdit()" placeholder="حرف پلاک را جستجو کنید">
|
||
<div id="plaque_text_box_edit" class="d-flex flex-wrap plaque-box-style">
|
||
<button data-value="الف" class="btn list-group-item-danger select-text">الف</button>
|
||
<button data-value="ب" class="btn list-group-item-danger select-text">ب</button>
|
||
<button data-value="پ" class="btn list-group-item-danger select-text">پ</button>
|
||
<button data-value="ت" class="btn list-group-item-danger select-text">ت</button>
|
||
<button data-value="ث" class="btn list-group-item-danger select-text">ث</button>
|
||
<button data-value="ج" class="btn list-group-item-danger select-text">ج</button>
|
||
<button data-value="د" class="btn list-group-item-danger select-text">د</button>
|
||
<button data-value="ز" class="btn list-group-item-danger select-text">ز</button>
|
||
<button data-value="س" class="btn list-group-item-danger select-text">س</button>
|
||
<button data-value="ش" class="btn list-group-item-danger select-text">ش</button>
|
||
<button data-value="ص" class="btn list-group-item-danger select-text">ص</button>
|
||
<button data-value="ط" class="btn list-group-item-danger select-text">ط</button>
|
||
<button data-value="ع" class="btn list-group-item-danger select-text">ع</button>
|
||
<button data-value="ف" class="btn list-group-item-danger select-text">ف</button>
|
||
<button data-value="ق" class="btn list-group-item-danger select-text">ق</button>
|
||
<button data-value="ک" class="btn list-group-item-danger select-text">ک</button>
|
||
<button data-value="گ" class="btn list-group-item-danger select-text">گ</button>
|
||
<button data-value="ل" class="btn list-group-item-danger select-text">ل</button>
|
||
<button data-value="م" class="btn list-group-item-danger select-text">م</button>
|
||
<button data-value="ن" class="btn list-group-item-danger select-text">ن</button>
|
||
<button data-value="و" class="btn list-group-item-danger select-text">و</button>
|
||
<button data-value="ه" class="btn list-group-item-danger select-text">ه</button>
|
||
<button data-value="ی" class="btn list-group-item-danger select-text">ی</button>
|
||
<button data-value="*" class="btn list-group-item-danger select-text"><i
|
||
class="fa fa-wheelchair"></i></button>
|
||
<button data-value="S" class="btn list-group-item-danger select-text">S</button>
|
||
<button data-value="D" class="btn list-group-item-danger select-text">D</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end receipt plaque text edit modal -->
|
||
|
||
<div id="printthis">
|
||
<div id="show_all_data_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
|
||
<div id="all_data_body_print" class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<p class="modal-title d-flex align-items-center"><i class="fa fa-folder ml-2"></i>اطلاعات
|
||
تکمیلی <span> ( <span class="text-info">وضعیت: </span><span class="text-danger"
|
||
id="status_all"></span> ) </span></p>
|
||
<button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
|
||
aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body modal-font-size pt-1 pb-1">
|
||
<div class="d-flex align-items-center justify-content-center mb-3">
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>تاریخ تصادف:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="accident_date_all"></h5>
|
||
</div>
|
||
<div class="col">
|
||
<hr>
|
||
<hr>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>ساعت تصادف:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="accident_time_all"></h5>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>استان:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="province_fa_all"></h5>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>شهرستان:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="city_fa_all"></h5>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>نام راننده:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="driver_name_all"></h5>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>شماره پلاک:</h5>
|
||
<div class="d-flex align-items-center justify-content-center"
|
||
style="direction: ltr; font-weight: bold">
|
||
<h5 class="mr-1 empty-data-all" id="plaque_all1"></h5>
|
||
<h5 class="mr-1 empty-data-all" id="plaque_all2"></h5>
|
||
<h5 class="mr-1 empty-data-all" id="plaque_all3"></h5>--
|
||
<h5 class="mr-1 ml-1">ایران</h5>
|
||
<h5 class="mr-1 empty-data-all" id="plaque_all4"></h5>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>نوع تصادف:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="accident_type_fa_all"></h5>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>نام محور:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="axis_name_all"></h5>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>شماره کروکی:</h5>
|
||
<h5 class="mr-2 empty-data-all" id="police_serial_all"></h5>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h5>فایل کروکی آپلود شده:</h5><a class="mr-2" id="police_file_all" href="" target="_blank"
|
||
download><button class="btn btn-info" title="دانلود فایل آپلود شده"><i
|
||
class="fa fa-download"></i></button></a>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
<div class=" d-flex align-items-center justify-content-center">
|
||
<h5> تصاویر محل خسارات:</h5>
|
||
</div>
|
||
<div class="col-4 d-flex align-items-center justify-content-center img-box-1"
|
||
style="max-height: 200px;"></div>
|
||
<div class="col-4 d-flex align-items-center justify-content-center img-box-2"
|
||
style="max-height: 200px;"></div>
|
||
</div>
|
||
<hr>
|
||
<div class="d-flex flex-column align-items-center justify-content-center mb-4">
|
||
<div class="map-show-box img-thumbnail ml-2 mr-2 col-8">
|
||
<div class="project-map" id="map_show_all"></div>
|
||
</div>
|
||
<div class="d-flex justify-content-around align-items-center mt-3">
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h6 class="text-nowrap text-info">طول جغرافیایی:</h6>
|
||
<h6 class="mr-2 text-danger empty-data-all" id="map_lat_all"></h6>
|
||
</div>
|
||
<div class="col d-flex align-items-center justify-content-center">
|
||
<h6 class="text-nowrap text-info">عرض جغرافیایی:</h6>
|
||
<h6 class="mr-2 text-danger empty-data-all" id="map_lng_all"></h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="d-flex flex-column align-items-center justify-content-center mb-4">
|
||
<table class="table table-bordered table-stripped table-secondary">
|
||
<thead>
|
||
<tr>
|
||
<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>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="table_body"></tbody>
|
||
<tfoot>
|
||
<tr>
|
||
<th class="text-center" colspan="4">جمع کل (ریال)</th>
|
||
<th class="text-center empty-data-all" id="sum_all"></th>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
<div class="d-flex align-items-center mx-2 p-3 mb-4">
|
||
<hr class="col">
|
||
<div class="d-flex mx-2">
|
||
<h5>اطلاعات واریز</h5>
|
||
</div>
|
||
<hr class="col">
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
|
||
<div class="col-5 p-3 border d-flex align-items-center justify-content-center">
|
||
<div class="col-4 d-flex align-items-center justify-content-center amount-box-deposit-insurance"
|
||
style="max-height: 200px;">
|
||
</div>
|
||
<div class="col-8 d-flex align-items-center justify-content-center img-box-deposit-insurance"
|
||
style="max-width: 100%; max-height: 200px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-5 p-3 border d-flex align-items-center justify-content-center">
|
||
<div class="col-4 d-flex align-items-center justify-content-center amount-box-deposit-daghi"
|
||
style="max-height: 200px;">
|
||
</div>
|
||
<div class="col-8 d-flex align-items-center justify-content-center img-box-deposit-daghi"
|
||
style="max-width: 100%; max-height: 200px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-around mb-4">
|
||
<div class="col-5 p-3 border d-flex align-items-center justify-content-center">
|
||
<div class="col-2 d-flex align-items-center justify-content-center amount-box-bill-code"
|
||
style="max-height: 200px;">
|
||
<span>
|
||
شماره فاکتور:
|
||
</span>
|
||
</div>
|
||
<div class="col-10 d-flex align-items-center justify-content-center text-box-bill-code"
|
||
style="max-width: 100%; max-height: 200px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-5 p-3 border d-flex align-items-center justify-content-center">
|
||
<div class="col-4 d-flex align-items-center justify-content-center amount-box-final-amount"
|
||
style="max-height: 200px;">
|
||
<span>
|
||
مبلغ واریزی:
|
||
</span>
|
||
</div>
|
||
<div class="col-8 d-flex align-items-center justify-content-center text-box-final-amount"
|
||
style="max-width: 100%; max-height: 200px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
|
||
<button class="btn btn-primary" id="show_all_data_cta">پرینت</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='parent-excel'>
|
||
<div class="row mt-2">
|
||
<div class="col-12 mb-2 mb-2">
|
||
<select id="select-province-excel" class="form-control" name="select-province-excel">
|
||
</select>
|
||
</div>
|
||
<div class="form-group col-12 mb-2 mb-2">
|
||
<input type="text" id="datapicker-from-excel-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-excel-table"
|
||
class="form-control datepicker-excel-to pwt-datepicker-input-element" placeholder="تا تاریخ"
|
||
autocomplete="off">
|
||
</div>
|
||
<div class="col-12 text-left"><button id="btn_excel-download" class="btn-set-filter px-2 py-1">دریافت
|
||
فایل</button></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>
|
||
<!-- 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>
|
||
<!-- page script -->
|
||
<script src="{{ asset('version2/js/dashboard_pages/receipt/list.js?_='). mt_rand(1, 99999999999) }}"></script>
|
||
@endsection |