411 lines
21 KiB
PHP
411 lines
21 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() }}">
|
|
<title>نمایش جزئیات پروژه</title>
|
|
<!-- Font Awesome Icons -->
|
|
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
|
|
<!-- icheck bootstrap -->
|
|
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
|
|
<!-- Persian Datepicker -->
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
|
|
<link rel="stylesheet" href="../dist/css/dataTables.bootstrap4.min.css" />
|
|
<link rel="stylesheet" href="../dist/css/buttons.dataTables.min.css" />
|
|
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
|
|
<!-- bootstrap slider -->
|
|
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
|
|
<!-- Leaflet -->
|
|
<link rel="stylesheet" href="../dist/css/leaflet.css" />
|
|
<!-- IRANSans Font -->
|
|
<link rel="stylesheet" href="../dist/css/fontiran.css" /> {{--
|
|
<link rel="stylesheet" href="../dist/js/jquery.paginate.css" /> --}}
|
|
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
|
<link rel="stylesheet" href="../dist/css/footer.css" />
|
|
<link rel="stylesheet" href="../dist/css/fullstyle.css" />
|
|
<link rel="stylesheet" href="../dist/css/bamasingle.css" />
|
|
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16"> </head>
|
|
|
|
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed ">
|
|
<input type="hidden" id="page_id" value="{{\request()->id}}">
|
|
<div class="wrapper"> @include('layouts.header')
|
|
<div class="content">
|
|
<div class="container-fluid">
|
|
<div class="row m-0" id="page-row">
|
|
<div class="col-sm-12">
|
|
<div class="show-main">
|
|
<div id="abrar-edit-card" class="card mt-5" style="width: 100%;">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
نمایش جزئیات پروژه
|
|
</h3> </div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">کد یکتا : </span><span class="filter-11 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">اداره کل : </span><span class="filter-1 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">استان : </span><span class="filter-15 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> شهرستان : </span><span class="filter-2 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> نوع پروژه : </span><span class="filter-3 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> عنوان پروژه : </span><span class="filter-4 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> وضعیت قرارداد : </span><span class="filter-16 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> تاریخ انعقاد قرارداد : </span><span class="filter-17 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> نام محور : </span><span class="filter-5 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> نوع محور : </span><span class="filter-6 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> پیشرفت کلی : </span><span class="filter-12 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">اطلاعات مالی زیرپروژه <small>(میلیون ریال)</small></span></p>
|
|
<div id="showamounts"></div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<div id="showNamePeople"></div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> آخرین وضعیت پروژه : </span><span class="filter-7 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> آخرین تاریخ بروزرسانی: </span><span class="filter-8 style-filters">
|
|
</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> تاریخ ثبت در سامانه : </span><span class="filter-9 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> کارشناس ناظر : </span><span class="filter-10 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel"> شماره کارشناس ناظر : </span><span class="filter-14 style-filters">
|
|
</span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">نوع عملیات </span></p>
|
|
<div id="showdistance"></div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">مجوز های انعقاد قرارداد </span></p>
|
|
<div id="showeblaghpromise"></div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">اطلاعات مالی قرارداد <small>(میلیون ریال)</small></span></p>
|
|
<div id="showMablagh"></div>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">شماره طرح : </span><span class="filter-18 style-filters"></span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">درجه اهمیت پروژه : </span><span class="filter-19 style-filters"></span></p>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<p><span class="showlabel">درجه اهمیت پیگیری پروژه : </span><span class="filter-20 style-filters"></span></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<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" disabled 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" disabled 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 class="col-sm-12 mb-3 imagelistshown" id="imagelistshown"> </div>
|
|
</div>
|
|
<div class="row" style="float: left; margin-top: 63px;">
|
|
<button class="btn btn-success btn-lg" onclick="printbama()">پرینت</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slider Modal -->
|
|
<div id="slideroverlay" class="slideroverlay">
|
|
<div class="upload-confirm"></div>
|
|
<!-- Modal content -->
|
|
<div class="modal-content"> <span class="close"></span>
|
|
<div class="slideshow">
|
|
<div id="slideshow-slide" class="slideshow-container"> <a class="prev">❯</a> <a class="next">❮</a> </div>
|
|
<br />
|
|
<div id="slideshow-dot" style="text-align: center;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Slider Modal -->
|
|
<div class="modal fade" id="bamaPreviewModal">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
<div class="preview-template" style="width: 100%;">
|
|
<div class="template-details">
|
|
<div class="details-icon" style="width: 25%;"> <img src="../dist/images/icons/alertInstallAppLogo.png" alt=""> <img src="../dist/images/new-design/logo.svg" alt=""> </div>
|
|
<div class="time_showm p-2">
|
|
<div><span class="bold_text">تاریخ ثبت پروژه در سامانه</span>:<span id="preview-template-submit-date"></span></div>
|
|
<div><span class="bold_text">آخرین بروزرسانی </span>:<span id="preview-template-last-update"></span></div>
|
|
<div><span class="bold_text">تاریخ اخذ گزارش </span>:<span id="preview_export"></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="overflow: hidden;">
|
|
<div class="section-title">جزئیات پروژه (<span id="unique_code"></span>)</div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>استان/اداره کل</th>
|
|
<th>شهرستان</th>
|
|
<th>نوع پروژه</th>
|
|
<th>عنوان پروژه</th>
|
|
<th>نام محور</th>
|
|
<th>نوع محور</th>
|
|
<th>پیشرفت کلی</th>
|
|
<th>آخرین وضعیت پروژه</th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="preview-template-province-name"></span> </td>
|
|
<td> <span id="preview-template-town"></span> </td>
|
|
<td> <span id="preview-template-project-type"></span> </td>
|
|
<td> <span id="preview-template-project-name"></span> </td>
|
|
<td> <span id="preview-template-axis-name"></span> </td>
|
|
<td> <span id="preview-template-axis-type"></span> </td>
|
|
<td> <span id="progress_project"></span> </td>
|
|
<td> <span id="preview-template-last-status"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
|
|
<div class="section-title">جزئیات مالی پروژه <small>(میلیون ریال)</small></div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>آخرین رقم ریالی پروژه</th>
|
|
<th>مبلغ آخرین کارکرد پیمانکار</th>
|
|
<th>مبلغ پرداختی به پیمانکار</th>
|
|
<th>مبلغ مورد نیاز برای تکمیل پروژه</th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="last_digit_project"></span> </td>
|
|
<td> <span id="last_function_operator"></span> </td>
|
|
<td> <span id="last_payable_operator"></span> </td>
|
|
<td> <span id="complete_payable"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
|
|
<div class="section-title">جزئیات قرارداد</div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>نام پیمانکار</th>
|
|
<th>نام مشاور طراحی</th>
|
|
<th>نام مشاور نظارت </th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="peymankar_name"></span> </td>
|
|
<td> <span id="tarahi_name"></span> </td>
|
|
<td> <span id="nezarat_namet"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
|
|
<div class="section-title">مجوز های انعقاد قرارداد </div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>ابلاغ اعتبار ملی</th>
|
|
<th>ابلاغ اعتبار استانی</th>
|
|
<th>مجوز صادره از ستاد</th>
|
|
<th>مجوز صادره از استان</th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="national_credit_license"></span> </td>
|
|
<td> <span id="province_credit_license"></span> </td>
|
|
<td> <span id="headquarter_issued_license"></span> </td>
|
|
<td> <span id="province_issued_license"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
|
|
<div class="section-title">اطلاعات مالی قرارداد <small>(میلیون ریال)</small> </div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>مبلغ اعتبار ملی </th>
|
|
<th>مبلغ اعتبار استانی </th>
|
|
<th>مبلغ مجوز صادره از ستاد</th>
|
|
<th>مبلغ کل قرارداد </th>
|
|
<th>شماره طرح </th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="national_credit"></span> </td>
|
|
<td> <span id="province_credit"></span> </td>
|
|
<td> <span id="setad_credit"></span> </td>
|
|
<td> <span id="full_credit"></span> </td>
|
|
<td> <span id="tarh_num"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="template-section" style="margin: 10px 0;overflow: hidden;">
|
|
<div class="section-title">وضعیت قرارداد </div>
|
|
<div class="section-table">
|
|
<table>
|
|
<tr>
|
|
<th>وضعیت قرارداد </th>
|
|
<th>تاریخ انعقاد قرارداد </th>
|
|
<th>درجه اهمیت پروژه</th>
|
|
<th>درجه اهمیت پیگیری پروژه</th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td> <span id="status_project"></span> </td>
|
|
<td> <span id="date_project"></span> </td>
|
|
<td> <span id="importance_project"></span> </td>
|
|
<td> <span id="imprtance_project_control"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-end align-items-stretch">
|
|
<div class="col-5">
|
|
<div class="abrar-map-layout"> <span class="abrar-map-title d-inline">موقعیت مکانی پروژه
|
|
همراه قرارگیری اکیپ
|
|
</span>
|
|
<div id="abrar-map2"></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" disabled 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" disabled 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 class="col-7 d-flex flex-column justify-content-between" id="imagelistshown2">
|
|
<div class="row imagelistshown2edit"> </div>
|
|
<div class="section-table" style="margin-bottom:15px;">
|
|
<table class="table_karshenas">
|
|
<tr>
|
|
<td style="font-weight: 600;">کارشناس ناظر</th>
|
|
<td><span id="operator_name"></span></th>
|
|
</tr>
|
|
<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
|
|
<td style="font-weight: 600;"> شماره کارشناس </td>
|
|
<td> <span id="operator_phone"></span> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="template-section col-12" style="overflow: hidden;">
|
|
<div class="section-title">نوع عملیات</div>
|
|
<div class="section-table" id="section-distance"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">بستن</button>
|
|
<button type="button" class="btn btn-info btn-lg" style="background-color: rgb(48, 133, 214);" onclick="showPrintPDF()">چاپ</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->@include('layouts.footer')
|
|
<!-- ./wrapper -->
|
|
<!-- REQUIRED SCRIPTS -->
|
|
<!-- jQuery -->
|
|
<script src="../plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- InputMask -->
|
|
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
|
|
<!-- Leaflet -->
|
|
<script src="../dist/js/leaflet.js"></script>
|
|
<!-- Leaflet Routing Machine js -->
|
|
<script src="../dist/js/leaflet-routing-machine.js"></script>
|
|
<script src="../plugins/sweetalert2/sweetalert2.all.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="../dist/js/jszip.min.js"></script>
|
|
<!-- Persian Datepicker -->
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<script src="../dist/js/static.js"></script>
|
|
<!-- Bootstrap slider -->
|
|
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="../dist/js/adminlte.min.js"></script>
|
|
<script src="../dist/js/jquery.print.min.js"></script>
|
|
<script src="../plugins/chart.js/Chart.min.js"></script>
|
|
<script src="../dist/js/bama-single.js?v=3.5"></script>
|
|
</body>
|
|
|
|
</html> |