721 lines
53 KiB
PHP
721 lines
53 KiB
PHP
{{-- {{ dd($data) }} --}}
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="{{ asset('dist/images/fav.ico') }}" type="image/ico" sizes="16x16">
|
||
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}" />
|
||
<link rel="stylesheet" href="{{ asset('dist/css/adminlte.css') }}" />
|
||
<link rel="stylesheet" href="{{ asset('dist/css/fontiran.css') }}" />
|
||
<link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
|
||
<!-- yasi start add -->
|
||
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.css') }}" />
|
||
<link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.Default.css') }}" />
|
||
<!-- yasi end add -->
|
||
<link rel="stylesheet" href="{{ asset('dist/css/posters.css?_=' . mt_rand(1, 99999999999)) }}" />
|
||
<title></title>
|
||
<script>
|
||
var jsonServer = {
|
||
data: @json($data)
|
||
}
|
||
console.log(jsonServer);
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="page d-flex flex-column">
|
||
<div class="col p-0 d-flex">
|
||
<div class="col-8 d-flex py-1">
|
||
<fieldset class="col p-0 d-flex flex-column">
|
||
<legend>گزارش فعالیت روزانه</legend>
|
||
<div class="col d-flex">
|
||
<div class="col-3 chart-box">
|
||
<canvas id="road_items_chart"></canvas>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="map-data-box">
|
||
<div class="d-flex flex-column py-3 px-2 align-items-center road-items-counter">
|
||
<span class="pb-2 road-items-counter-title">مجموع کل فعالیت ها</span>
|
||
<strong class="road-items-counter-data">
|
||
{{number_format($data['road_items_sum'])}}
|
||
</strong>
|
||
</div>
|
||
<div class="map-data" id="map"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-3 d-flex flex-column px-0">
|
||
<span class="pb-1" style="font-size: 13px;font-weight: bold;color: #666;text-align: center;">رتبه بندی ادارات کل</span>
|
||
<small class="pb-1" style="font-size: 11px;color: #666;text-align: center;">
|
||
<span>از تاریخ</span>
|
||
<span class="from_date"></span>
|
||
<span>تا</span>
|
||
<span class="to_date"></span>
|
||
</small>
|
||
<small class="pb-2" style="font-size: 10px;color: #666;text-align: center;">(نسبت فعالیت بر کاربر)</small>
|
||
<div class="col d-flex px-0">
|
||
<div class="col d-flex flex-column justify-content-between mb-3 pr-0 pl-3">
|
||
<div class="pl-4 d-flex">
|
||
<div class="col bar-road-items-top-box">
|
||
<span>ادارات کل</span>
|
||
<strong id="top_road_bar"></strong>
|
||
<span>دارای بیشترین فعالیت در سامانه</span>
|
||
</div>
|
||
</div>
|
||
<div class="pl-4 d-flex">
|
||
<div class="col bar-road-items-bottom-box">
|
||
<span>ادارات کل</span>
|
||
<strong id="bottom_road_bar"></strong>
|
||
<span>با حداقل فعالیت در سامانه</span>
|
||
</div>
|
||
</div>
|
||
<span class="bar-road-items-count bar-road-items-count-1" style="bottom: 0px"></span>
|
||
<span class="bar-road-items-count bar-road-items-count-2" style="bottom: 20%"></span>
|
||
<span class="bar-road-items-count bar-road-items-count-3" style="bottom: 40%"></span>
|
||
<span class="bar-road-items-count bar-road-items-count-4" style="bottom: 60%"></span>
|
||
<span class="bar-road-items-count bar-road-items-count-5" style="bottom: 80%"></span>
|
||
<span class="bar-road-items-count bar-road-items-count-6"></span>
|
||
</div>
|
||
<div class="bar-road-items-box mb-3 d-flex flex-column">
|
||
<span class="bar-road-items-line-box">
|
||
<span class="bar-road-items-line"></span>
|
||
<span class="bar-road-items-line-box-inline-box">
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
<span class="bar-road-items-line-box-inline"></span>
|
||
</span>
|
||
</span>
|
||
<span class="bar-road-items-5 d-flex align-items-center justify-content-center">
|
||
<span></span>
|
||
</span>
|
||
<span class="bar-road-items-4 d-flex align-items-center justify-content-center">
|
||
<span></span>
|
||
</span>
|
||
<span class="bar-road-items-3 d-flex align-items-center justify-content-center">
|
||
<span></span>
|
||
</span>
|
||
<span class="bar-road-items-2 d-flex align-items-center justify-content-center">
|
||
<span></span>
|
||
</span>
|
||
<span class="bar-road-items-1 d-flex align-items-center justify-content-center">
|
||
<span></span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-4 d-flex py-1">
|
||
<fieldset class="col p-0 d-flex flex-column">
|
||
<legend>گزارش گشت روزانه</legend>
|
||
<div>
|
||
<div class="col" style="width: 100%;height: 320px;">
|
||
<div class="tops-patrol-container">
|
||
<div class="tops-patrol-box">
|
||
<div class="tops-patrol-line d-flex align-items-center"
|
||
style="background: #277da1;top: 10px;width: 210px;">
|
||
<div class="tops-patrol-line-data pr-2" style="color: #fff">
|
||
{{ $data['top_5_province_at_road_patrol_according_to_avarage_distance'][0]->province_fa }}
|
||
</div>
|
||
</div>
|
||
<span class="tops-patrol-arrow"
|
||
style="border-left: 15px solid #277da1;top: 10px;left: 327px;"></span>
|
||
<div style="width: 250px;height: 250px;background: #277da1;border-radius: 50%;">
|
||
</div>
|
||
<div class="tops-patrol-title d-flex justify-content-center align-items-center"
|
||
style="background: #277da1;top: 10px;left: 350px;">
|
||
<div class="tops-patrol-title-data" style="color: #fff">
|
||
{{ number_format(round($data['top_5_province_at_road_patrol_according_to_avarage_distance'][0]->avarage_distance,2),2,'.','') }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tops-patrol-box">
|
||
<div class="tops-patrol-line d-flex align-items-center"
|
||
style="background: #43aa8b;top: 50px; width: 240px;">
|
||
<div class="tops-patrol-line-data pr-2" style="color: #fff">
|
||
{{ $data['top_5_province_at_road_patrol_according_to_avarage_distance'][1]->province_fa }}
|
||
</div>
|
||
</div>
|
||
<span class="tops-patrol-arrow"
|
||
style="border-left: 15px solid #43aa8b;top: 50px;left: 357px;"></span>
|
||
<div style="width: 230px;height: 230px;background: #43aa8b;border-radius: 50%;">
|
||
</div>
|
||
<div class="tops-patrol-title d-flex justify-content-center align-items-center"
|
||
style="background: #43aa8b;top: 50px;left: 380px;">
|
||
<div class="tops-patrol-title-data" style="color: #fff">
|
||
{{ number_format(round($data['top_5_province_at_road_patrol_according_to_avarage_distance'][1]->avarage_distance,2),2,'.','') }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tops-patrol-box">
|
||
<div class="tops-patrol-line d-flex align-items-center"
|
||
style="background: #577590;top: 90px;width: 270px;">
|
||
<div class="tops-patrol-line-data pr-2" style="color: #fff">
|
||
{{ $data['top_5_province_at_road_patrol_according_to_avarage_distance'][2]->province_fa }}
|
||
</div>
|
||
</div>
|
||
<span class="tops-patrol-arrow"
|
||
style="border-left: 15px solid #577590;top: 90px;left: 387px;"></span>
|
||
<div style="width: 210px;height: 210px;background: #577590;border-radius: 50%;">
|
||
</div>
|
||
<div class="tops-patrol-title d-flex justify-content-center align-items-center"
|
||
style="background: #577590;top: 90px;left: 410px;">
|
||
<div class="tops-patrol-title-data" style="color: #fff">
|
||
{{ number_format(round($data['top_5_province_at_road_patrol_according_to_avarage_distance'][2]->avarage_distance,2),2,'.','') }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tops-patrol-box">
|
||
<div class="tops-patrol-line d-flex align-items-center"
|
||
style="background: #f8961e;top: 130px;width: 240px;">
|
||
<div class="tops-patrol-line-data pr-2" style="color: #fff">
|
||
{{ $data['top_5_province_at_road_patrol_according_to_avarage_distance'][3]->province_fa }}
|
||
</div>
|
||
</div>
|
||
<span class="tops-patrol-arrow"
|
||
style="border-left: 15px solid #f8961e;top: 130px;left: 357px;"></span>
|
||
<div style="width: 190px;height: 190px;background: #f8961e;border-radius: 50%;">
|
||
</div>
|
||
<div class="tops-patrol-title d-flex justify-content-center align-items-center"
|
||
style="background: #f8961e;top: 130px;left: 380px;">
|
||
<div class="tops-patrol-title-data" style="color: #fff">
|
||
{{ number_format(round($data['top_5_province_at_road_patrol_according_to_avarage_distance'][3]->avarage_distance,2),2,'.','') }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tops-patrol-box">
|
||
<div class="tops-patrol-line d-flex align-items-center"
|
||
style="background: #f3722c;top: 170px;width: 210px;">
|
||
<div class="tops-patrol-line-data pr-2" style="color: #fff">
|
||
{{ $data['top_5_province_at_road_patrol_according_to_avarage_distance'][4]->province_fa }}
|
||
</div>
|
||
</div>
|
||
<span class="tops-patrol-arrow"
|
||
style="border-left: 15px solid #f3722c;top: 170px;left: 327px;"></span>
|
||
<div style="width: 170px;height: 170px;background: #f3722c;border-radius: 50%;">
|
||
</div>
|
||
<div class="tops-patrol-title d-flex justify-content-center align-items-center"
|
||
style="background: #f3722c;top: 170px;left: 350px;">
|
||
<div class="tops-patrol-title-data" style="color: #fff">
|
||
{{ number_format(round($data['top_5_province_at_road_patrol_according_to_avarage_distance'][4]->avarage_distance,2),2,'.','') }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tops-patrol-box">
|
||
<div class="d-flex flex-column justify-content-center align-items-center "
|
||
style="width: 150px;height: 150px;background: #fff;border-radius: 50%;">
|
||
<span class="font-weight-bold mb-3" style="font-size: 18px;color: #555;">ادارات
|
||
کل فعال</span>
|
||
<span class="font-weight-bold" style="font-size: 12px;color: #555;">تعداد
|
||
گشت</span>
|
||
<span class="font-weight-bold" style="font-size: 12px;color: #555;">به</span>
|
||
<span class="font-weight-bold"
|
||
style="font-size: 12px;color: #555;">مسافت پیموده شده</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex align-items-center">
|
||
<div class="col-6 d-flex patrol-counter-box justify-content-center">
|
||
<div class="patrol-counter-img px-2">
|
||
<img class="h-100" src="{{ asset('images/posters/posters-counter-patrol.svg') }}"
|
||
alt="">
|
||
</div>
|
||
<div class="d-flex flex-column align-items-center">
|
||
<small class="patrol-counter-title font-weight-bold">تعداد گشت ثبت شده</small>
|
||
<strong
|
||
class="patrol-counter-data">{{ number_format($data['road_patrol_part'][0]->count_number) }}</strong>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 d-flex patrol-counter-box justify-content-center">
|
||
<div class="patrol-counter-img px-2">
|
||
<img class="h-100" src="{{ asset('images/posters/posters-kilometer-patrol.svg') }}"
|
||
alt="">
|
||
</div>
|
||
<div class="d-flex flex-column align-items-center">
|
||
<small class="patrol-counter-title font-weight-bold">مجموع مسافت پیموده شده</small>
|
||
<strong
|
||
class="patrol-counter-data">{{ number_format(round($data['road_patrol_part'][0]->distance_sum)) }}</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
<div class="col p-0 d-flex" style="flex: 0 0 23%;max-width: 100% !important;">
|
||
<div class="col-2 py-1 d-flex">
|
||
<div class="col topic mt-3 d-flex flex-column align-items-center justify-content-center">
|
||
<p class="topic-p mb-3">گزارش سامانه جامع راهداری</p>
|
||
<p class="topic-p-rms mb-0 text-center">RMS</p>
|
||
<p class="topic-p mb-0 mt-3">
|
||
<small>از تاریخ</small>
|
||
<small class="from_date"></small>
|
||
<small>تا</small>
|
||
<small class="to_date"></small>
|
||
</p>
|
||
<p class="topic-p mb-0 mt-3">در سطح کشور</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-10 py-1 d-flex">
|
||
<fieldset class="col d-flex">
|
||
<legend>گزارش فعالیت کاربران</legend>
|
||
<div class="d-flex pb-1">
|
||
<div class="col-5 chart-box">
|
||
<canvas id="users_activity_chart"></canvas>
|
||
</div>
|
||
<div class="col-3 d-flex flex-column justify-content-between">
|
||
<div class="row">
|
||
<div class="col-6 d-flex justify-content-center align-items-center">
|
||
<div class="d-flex flex-column users-counter-box align-items-center">
|
||
<img class="users-counter-img"
|
||
src="{{ asset('images/posters/posters-users.svg') }}" alt="">
|
||
<strong
|
||
class="users-counter-data pt-2 pb-1">{{ number_format($data['users_count']) }}</strong>
|
||
<small class="users-counter-title">تعداد کاربران سامانه</small>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 d-flex justify-content-center align-items-center">
|
||
<div class="d-flex flex-column users-counter-box align-items-center">
|
||
<img class="users-counter-img"
|
||
src="{{ asset('images/posters/posters-activity-users.svg') }}" alt="">
|
||
<strong
|
||
class="users-counter-data pt-2 pb-1">{{ number_format($data['active_user_count']) }}</strong>
|
||
<small class="users-counter-title">تعداد کاربران فعال</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-6 d-flex justify-content-center">
|
||
<div class="d-flex flex-column users-counter-box align-items-center">
|
||
<img class="users-counter-img"
|
||
src="{{ asset('images/posters/posters-clock-users.svg') }}" alt="">
|
||
<strong
|
||
class="users-counter-data pt-2 pb-1">{{ number_format($data['user_activity']) }}</strong>
|
||
<small class="users-counter-title">ساعت فعالیت</small>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 d-flex justify-content-center">
|
||
<div class="d-flex flex-column users-counter-box align-items-center">
|
||
<img class="users-counter-img"
|
||
src="{{ asset('images/posters/posters-counter-users.svg') }}" alt="">
|
||
<strong
|
||
class="users-counter-data pt-2 pb-1">{{ number_format($data['user_activity_count']) }}</strong>
|
||
<small class="users-counter-title">تعداد فعالیت</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4 pl-4 users-tops d-flex flex-column justify-content-center">
|
||
<p>
|
||
<span>از تاریخ</span>
|
||
<strong class="from_date"></strong>
|
||
<span>تا</span>
|
||
<strong class="to_date"></strong>
|
||
<span>در سطح کل راههای کشور تعداد</span>
|
||
<strong>{{ number_format($data['user_activity_count']) }}</strong>
|
||
<span>فعالیت در حوزه های مختلف راهداری توسط</span>
|
||
<strong>{{ number_format($data['active_user_count']) }}</strong>
|
||
<span>راهدار فعال در سامانه جامع راهداری ثبت شده است.</span>
|
||
</p>
|
||
<p>
|
||
<span>اداره کل</span>
|
||
@foreach ($data['user_activity_top_five_provinces'] as $top_five_provinces)
|
||
@if(count($data['user_activity_top_five_provinces']) == 1)
|
||
<strong>{{$top_five_provinces->province_fa}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$top_five_provinces->province_fa}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$top_five_provinces->province_fa}}</strong>
|
||
@else
|
||
<strong>{{$top_five_provinces->province_fa}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
@if(count($data['user_activity_top_five_provinces']) > 1)
|
||
<span>به ترتیب</span>
|
||
@endif
|
||
<span>با بیشترین درصد راهداران فعال و اداره کل</span>
|
||
@foreach ($data['user_activity_top_five_provinces_by_users'] as $top_five_provinces_by_users)
|
||
@if(count($data['user_activity_top_five_provinces_by_users']) == 1)
|
||
<strong>{{$top_five_provinces->province_fa}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$top_five_provinces_by_users->province_fa}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$top_five_provinces_by_users->province_fa}}</strong>
|
||
@else
|
||
<strong>{{$top_five_provinces_by_users->province_fa}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
@if(count($data['user_activity_top_five_provinces_by_users']) > 1)
|
||
<span>به ترتیب</span>
|
||
@endif
|
||
<span>با بیشترین ثبت فعالیت عملکرد موثرتری داشته اند.</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
<div class="col p-0 d-flex">
|
||
<div class="col-9 d-flex py-1">
|
||
<fieldset class="d-flex">
|
||
<legend>گزارش واکنش سریع</legend>
|
||
<div class="d-flex" style="height: calc(100% - 20px - 0.5rem)">
|
||
<div class="col-4 d-flex flex-column pl-0 align-items-end">
|
||
<div class="col chart-box px-0 fast-react-chart-container"
|
||
style="flex: 0 0 65%;max-width: 100% !important;">
|
||
<canvas id="fast_react_status_chart" class="fast-react-chart-box"></canvas>
|
||
</div>
|
||
<div class="col fast-react-counter-container-1">
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">5) پاکسازی سطح راه (گازوئیل و مواد روغنی)
|
||
</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][5])}}</div>
|
||
</div>
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">6) ایمن سازی و حفاظها و علائم آسیب دیده و
|
||
ناایمن</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][6])}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-2 p-0 d-flex flex-column fast-react-counter-container-2">
|
||
<div class="col d-flex align-items-center text-center fast-react-counter-container-2-title">
|
||
تعداد شکایات رسیدگی شده به تفکیک نوع</div>
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">1) چاله و نا همواری در سطح راه</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][1])}}</div>
|
||
</div>
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">2) پاکسازی سطح راه (لاشه حیوان)</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][2])}}</div>
|
||
</div>
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">3) پاکسازی سطح راه (جسم خارجی)</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][3])}}</div>
|
||
</div>
|
||
<div class="d-flex flex-column p-0 py-2 align-items-center">
|
||
<div class="fast-react-counter-title pb-1">4) پاکسازی سطح راه (سنگریزه)</div>
|
||
<div class="fast-react-counter-data">
|
||
{{number_format($data['fast_react_group_by_type'][4])}}</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 d-flex flex-column">
|
||
<div class="col d-flex" style="flex: 0 0 80%;max-width: 100% !important;">
|
||
<div class="col-6 chart-box">
|
||
<canvas id="fast_react_tops_percentage_chart"></canvas>
|
||
</div>
|
||
<div class="col-6 chart-box">
|
||
<canvas id="fast_react_tops_count_chart"></canvas>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex fast-react-bottons pt-1">
|
||
<div class="col-6 px-3 d-flex align-items-center" style="color: #577590;">
|
||
<span class="fa fa-exclamation pl-3" style="font-size: 20px"></span>
|
||
<span>
|
||
<span>در ضمن ادارات کل</span>
|
||
@foreach ($data['bottom_5_province_at_road_observation_according_to_progress_percent'] as $bottom_5_province_at_road_observation_according_to_progress_percent)
|
||
@if(count($data['bottom_5_province_at_road_observation_according_to_progress_percent']) == 1)
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_progress_percent->ProvinceName}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_progress_percent->ProvinceName}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_progress_percent->ProvinceName}}</strong>
|
||
@else
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_progress_percent->ProvinceName}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
<span style="color: #db504a">ضعیف ترین عملکرد</span>
|
||
<span>را داشته اند.</span>
|
||
</span>
|
||
</div>
|
||
<div class="col-6 px-3 d-flex align-items-center" style="color: #43aa8b;">
|
||
<span class="fa fa-exclamation pl-3" style="font-size: 20px"></span>
|
||
<span>
|
||
<span>در ضمن ادارات کل</span>
|
||
@foreach ($data['bottom_5_province_at_road_observation_according_to_quantity'] as $bottom_5_province_at_road_observation_according_to_quantity)
|
||
@if(count($data['bottom_5_province_at_road_observation_according_to_quantity']) == 1)
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_quantity->ProvinceName}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_quantity->ProvinceName}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_quantity->ProvinceName}}</strong>
|
||
@else
|
||
<strong>{{$bottom_5_province_at_road_observation_according_to_quantity->ProvinceName}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
<span style="color: #db504a">ضعیف ترین عملکرد</span>
|
||
<span>را داشته اند.</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div class="col-3 py-1 d-flex">
|
||
<fieldset class="d-flex">
|
||
<legend>گزارش راهدارخانه</legend>
|
||
<div class="row m-0">
|
||
<div class="col-12 d-flex tollhouse-counter-box justify-content-center mb-3">
|
||
<div class="tollhouse-counter-img px-2 d-flex align-items-center">
|
||
<img class="h-75" src="{{ asset('images/posters/poster-garage.svg') }}" alt="">
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<small class="tollhouse-counter-title font-weight-bold">تعداد راهدارخانه ها و ادارات شهرستان ها</small>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<strong class="tollhouse-counter-data">{{ number_format($data['road_tollhouse_spec'][0]->rahdarkhone) }}</strong>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 d-flex mb-1">
|
||
<div class="col-4" id="temporary_bar"></div>
|
||
<div class="col-4" id="inactive_bar"></div>
|
||
<div class="col-4" id="active_bar"></div>
|
||
</div>
|
||
<div class="col-12 d-flex mb-4 text-center" style="font-size: 13px;font-weight: bold;color: #666;">
|
||
<div class="col-4">موقت</div>
|
||
<div class="col-4">غیر فعال</div>
|
||
<div class="col-4">فعال</div>
|
||
</div>
|
||
<div class="col-12 d-flex tollhouse-fine-details-box justify-content-center">
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<small class="tollhouse-fine-details-title font-weight-bold">تعداد اکیپ مستقر</small>
|
||
</div>
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<strong class="tollhouse-fine-details-data">{{ number_format($data['road_tollhouse_spec'][0]->ekip) }}</strong>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 d-flex tollhouse-fine-details-box justify-content-center">
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<small class="tollhouse-fine-details-title font-weight-bold">تعداد ماشین آلات سنگین</small>
|
||
</div>
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<strong class="tollhouse-fine-details-data">{{ number_format($data['road_tollhouse_spec'][0]->sangin) }}</strong>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 d-flex tollhouse-fine-details-box justify-content-center">
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<small class="tollhouse-fine-details-title font-weight-bold">تعداد ماشین آلات نیمه سنگین</small>
|
||
</div>
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<strong class="tollhouse-fine-details-data">{{ number_format($data['road_tollhouse_spec'][0]->nime_sangin) }}</strong>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 d-flex tollhouse-fine-details-box justify-content-center">
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<small class="tollhouse-fine-details-title font-weight-bold">تعداد راهدار مستقر</small>
|
||
</div>
|
||
<div class="col-6 d-flex align-items-center justify-content-center">
|
||
<strong class="tollhouse-fine-details-data">{{ number_format($data['road_tollhouse_spec'][0]->rahdar) }}</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="page d-flex flex-column">
|
||
<div class="col p-0 d-flex">
|
||
<div class="col-12 d-flex py-1">
|
||
<fieldset class="col p-0 d-flex flex-column">
|
||
<legend>گزارش پروژه های حوزه راهداری</legend>
|
||
<div class="col p-0 d-flex">
|
||
<div class="col-6 p-0 d-flex flex-column align-items-center">
|
||
<div class="col p-0 chart-box" style="flex: 0 0 30%;max-width: 100% !important;border-bottom: 2px dashed #e1e1e1;">
|
||
<canvas id="all_projects_by_type_chart"></canvas>
|
||
</div>
|
||
<div class="col p-0 pt-5 d-flex flex-column" style="flex: 0 0 50%;max-width: 100% !important;border-bottom: 2px dashed #e1e1e1;">
|
||
<span class="pb-1" style="font-size: 13px;font-weight: bold;color: #666;text-align: center;">میانگین درصد پیشرفت فیزیکی پروژه ها و درصد رشد</span>
|
||
<small class="pb-3" style="font-size: 11px;color: #666;text-align: center;">
|
||
<span>از تاریخ</span>
|
||
<span class="from_date"></span>
|
||
<span>تا</span>
|
||
<span class="to_date"></span>
|
||
</small>
|
||
<div class="col p-0 mb-5 px-5 d-flex flex-column justify-content-between">
|
||
@php
|
||
$colorProgressProject = [
|
||
1 => 'progress-project-green-blue',
|
||
2 => 'progress-project-dark-blue',
|
||
3 => 'progress-project-blue',
|
||
4 => 'progress-project-green',
|
||
5 => 'progress-project-red',
|
||
6 => 'progress-project-orange'
|
||
];
|
||
$lableProgressProject = [
|
||
1 => 'روکش آسفالت',
|
||
2 => 'راه روستایی',
|
||
3 => 'راهدارخانه',
|
||
4 => 'ابنیه فنی',
|
||
5 => 'نقاط حادثه خیز',
|
||
6 => 'ایمنی راه'
|
||
];
|
||
@endphp
|
||
@foreach ($data['contracts']['progress_avrage'] as $avrage)
|
||
<div class="progress-project-container {{ $colorProgressProject[$avrage->id] }} d-flex align-items-center">
|
||
<span class="col-3 progress-project-title text-center">{{ $lableProgressProject[$avrage->id] }}</span>
|
||
<div class="progress-project-box col px-0 d-flex">
|
||
<span class="progress-project-data d-flex align-items-center justify-content-center">{{$avrage->average}}%</span>
|
||
<div class="col px-0 progress-project-progress-bar d-flex">
|
||
<span class="progress-project-bar" style="width: {{$avrage->average}}%"></span>
|
||
</div>
|
||
<span class="col-2 progress-project-growth d-flex flex-column align-items-center justify-content-center">
|
||
<span>+</span>
|
||
<span>{{$avrage->progress}}</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
<div class="col py-4 px-5 d-flex flex-column project-tops justify-content-center">
|
||
<p>
|
||
<span>از تاریخ</span>
|
||
<strong class="from_date"></strong>
|
||
<span>تا</span>
|
||
<strong class="to_date"></strong>
|
||
<span>ادارات کل</span>
|
||
@foreach ($data['contracts']['max_contracts_group_by_province'] as $group_by_province)
|
||
@if(count($data['contracts']['max_contracts_group_by_province']) == 1)
|
||
<strong>{{$group_by_province->province_fa}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$group_by_province->province_fa}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$group_by_province->province_fa}}</strong>
|
||
@else
|
||
<strong>{{$group_by_province->province_fa}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
@if(count($data['contracts']['max_contracts_group_by_province']) > 1)
|
||
<span>به ترتیب</span>
|
||
@endif
|
||
<span>با ثبت بیشترین تعداد پروژه در سامانه بیشترین فعالیت را داشته اند.</span>
|
||
</p>
|
||
<p>
|
||
<span class="fa fa-exclamation pl-2" style="font-size: 20px;color: #db504a;"></span>
|
||
<span>در ضمن ادارات کل</span>
|
||
@foreach ($data['contracts']['province_zero_progress'] as $progress)
|
||
@if(count($data['contracts']['province_zero_progress']) == 1)
|
||
<strong>{{$progress->province_fa}}</strong>
|
||
@elseif ($loop->last)
|
||
<span>و</span>
|
||
<strong>{{$progress->province_fa}}</strong>
|
||
@elseif ($loop->remaining == 1)
|
||
<strong>{{$progress->province_fa}}</strong>
|
||
@else
|
||
<strong>{{$progress->province_fa}}</strong>
|
||
<span>،</span>
|
||
@endif
|
||
@endforeach
|
||
<span style="color: #db504a">هیچ پیشرفت فیزیکی</span>
|
||
<span>از تاریخ</span>
|
||
<strong class="from_date"></strong>
|
||
<span>تا</span>
|
||
<strong class="to_date"></strong>
|
||
<span>در پروژه ها نداشته اند.</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-6 p-0 d-flex flex-column">
|
||
<div class="col p-0 d-flex flex-column" style="border-bottom: 2px dashed #e1e1e1;border-right: 2px dashed #e1e1e1;">
|
||
<div class="col p-0 pb-2 d-flex" style="border-bottom: 2px dashed #e1e1e1;">
|
||
<div class="col px-0 py-2 d-flex flex-column">
|
||
<div class="col canvas-box"><div id="contracts_done_data_1"></div></div>
|
||
<div class="col d-flex align-items-center justify-content-center pt-2" style="flex: 0 0 20%;max-width: 100% !important;">
|
||
<strong id="contracts_done_title_1" style="color: #666;font-size: 11px;"></strong>
|
||
</div>
|
||
</div>
|
||
<div class="col px-0 py-2 d-flex flex-column">
|
||
<div class="col canvas-box"><div id="contracts_done_data_2"></div></div>
|
||
<div class="col d-flex align-items-center justify-content-center pt-2" style="flex: 0 0 20%;max-width: 100% !important;">
|
||
<strong id="contracts_done_title_2" style="color: #666;font-size: 11px;"></strong>
|
||
</div>
|
||
</div>
|
||
<div class="col px-0 py-2 d-flex flex-column">
|
||
<div class="col canvas-box"><div id="contracts_done_data_3"></div></div>
|
||
<div class="col d-flex align-items-center justify-content-center pt-2" style="flex: 0 0 20%;max-width: 100% !important;">
|
||
<strong id="contracts_done_title_3" style="color: #666;font-size: 11px;"></strong>
|
||
</div>
|
||
</div>
|
||
<div class="col px-0 py-2 d-flex flex-column">
|
||
<div class="col canvas-box"><div id="contracts_done_data_4"></div></div>
|
||
<div class="col d-flex align-items-center justify-content-center pt-2" style="flex: 0 0 20%;max-width: 100% !important;">
|
||
<strong id="contracts_done_title_4" style="color: #666;font-size: 11px;"></strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col p-0 chart-box" style="flex: 0 0 70%;max-width: 100% !important;">
|
||
<canvas id="top_5_projects_chart"></canvas>
|
||
</div>
|
||
</div>
|
||
<div class="px-0 pt-3 d-flex flex-column" style="border-right: 2px dashed #e1e1e1;">
|
||
<span class="pb-1" style="font-size: 13px;font-weight: bold;color: #666;text-align: center;">پهنه بندی ادارات کل برحسب درصد رشد در پیشرفت پروژه ها</span>
|
||
<small style="font-size: 11px;color: #666;text-align: center;">
|
||
<span>از تاریخ</span>
|
||
<span class="from_date"></span>
|
||
<span>تا</span>
|
||
<span class="to_date"></span>
|
||
</small>
|
||
<div class="p-0">
|
||
<div class="map-data-box-project">
|
||
<div class="map-data" id="project_map"></div>
|
||
<div class="map-guid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="{{ asset('plugins/jquery/jquery.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('plugins/chart3.5.js/chart.min.js') }}"></script>
|
||
<script src="{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}"></script>
|
||
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
|
||
<!-- yasi start add -->
|
||
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
|
||
<!-- yasi end add-->
|
||
<script src="{{ asset('dist/js/provinces-cities-geojson.js') }}"></script>
|
||
<script src="{{ asset('plugins/progressBar/progressbar.min.js') }}"></script>
|
||
<script src="{{ asset('dist/js/posters.js?_=' . mt_rand(1, 99999999999)) }}"></script>
|
||
</body>
|
||
|
||
</html> |