defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update version.json to 0.0.130-vm

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-04-22 10:41:20 +07:00
parent 35746ab297
commit c1f62c75d1
4 changed files with 488 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1 +1 @@
{"name":"eis","version":"0.0.129-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}
{"name":"eis","version":"0.0.130-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}

2
public/version.json
View File

@ -1 +1 @@
{"version":"0.0.129-vm"}
{"version":"0.0.130-vm"}

439
src/components/Pages/Cico/LaporanCICO.vue
View File

@ -12,6 +12,7 @@
<div id="data">
<DxDataGrid
ref="dataGridRef"
@cell-click="onCellClicked"
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
:data-source="data"
@ -258,42 +259,38 @@
<DxColumn
:width="150"
alignment="center"
data-field="media"
caption="Sumber Lapor"
data-field="no_tugas"
caption="No Tugas"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="pembuat_laporan"
caption="Created By"
data-field="nama_tugas"
caption="Jenis Penugasan"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="dispatch_by"
caption="Dispatch By"
data-field="keterangan"
caption="Keterangan"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_dispatch"
caption="Dispatch Time"
css-class="custom-table-column"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
alignment="center"
data-field="user_regu"
caption="User Regu"
data-field="nama_catat_oleh"
caption="Petugas Catat"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -302,6 +299,79 @@
caption="Nama Regu"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="no_referensi"
caption="No Referensi"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="personil_yantek"
caption="Personil Yantek"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="media"
caption="Sumber Lapor"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="pembuat_laporan"
caption="Created By"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="dispatch_by"
caption="Dispatch By"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_dispatch"
caption="Dispatch Time"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="user_regu"
caption="User Regu"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="nama_regu"
caption="Nama Regu"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -310,6 +380,7 @@
caption="Nama Petugas"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -320,6 +391,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="isGangguanIndividual"
:width="150"
alignment="center"
data-field="check_in_petugas"
@ -327,6 +399,25 @@
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="!isGangguanIndividual"
:width="150"
alignment="center"
data-field="waktu_login"
caption="Check In Petugas"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_catat"
caption="Tgl Catat"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
@ -334,6 +425,7 @@
caption="No Laporan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -342,6 +434,7 @@
caption="Tgl Lapor"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -350,6 +443,7 @@
caption="Tgl Penugasan Baru"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -358,6 +452,16 @@
caption="Tgl Dalam Perjalanan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_perjalanan"
caption="Tgl Perjalanan"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -384,6 +488,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="isGangguanIndividual"
:width="150"
alignment="center"
data-field="waktu_selesai"
@ -392,12 +497,22 @@
cell-template="formatText"
/>
<DxColumn
v-if="!isGangguanIndividual"
:width="150"
alignment="center"
data-field="durasi_waktu_response"
data-field="waktu_recovery"
caption="Tgl Selesai"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_perjalanan"
caption="Durasi Perjalanan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -406,6 +521,16 @@
caption="Durasi WO"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="durasi_wo_time"
caption="Durasi WO Penugasan Khusus"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -414,6 +539,16 @@
caption="Check Out Petugas"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="waktu_logout"
caption="Check Out Petugas"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -422,6 +557,7 @@
caption="RPT"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -430,6 +566,7 @@
caption="RCT"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -438,6 +575,7 @@
caption="Rating"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -446,6 +584,7 @@
caption="Jml Pelanggan Padam"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -454,6 +593,7 @@
caption="Fasilitas"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -462,6 +602,7 @@
caption="Sub Fasilitas"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -470,6 +611,7 @@
caption="Peralatan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -478,6 +620,7 @@
caption="Dampak Kerusakan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -486,6 +629,7 @@
caption="Penyebab"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -494,6 +638,7 @@
caption="Kelompok Penyebab"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -502,6 +647,7 @@
caption="Cuaca"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -510,6 +656,7 @@
caption="Keterangan Pelapor"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -518,6 +665,7 @@
caption="Keterangan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -527,6 +675,7 @@
css-class="custom-table-column"
cell-template="formatText"
:calculate-display-value="(item: any) => `${item.penyebab} - ${item.kelompok_penyebab}`"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -535,6 +684,7 @@
caption="Tindakan"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -543,6 +693,7 @@
caption="APKT Status"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -551,6 +702,7 @@
caption="Referensi Marking"
css-class="custom-table-column"
cell-template="formatText"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
@ -559,6 +711,34 @@
caption="BLTH"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="status_akhir"
caption="Status"
css-class="custom-table-column"
cell-template="formatNumber"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="nama_selesai_oleh"
caption="Selesai Oleh"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<DxColumn
:width="150"
alignment="center"
data-field="keterangan_selesai"
caption="Keterangan Selesai"
css-class="custom-table-column"
cell-template="formatText"
v-if="!isGangguanIndividual"
/>
<template #formatText="{ data }">
@ -572,6 +752,18 @@
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
</DxDataGrid>
</div>
</div>
@ -592,12 +784,55 @@
<InputText :readonly="true" :value="dataSubSelected?.nama_posko" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Tugas:</h3>
<InputText :readonly="true" :value="dataSubSelected?.no_tugas" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jenis Penugasan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.nama_tugas" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Keterangan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.keterangan" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Petugas Catat:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.nama_catat_oleh"
class-name="flex-1"
/>
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Nama Regu:</h3>
<InputText :readonly="true" :value="dataSubSelected?.nama_regu" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Referensi:</h3>
<InputText :readonly="true" :value="dataSubSelected?.no_referensi" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Personil Yantek:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.personil_yantek"
class-name="flex-1"
/>
</div>
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Sumber Lapor:</h3>
<InputText :readonly="true" :value="dataSubSelected?.media" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Created By:</h3>
<InputText
:readonly="true"
@ -606,12 +841,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Dispatch By:</h3>
<InputText :readonly="true" :value="dataSubSelected?.dispatch_by" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Dispatch Time:</h3>
<InputText
:readonly="true"
@ -620,17 +855,17 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">User Regu:</h3>
<InputText :readonly="true" :value="dataSubSelected?.user_regu" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Nama Regu:</h3>
<InputText :readonly="true" :value="dataSubSelected?.nama_regu" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Nama Petugas:</h3>
<InputText
:readonly="true"
@ -644,7 +879,7 @@
<InputText :readonly="true" :value="dataSubSelected?.shift" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Check In Petugas:</h3>
<InputText
:readonly="true"
@ -653,17 +888,27 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Check In Petugas:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_login" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Catat:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_catat" class-name="flex-1" />
</div>
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Lapor:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_lapor" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Penugasan Regu:</h3>
<InputText
:readonly="true"
@ -672,7 +917,7 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Dalam Perjalanan:</h3>
<InputText
:readonly="true"
@ -685,7 +930,7 @@
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Pengerjaan:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.waktu_perjalanan"
:value="dataSubSelected?.waktu_response"
class-name="flex-1"
/>
</div>
@ -704,26 +949,44 @@
<InputText :readonly="true" :value="dataSubSelected?.waktu_nyala" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Selesai:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_selesai" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Perjalanan:</h3>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Selesai:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.durasi_waktu_response"
:value="dataSubSelected?.waktu_recovery"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Perjalanan:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.waktu_perjalanan"
class-name="flex-1"
/>
</div>
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi WO:</h3>
<InputText :readonly="true" :value="dataSubSelected?.durasi_wo" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi WO Penugasan Khusus:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.durasi_wo_time"
class-name="flex-1"
/>
</div>
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Check Out Petugas:</h3>
<InputText
:readonly="true"
@ -732,7 +995,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Check Out Petugas:</h3>
<InputText :readonly="true" :value="dataSubSelected?.waktu_logout" class-name="flex-1" />
</div>
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">RPT</h3>
<InputText
:readonly="true"
@ -741,7 +1009,7 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">RCT</h3>
<InputText
:readonly="true"
@ -750,12 +1018,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Rating</h3>
<InputText :readonly="true" :value="dataSubSelected?.rating" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jml Pelanggan Padam:</h3>
<InputText
:readonly="true"
@ -764,22 +1032,22 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Fasilitas:</h3>
<InputText :readonly="true" :value="dataSubSelected?.fasilitas" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Fasilitas:</h3>
<InputText :readonly="true" :value="dataSubSelected?.sub_fasilitas" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Peralatan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.peralatan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Dampak Kerusakan:</h3>
<InputText
:readonly="true"
@ -788,12 +1056,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Penyebab:</h3>
<InputText :readonly="true" :value="dataSubSelected?.penyebab" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Kelompok Penyebab:</h3>
<InputText
:readonly="true"
@ -802,12 +1070,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Cuaca:</h3>
<InputText :readonly="true" :value="dataSubSelected?.cuaca" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Keterangan Pelapor:</h3>
<InputText
:readonly="true"
@ -816,12 +1084,12 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Keterangan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.keterangan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Penyebab Padam:</h3>
<InputText
:readonly="true"
@ -830,17 +1098,17 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Tindakan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.tindakan" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">APKT Status:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking</h3>
<InputText
:readonly="true"
@ -849,10 +1117,33 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div v-if="isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">BLTH</h3>
<InputText :readonly="true" :value="dataSubSelected?.blth" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Selesai Oleh</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.nama_selesai_oleh"
class-name="flex-1"
/>
</div>
<div v-if="!isGangguanIndividual" class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Keterangan Selesai</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.keterangan_selesai"
class-name="flex-1"
/>
</div>
</div>
</div>
</DetailDialog>
@ -895,11 +1186,6 @@ import {
const client = apolloClient()
provideApolloClient(client)
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
const showPane = ref(true)
const dataSelected = ref<any>()
const dataSubSelected = ref<any>()
const data = ref<any[]>([])
@ -913,6 +1199,24 @@ const reportMeta = ref({
posko: { id: 0, name: 'Semua Posko' },
periode: ''
})
const isTotal = ref(false)
const isGangguanIndividual = ref(false)
const isDialogEnabled = ref(false)
const onCellClicked = (e: any) => {
if (e.rowType == 'data' || e.rowType == 'totalFooter') {
isTotal.value = e.rowType == 'totalFooter'
if (
e.column.dataField == 'jumlah_wo_gangguan_individual' ||
e.column.dataField == 'jumlah_wo_penugasan_khusus'
) {
isGangguanIndividual.value = e.column.dataField == 'jumlah_wo_gangguan_individual'
isDialogEnabled.value = true
} else {
isDialogEnabled.value = false
}
}
}
const closedialogDetail = () => (dialogDetail.value = false)
@ -930,14 +1234,23 @@ const getDetail = async () => {
idPosko: selected?.id_posko ? selected?.id_posko : 0,
idUid: selected?.id_uid ? selected?.id_uid : 0,
idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
personilYantek: selected?.personil_yantek ? selected?.personil_yantek : ''
personilYantek: isTotal.value ? '' : selected?.personil_yantek ? selected?.personil_yantek : ''
}
loadingSubData.value = true
await requestGraphQl(queries.cico.laporanCheckInCheckOutDetail, query)
await requestGraphQl(
isGangguanIndividual.value
? queries.cico.laporanCheckInCheckOutDetailIndividual
: queries.cico.laporanCheckInCheckOutDetailKhusus,
query
)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailCheckInCheckOut
if (isGangguanIndividual.value) {
dataSub.value = result.data.data.detailCheckInCheckOutIndividu
} else {
dataSub.value = result.data.data.detailCheckInCheckOutKhusus
}
} else {
dataSub.value = []
}
@ -960,8 +1273,10 @@ const showDetail = () => {
clearSelection()
dataSub.value = []
dataSubSelected.value = null
if (isDialogEnabled.value) {
getDetail()
}
}
const onExporting = (e: any) => {
if (e.format === 'pdf') {

108
src/utils/api/api.graphql.ts
View File

@ -3783,6 +3783,114 @@ export const queries = {
}
},
cico: {
laporanCheckInCheckOutDetailIndividual: gql`
query detailCheckInCheckOutIndividu(
$dateFrom: Date!
$dateTo: Date!
$idPosko: Int!
$idUid: Int!
$idUp3: Int!
$personilYantek: String!
) {
detailCheckInCheckOutIndividu(
dateFrom: $dateFrom
dateTo: $dateTo
idPosko: $idPosko
idUid: $idUid
idUp3: $idUp3
personilYantek: $personilYantek
) {
id
id_uid
nama_uid
id_up3
nama_up3
id_posko
nama_posko
media
pembuat_laporan
dispatch_by
durasi_waktu_dispatch
user_regu
nama_regu
personil_yantek
shift
check_in_petugas
no_laporan
durasi_wo
waktu_lapor
waktu_dispatch
waktu_perjalanan
waktu_nyala_sementara
waktu_nyala
waktu_selesai
waktu_response
check_out_petugas
durasi_menit_response
durasi_menit_recovery
rating
jml_pelanggan_padam
fasilitas
sub_fasilitas
peralatan
dampak_kerusakan
kelompok_penyebab
cuaca
keterangan_pelapor
keterangan
penyebab
tindakan
status_akhir
referensi_marking
blth
}
}
`,
laporanCheckInCheckOutDetailKhusus: gql`
query detailCheckInCheckOutKhusus(
$dateFrom: Date!
$dateTo: Date!
$idPosko: Int!
$idUid: Int!
$idUp3: Int!
$personilYantek: String!
) {
detailCheckInCheckOutKhusus(
dateFrom: $dateFrom
dateTo: $dateTo
idPosko: $idPosko
idUid: $idUid
idUp3: $idUp3
personilYantek: $personilYantek
) {
id
nama_uid
nama_up3
nama_posko
no_tugas
nama_tugas
keterangan
nama_catat_oleh
nama_regu
no_referensi
personil_yantek
shift
waktu_login
waktu_catat
waktu_perjalanan
waktu_response
waktu_nyala
waktu_nyala_sementara
waktu_recovery
durasi_wo_time
durasi_wo
waktu_logout
status_akhir
nama_selesai_oleh
keterangan_selesai
}
}
`,
laporanCheckInCheckOutDetail: gql`
query detailCheckInCheckOut(
$dateFrom: Date!