517 lines
26 KiB
PHP
517 lines
26 KiB
PHP
{{ dd($data) }}
|
||
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
<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') }}" />
|
||
<link rel="stylesheet" href="{{ asset('dist/css/posters.css?_=' . mt_rand(1, 99999999999)) }}" />
|
||
<title>گزارش سامانه RMS کل کشور</title>
|
||
<script>
|
||
var jsonServer = {
|
||
data: @json($data)
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="container_page" class="container-page py-3">
|
||
<div class="header-box row mb-5 align-items-center">
|
||
<div class="col text-left px-3"><img class="logo" src="https://rms.rmto.ir/word-icons/rahdari.png">
|
||
</div>
|
||
<div class="px-3 text-center">
|
||
<h3>گزارش سامانه RMS کل کشور</h3>
|
||
<p class="m-0">از تاریخ <strong id="from_date"></strong> تا تاریخ <strong
|
||
id="to_date"></strong></p>
|
||
</div>
|
||
<div class="col text-right px-3"><img class="logo" src="https://rms.rmto.ir/word-icons/logo.svg">
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5 align-items-center">
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-title" style="min-width:400px">
|
||
<span>تعداد کاربران فعال</span>
|
||
</div>
|
||
<div class="counter-data">
|
||
<span>{{ number_format($data['active_user_count']) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-title" style="min-width:400px">
|
||
<span>ساعت فعالیت کاربران</span>
|
||
</div>
|
||
<div class="counter-data">
|
||
<span>{{ number_format($data['user_activity']) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col">
|
||
<div class="chart-bar-box">
|
||
<div class="chart-bar-title">
|
||
<span>فعالیت کاربران (تعداد)</span>
|
||
</div>
|
||
<div class="chart-bar-data text-center" style="height: 400px;">
|
||
<canvas id="activity_chart"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5 align-items-center">
|
||
<div class="col-4">
|
||
<div class="table-box">
|
||
<div class="table-title">
|
||
<span>واکنش سریع (پاسخگویی به شکایات) (تعداد)</span>
|
||
</div>
|
||
<div class="table-data-box">
|
||
<div class="table-subtitle mb-3">
|
||
<span class="title">
|
||
بیشترین پاسخگویی
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['top_5_province_at_road_observation_according_to_quantity'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->ProvinceName }}</span>
|
||
<span class="table-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<div class="table-subtitle mt-4 mb-3">
|
||
<span class="title">
|
||
کمترین پاسخگویی
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['bottom_5_province_at_road_observation_according_to_quantity'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->ProvinceName }}</span>
|
||
<span class="table-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4">
|
||
<div class="chart-bar-box">
|
||
<div class="chart-bar-title">
|
||
<span>واکنش سریع (وضعیت)</span>
|
||
</div>
|
||
<div class="chart-bar-data text-center" style="height: 500px;">
|
||
<canvas id="fast_react_chart"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4">
|
||
<div class="table-box">
|
||
<div class="table-title">
|
||
<span>واکنش سریع (پاسخگویی به شکایات) (درصد)</span>
|
||
</div>
|
||
<div class="table-data-box">
|
||
<div class="table-subtitle mb-3">
|
||
<span class="title">
|
||
بیشترین پاسخگویی
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['top_5_province_at_road_observation_according_to_progress_percent'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->ProvinceName }}</span>
|
||
<span class="table-item-data">{{ round($item->progress_percent) }}%</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<div class="table-subtitle mt-4 mb-3">
|
||
<span class="title">
|
||
کمترین پاسخگویی
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['bottom_5_province_at_road_observation_according_to_progress_percent'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->ProvinceName }}</span>
|
||
<span class="table-item-data">{{ round($item->progress_percent) }}%</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-4 flex-column">
|
||
<div class="rank-box" style="height: 360px; margin-bottom:15px;">
|
||
<div class="rank-title">فعالیت جاری استان ها (بیشترین فعالیت)</div>
|
||
<div class="rank-data">
|
||
@foreach ($data['top_5_province_at_road_item'] as $item)
|
||
<div class="rank-item">
|
||
<span class="rank-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="rank-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
<div class="rank-box" style="height: 360px">
|
||
<div class="rank-title">فعالیت جاری استان ها (کمترین فعالیت)</div>
|
||
<div class="rank-data">
|
||
@foreach ($data['bottom_5_province_at_road_item'] as $item)
|
||
<div class="rank-item">
|
||
<span class="rank-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="rank-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-8">
|
||
<div class="chart-bar-box">
|
||
<div class="chart-bar-title">
|
||
<span>فعالیت های جاری (تعداد)</span>
|
||
</div>
|
||
<div class="chart-bar-data text-center" style="height: 700px;">
|
||
<canvas id="road_items_chart"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-4">
|
||
<div class="table-box second-color">
|
||
<div class="table-title">
|
||
<span>گشت روزانه (تعداد)</span>
|
||
</div>
|
||
<div class="table-data-box">
|
||
<div class="table-subtitle mb-3">
|
||
<span class="title">
|
||
بیشترین گشت
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['top_5_province_at_road_patrol_according_to_quantity'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="table-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<div class="table-subtitle mt-4 mb-3">
|
||
<span class="title">
|
||
کمترین گشت
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['bottom_5_province_at_road_patrol_according_to_quantity'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="table-item-data">{{ number_format($item->count_number) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4 align-items-center d-flex justify-content-center" style="height:700px">
|
||
<div class="counter2-box">
|
||
<div class="counter2-data-box">
|
||
<div class="counter2-data">
|
||
<small>
|
||
مسافت:
|
||
</small>
|
||
<strong>
|
||
{{ number_format(round($data['road_patrol_part'][0]->distance_sum)) }}
|
||
</strong>
|
||
<small>
|
||
کیلومتر
|
||
</small>
|
||
</div>
|
||
</div>
|
||
<div class="counter2-title-box">
|
||
<strong class="counter2-title">
|
||
گشت روزانه راهداری
|
||
</strong>
|
||
</div>
|
||
<div class="counter2-data-box">
|
||
<div class="counter2-data">
|
||
<small>
|
||
تعداد:
|
||
</small>
|
||
<strong>
|
||
{{ number_format($data['road_patrol_part'][0]->count_number) }}
|
||
</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4">
|
||
<div class="table-box second-color">
|
||
<div class="table-title">
|
||
<span>گشت روزانه (کیلومتر بر تعداد)</span>
|
||
</div>
|
||
<div class="table-data-box">
|
||
<div class="table-subtitle mb-3">
|
||
<span class="title">
|
||
بیشترین گشت
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['top_5_province_at_road_patrol_according_to_avarage_distance'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="table-item-data">{{ round($item->avarage_distance, 2) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<div class="table-subtitle mt-4 mb-3">
|
||
<span class="title">
|
||
کمترین گشت
|
||
</span>
|
||
</div>
|
||
<div class="table-data" style="height: 270px;">
|
||
@foreach ($data['bottom_5_province_at_road_patrol_according_to_avarage_distance'] as $item)
|
||
<div class="table-item">
|
||
<span class="table-item-title col">{{ $item->province_fa }}</span>
|
||
<span class="table-item-data">{{ round($item->avarage_distance, 2) }}</span>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5 align-items-center">
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-data-top-box">
|
||
<div class="counter-data-top-right">
|
||
<span>غیر فعال</span>
|
||
</div>
|
||
<div class="counter-data-top-left">
|
||
<span>{{ number_format($data['road_tollhouse_count'][0]->count_number) }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="counter-title counters" style="min-width:400px">
|
||
<span>تعداد راهدارخانه ها</span>
|
||
</div>
|
||
<div class="counter-data-bottom-box">
|
||
<div class="counter-data-bottom-right">
|
||
<span>فعال</span>
|
||
</div>
|
||
<div class="counter-data-bottom-left">
|
||
<span>{{ number_format($data['road_tollhouse_count'][1]->count_number) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-title" style="min-width:400px">
|
||
<span>راهدارخانه های بروزشده</span>
|
||
</div>
|
||
<div class="counter-data">
|
||
<span>{{ number_format($data['road_updated_tollhouse_count'][0]->count_number) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-data-top-box">
|
||
<div class="counter-data-top-right">
|
||
<span>کل</span>
|
||
</div>
|
||
<div class="counter-data-top-left">
|
||
<span>{{ number_format($data['proposals']['whole']) }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="counter-title counters" style="min-width:400px">
|
||
<span>تعداد پروژه های پیشنهادی</span>
|
||
</div>
|
||
<div class="counter-data-bottom-box">
|
||
<div class="counter-data-bottom-right">
|
||
<span>در بازه زمانی</span>
|
||
</div>
|
||
<div class="counter-data-bottom-left">
|
||
<span>{{ number_format($data['proposals']['in_the_interval']) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-data-top-box">
|
||
<div class="counter-data-top-right">
|
||
<span>کل</span>
|
||
</div>
|
||
<div class="counter-data-top-left">
|
||
<span>{{ number_format($data['lawmaker']['whole']) }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="counter-title counters" style="min-width:400px">
|
||
<span>تعداد مکاتبات با نمایندگان</span>
|
||
</div>
|
||
<div class="counter-data-bottom-box">
|
||
<div class="counter-data-bottom-right">
|
||
<span>در بازه زمانی</span>
|
||
</div>
|
||
<div class="counter-data-bottom-left">
|
||
<span>{{ number_format($data['lawmaker']['in_the_interval']) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-title" style="min-width:400px">
|
||
<span>پیشرفت پروژه ها</span>
|
||
</div>
|
||
<div class="counter-data-bottom-box-2">
|
||
<div class="counter-data-bottom-right">
|
||
<span>{{ round($data['contracts']['avarage']) }}%</span>
|
||
</div>
|
||
<div class="counter-data-bottom-left success-box">
|
||
<span>{{ round($data['contracts']['progress_avrage'][0]->progress_project) }}+</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="counter-box">
|
||
<div class="counter-data-top-box">
|
||
<div class="counter-data-top-right">
|
||
<span>درحال اجرا</span>
|
||
</div>
|
||
<div class="counter-data-top-left">
|
||
<span>{{ number_format($data['contracts']['progressed_sum']) }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="counter-title counters" style="min-width:400px">
|
||
<span>تعداد پروژه ها</span>
|
||
</div>
|
||
<div class="counter-data-bottom-box">
|
||
<div class="counter-data-bottom-right">
|
||
<span>تکمیل شده</span>
|
||
</div>
|
||
<div class="counter-data-bottom-left">
|
||
<span>{{ number_format($data['contracts']['done_sum']) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5">
|
||
<div class="col-12 align-items-center d-flex justify-content-center" style="height:700px">
|
||
<div class="counter3-box">
|
||
<div class="counter3-data-box">
|
||
<div class="counter3-data">
|
||
<small>
|
||
آخرین رقم ریالی:
|
||
</small>
|
||
<strong>
|
||
{{ number_format(round($data['contracts']['last_digit_project'])) }}
|
||
</strong>
|
||
<small>
|
||
میلیون ریال
|
||
</small>
|
||
</div>
|
||
</div>
|
||
<div class="counter3-data-title-box">
|
||
<div class="counter3-data">
|
||
<small>
|
||
آخرین کارکرد پیمانکار:
|
||
</small>
|
||
<strong>
|
||
{{ number_format(round($data['contracts']['last_function_operator'])) }}
|
||
</strong>
|
||
<small>
|
||
میلیون ریال
|
||
</small>
|
||
</div>
|
||
<strong class="counter3-title">
|
||
ارزش مالی پروژه ها
|
||
</strong>
|
||
<div class="counter3-data">
|
||
<small>
|
||
پرداختی به پیمانکار:
|
||
</small>
|
||
<strong>
|
||
{{ number_format(round($data['contracts']['last_payable_operator'])) }}
|
||
</strong>
|
||
<small>
|
||
میلیون ریال
|
||
</small>
|
||
</div>
|
||
</div>
|
||
<div class="counter3-data-box">
|
||
<div class="counter3-data">
|
||
<small>
|
||
مورد نیاز برای تکمیل:
|
||
</small>
|
||
<strong>
|
||
{{ number_format(round($data['contracts']['complete_payable'])) }}
|
||
</strong>
|
||
<small>
|
||
میلیون ریال
|
||
</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-5 justify-content-center">
|
||
<div class="col-8">
|
||
<div class="map-box">
|
||
<div class="map-title">
|
||
<span>پهنه پیشرفت پروژه ها</span>
|
||
</div>
|
||
<div class="map-data-box" style="height:945px">
|
||
<div class="map-data" id="map"></div>
|
||
<div class="map-guid">
|
||
<p class="text-center pb-1">راهنمای نقشه</p>
|
||
<p>
|
||
<i class="fa fa-circle" aria-hidden="true" style="color: #FF0000;"></i>
|
||
<span class="pr-1">0 تا 40</span>
|
||
</p>
|
||
<p>
|
||
<i class="fa fa-circle" aria-hidden="true" style="color: #FFCC00;"></i>
|
||
<span class="pr-1">40 تا 70</span>
|
||
</p>
|
||
<p>
|
||
<i class="fa fa-circle" aria-hidden="true" style="color: #13BB51;"></i>
|
||
<span class="pr-1">
|
||
70 تا 100
|
||
</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button id="canvas">عکس</button>
|
||
|
||
<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/chart.js/Chart.min.js') }}"></script>
|
||
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
|
||
<script src="{{ asset('dist/js/provinces-cities-geojson.js') }}"></script>
|
||
<script src="{{ asset('dist/js/html2canvas.min.js') }}"></script>
|
||
|
||
<script src="{{ asset('dist/js/posters.js?_=' . mt_rand(1, 99999999999)) }}"></script>
|
||
</body>
|
||
|
||
</html>
|