Files
backend/resources/views/version2/dashboard_pages/rahdari_projects/project.blade.php

473 lines
20 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/rahdari_projects/project.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')
<input type="hidden" id="page_id" value="{{\request()->id}}">
<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-100 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 required-bitumen-box" style="display:none">
<p><span class="showlabel"> تناژ قیر مورد نیاز : </span><span
class="required-bitumen style-filters">
</span></p>
</div>
<div class="col-sm-12 used-bitumen-box" style="display:none">
<p><span class="showlabel">تناژ قیر دریافتی : </span><span
class="used-bitumen style-filters">
</span></p>
</div>
<div class="col-sm-12 bridge-number-box" style="display:none">
<p><span class="showlabel">کد پل در سامانه BMS : </span><span
class="bridge-number style-filters">
</span></p>
</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">&#10095;</a> <a
class="next">&#10094;</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="{{ asset('dist/images/icons/alertInstallAppLogo.png') }}" alt=""> <img
src="{{ asset('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>
@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>
<!-- 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>
<script src="{{ asset('dist/js/jquery.print.min.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/rahdari_projects/project.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection