179 lines
8.2 KiB
PHP
179 lines
8.2 KiB
PHP
@extends('indexlayout')
|
|
|
|
@section('title', 'Dinas')
|
|
@push('style')
|
|
@endpush
|
|
@section('content')
|
|
<main id="js-page-content" role="main" class="page-content">
|
|
<ol class="breadcrumb page-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0);">Capaian Kinerja dan Anggaran UKPD</a></li>
|
|
<li class="breadcrumb-item">Dinas LH</li>
|
|
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
|
</ol>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div id="panel-6" class="panel">
|
|
<div class="panel-hdr">
|
|
<h2>
|
|
Realisasi dan SPS Update Per Entitas
|
|
</h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div id="dinaslh">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div id="panel-1" class="panel">
|
|
<div class="panel-hdr">
|
|
<h2>
|
|
Dinas Lingkungan Hidup
|
|
</h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div class="panel-content table">
|
|
|
|
<!-- datatable start -->
|
|
<table id="dt-dinas" class="table table-bordered table-hover table-striped w-100">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Nama</th>
|
|
<th>Bulan</th>
|
|
<th>Target Fisik</th>
|
|
<th>Target Keuangan</th>
|
|
<th>Realisasi Fisik</th>
|
|
<th>Realisasi Keuangan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>dinas</td>
|
|
<td>Januari</td>
|
|
<td>4.72%</td>
|
|
<td>2.27%</td>
|
|
<td>5.18%</td>
|
|
<td>3.55% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>dinas</td>
|
|
<td>Februari</td>
|
|
<td>10.69%</td>
|
|
<td>4.85%</td>
|
|
<td>11.06%</td>
|
|
<td>7.34% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>dinas</td>
|
|
<td>Maret</td>
|
|
<td>20.10%</td>
|
|
<td>7.45%</td>
|
|
<td>20.97%</td>
|
|
<td>11.63% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>dinas</td>
|
|
<td>April</td>
|
|
<td>32.69%</td>
|
|
<td>10.80%</td>
|
|
<td>27.43%</td>
|
|
<td>18.68% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td>dinas</td>
|
|
<td>Mei</td>
|
|
<td>39.07%</td>
|
|
<td>13.72%</td>
|
|
<td>30.37%</td>
|
|
<td>23.63% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>dinas</td>
|
|
<td>Juni</td>
|
|
<td>46.48%</td>
|
|
<td>17.12%</td>
|
|
<td>44.47%</td>
|
|
<td>31.17% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td>dinas</td>
|
|
<td>Juli</td>
|
|
<td>52.41%</td>
|
|
<td>20.63%</td>
|
|
<td>50.23%</td>
|
|
<td>37.11% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td>dinas</td>
|
|
<td>Agustus</td>
|
|
<td>54.34%</td>
|
|
<td>23.44%</td>
|
|
<td>50.88%</td>
|
|
<td>41.79% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>9</td>
|
|
<td>dinas</td>
|
|
<td>September</td>
|
|
<td>58.69%</td>
|
|
<td>26.73%</td>
|
|
<td>54.48%</td>
|
|
<td>45.55% </td>
|
|
</tr>
|
|
<tr>
|
|
<td>10</td>
|
|
<td>dinas</td>
|
|
<td>Oktober</td>
|
|
<td>66.38%</td>
|
|
<td>30.22%</td>
|
|
<td>55.42%</td>
|
|
<td>- </td>
|
|
</tr>
|
|
<tr>
|
|
<td>11</td>
|
|
<td>dinas</td>
|
|
<td>November</td>
|
|
<td>-</td>
|
|
<td>33.67%</td>
|
|
<td>-</td>
|
|
<td>- </td>
|
|
</tr>
|
|
<tr>
|
|
<td>12</td>
|
|
<td>dinas</td>
|
|
<td>Desember</td>
|
|
<td>100%</td>
|
|
<td>100.00%</td>
|
|
<td>-</td>
|
|
<td>- </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- datatable end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
@endsection
|
|
|
|
@push('script')
|
|
<script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
|
|
{{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
|
|
<script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/dinas.js') }}"></script>
|
|
@endpush
|