Refactor data sorting and add number field to tables
This commit is contained in:
Dede Fuji Abdul
parent
17254ff878
commit
0b466985e9
@ -51,10 +51,8 @@
|
||||
css-class="custom-table-column"
|
||||
:width="50"
|
||||
alignment="center"
|
||||
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
|
||||
data-type="number"
|
||||
data-field="number"
|
||||
caption="No"
|
||||
name="number"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
@ -556,7 +554,7 @@ const getDetail = () => {
|
||||
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
dataSub.value = queryResult.data.detailGangguan
|
||||
dataSub.value = queryResult.data.detailGangguanAlihPosko
|
||||
}
|
||||
})
|
||||
|
||||
@ -618,15 +616,14 @@ const onExporting = (e: any) => {
|
||||
const onDataSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
if (selectedRowsData[0] != undefined) {
|
||||
dataSelected.value = selectedRowsData[0]
|
||||
showDetail()
|
||||
}
|
||||
showDetail()
|
||||
}
|
||||
|
||||
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
if (selectedRowsData[0] != undefined) {
|
||||
dataSubSelected.value = selectedRowsData[0]
|
||||
}
|
||||
console.log(data)
|
||||
}
|
||||
|
||||
const filterData = (params: any) => {
|
||||
@ -650,9 +647,17 @@ const filterData = (params: any) => {
|
||||
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
data.value = queryResult.data.rekapitulasiGangguanAlihPosko
|
||||
const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) =>
|
||||
a.nama_uid.localeCompare(b.nama_uid)
|
||||
)
|
||||
|
||||
data.value = refs.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log(queryResult.data)
|
||||
})
|
||||
|
||||
onError((error) => {
|
||||
@ -667,9 +672,16 @@ const filterData = (params: any) => {
|
||||
const filters = ref()
|
||||
onMounted(() => {
|
||||
if (import.meta.env.DEV) {
|
||||
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a, b) =>
|
||||
const refs = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a: any, b: any) =>
|
||||
a.nama_uid.localeCompare(b.nama_uid)
|
||||
)
|
||||
|
||||
data.value = refs.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -797,6 +797,7 @@ const loadingSubData = ref(false)
|
||||
const getDetail = () => {
|
||||
loadingSubData.value = true
|
||||
const dateValue = filters.value.periode.split(' s/d ')
|
||||
const { posko, uid, up3 } = filters.value
|
||||
const ref = dataSelected.value
|
||||
|
||||
const query = {
|
||||
@ -806,19 +807,22 @@ const getDetail = () => {
|
||||
dateTo: dateValue[1]
|
||||
? dateValue[1].split('-').reverse().join('-')
|
||||
: new Date().toISOString().slice(0, 10),
|
||||
posko: ref.id_posko,
|
||||
idUid: ref.id_uid,
|
||||
idUp3: ref.id_up3
|
||||
posko: posko ? posko.id : 0,
|
||||
idUid: uid ? uid.id : 0,
|
||||
idUp3: up3 ? up3.id : 0,
|
||||
idRegu: ref.id_regu
|
||||
}
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
queries.gangguan.rekap.gangguanAllDetail,
|
||||
queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail,
|
||||
query
|
||||
)
|
||||
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
dataSub.value = queryResult.data.detailGangguan
|
||||
console.log(queryResult.data.detailGangguanDiselesaikanMobileApkt)
|
||||
|
||||
dataSub.value = queryResult.data.detailGangguanDiselesaikanMobileApkt
|
||||
}
|
||||
})
|
||||
|
||||
@ -880,15 +884,14 @@ const onExporting = (e: any) => {
|
||||
const onDataSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
if (selectedRowsData[0] != undefined) {
|
||||
dataSelected.value = selectedRowsData[0]
|
||||
showDetail()
|
||||
}
|
||||
showDetail()
|
||||
}
|
||||
|
||||
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
if (selectedRowsData[0] != undefined) {
|
||||
dataSubSelected.value = selectedRowsData[0]
|
||||
}
|
||||
console.log(data)
|
||||
}
|
||||
|
||||
const filterData = (params: any) => {
|
||||
|
||||
@ -365,7 +365,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="no_laporan"
|
||||
caption="No Laporan"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -373,7 +373,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_lapor"
|
||||
caption="Tgl Lapor"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -381,7 +381,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_lapor_sblm"
|
||||
caption="Tgl Lapor Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -389,7 +389,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_lapor_sdh"
|
||||
caption="Tgl Lapor Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -397,7 +397,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_penugasan_sblm"
|
||||
caption="Tgl Penugasan Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -405,7 +405,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_penugasan_sdh"
|
||||
caption="Tgl Penugasan Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -413,7 +413,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_perjalanan_sblm"
|
||||
caption="Tgl Perjalanan Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -421,7 +421,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_perjalanan_sdh"
|
||||
caption="Tgl Perjalanan Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -429,7 +429,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_pengerjaan_sblm"
|
||||
caption="Tgl Pengerjaan Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -437,7 +437,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_pengerjaan_sdh"
|
||||
caption="Tgl Pengerjaan Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -445,7 +445,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_nyala_sementara_sblm"
|
||||
caption="Tgl Nyala Sementara Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -453,7 +453,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_nyala_sementara_sdh"
|
||||
caption="Tgl Nyala Sementara Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -461,7 +461,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_nyala_sblm"
|
||||
caption="Tgl Nyala Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -469,7 +469,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_nyala_sdh"
|
||||
caption="Tgl Nyala Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -477,7 +477,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_selesai_sblm"
|
||||
caption="Tgl Selesai Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -485,7 +485,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_selesai_sdh"
|
||||
caption="Tgl Selesai Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -493,31 +493,31 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_selesai_sdh"
|
||||
caption="Durasi Respon Time Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="durasi_response_time_sdh"
|
||||
caption="Durasi Respon Time Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="durasi_recovery_time_sdh"
|
||||
caption="Durasi Recovery Time Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="kelompok_sblm"
|
||||
caption="Kelompok ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -525,7 +525,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="kelompok_sdh"
|
||||
caption="Kelompok ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -533,7 +533,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="sub_kelompok_sblm"
|
||||
caption="Sub Kelompok ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -541,7 +541,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="sub_kelompok_sdh"
|
||||
caption="Sub Kelopok ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -549,7 +549,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="fasilitas_id_sblm"
|
||||
caption="Fasilitas ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -557,7 +557,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="fasilitas_id_sdh"
|
||||
caption="Fasilitas ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -565,7 +565,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="sub_fasilitas_id_sblm"
|
||||
caption="Sub Fasilitas ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -573,7 +573,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="sub_fasilitas_id_sdh"
|
||||
caption="Sub Fasilitas ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -581,7 +581,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="equipment_id_sblm"
|
||||
caption="Equipment ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -589,7 +589,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="equipment_id_sdh"
|
||||
caption="Equipment ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -597,7 +597,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="event_damage_sblm"
|
||||
caption="Event Damage ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -605,7 +605,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="event_damage_sdh"
|
||||
caption="Event Damage ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -613,7 +613,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="cause_id_sblm"
|
||||
caption="Cause ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -621,7 +621,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="cause_id_sdh"
|
||||
caption="Cause ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -629,7 +629,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="cause_group_id_sblm"
|
||||
caption="Cause Group ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -637,7 +637,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="cause_group_id_sdh"
|
||||
caption="Cause Group ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -645,7 +645,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="weather_id_sblm"
|
||||
caption="Weather ID Sebelum"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -653,7 +653,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="weather_id_sdh"
|
||||
caption="Weather ID Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -661,7 +661,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="grup_koreksi"
|
||||
caption="Group Koreksi"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -669,7 +669,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="alasan"
|
||||
caption="ALASAN"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -677,7 +677,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="idpel_nometer"
|
||||
caption="IDPEL/NO METER"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -685,7 +685,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="keterangan_pelapor"
|
||||
caption="Keterangan Pelapor"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -693,7 +693,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nama_posko"
|
||||
caption="Posko"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -701,7 +701,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tindakan"
|
||||
caption="Tindakan"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -709,7 +709,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="penyebab"
|
||||
caption="Penyebab"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -739,222 +739,346 @@
|
||||
<div class="p-4 space-y-2 bg-white rounded-xl">
|
||||
<div 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="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.no_laporan" 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">Tgl Lapor:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.tgl_lapor" 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">Tgl Lapor Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_lapor_sblm"
|
||||
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">Tgl Lapor Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.tgl_lapor_sdh" 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">Tgl Penugasan Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_penugasan_sblm"
|
||||
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">Tgl Penugasan Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_penugasan_sdh"
|
||||
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">Tgl Perjalanan Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_perjalanan_sblm"
|
||||
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">Tgl Perjalanan Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_perjalanan_sdh"
|
||||
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">Tgl Pengerjaan Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_pengerjaan_sblm"
|
||||
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">Tgl Pengerjaan Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_pengerjaan_sdh"
|
||||
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">Tgl Nyala Sementara Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_nyala_sementara_sblm"
|
||||
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">Tgl Nyala Sementara Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_nyala_sementara_sdh"
|
||||
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">Tgl Nyala Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_nyala_sblm"
|
||||
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">Tgl Nyala Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.tgl_nyala_sdh" 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">Tgl Selesai Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_selesai_sblm"
|
||||
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">Tgl Selesai Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_selesai_sdh"
|
||||
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 Respon Time Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="
|
||||
parseInt(dataSelected?.durasi_response_time_sblm)
|
||||
? formatWaktu(dataSelected?.durasi_response_time_sblm)
|
||||
: '-'
|
||||
"
|
||||
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 Respon Time Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="
|
||||
parseInt(dataSelected?.durasi_response_time_sdh)
|
||||
? formatWaktu(dataSelected?.durasi_response_time_sdh)
|
||||
: '-'
|
||||
"
|
||||
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 Recovery Time Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="
|
||||
parseInt(dataSelected?.durasi_recovery_time_sdh)
|
||||
? formatWaktu(dataSelected?.durasi_recovery_time_sdh)
|
||||
: '-'
|
||||
"
|
||||
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">Kelompok ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.kelompok_sblm" 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">Kelompok ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.kelompok_sdh" 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">Sub Kelompok ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.sub_kelompok_sblm"
|
||||
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">Sub Kelopok ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.sub_kelompok_sdh"
|
||||
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">Fasilitas ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.fasilitas_id_sblm"
|
||||
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">Fasilitas ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.fasilitas_id_sdh"
|
||||
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">Sub Fasilitas ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.sub_fasilitas_id_sblm"
|
||||
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">Sub Fasilitas ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.sub_fasilitas_id_sdh"
|
||||
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">Equipment ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.equipment_id_sblm"
|
||||
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">Equipment ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.equipment_id_sdh"
|
||||
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">Event Damage ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.event_damage_sblm"
|
||||
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">Event Damage ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.event_damage_sdh"
|
||||
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">Cause ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.cause_id_sblm" 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">Cause ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.cause_id_sdh" 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">Cause Group ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.cause_group_id_sblm" 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">Cause Group ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.cause_group_id_sdh" 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">Weather ID Sebelum:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.weather_id_sblm"
|
||||
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">Weather ID Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.weather_id_sdh"
|
||||
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">Group Koreksi:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.grup_koreksi" 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">ALASAN:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.alasan" 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">IDPEL/NO METER:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.idpel_nometer" 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">Keterangan Pelapor:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.keterangan_pelapor"
|
||||
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">Posko:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nama_posko" 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">Tindakan:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.tindakan" 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">Penyebab:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.penyebab" class-name="flex-1" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1022,21 +1146,17 @@ const getDetail = () => {
|
||||
: new Date().toISOString().slice(0, 10),
|
||||
posko: ref?.id_posko ? ref?.id_posko : 0,
|
||||
idUid: ref?.id_uid ? ref?.id_uid : 0,
|
||||
idUp3: ref?.id_up3 ? ref?.id_up3 : 0,
|
||||
idRegu: ref?.id_regu ? ref?.id_regu : 0,
|
||||
idUlp: ref?.id_ulp ? ref?.id_ulp : 0,
|
||||
namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
|
||||
media: ref?.media ? ref?.media : ''
|
||||
idUp3: ref?.id_up3 ? ref?.id_up3 : 0
|
||||
}
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
queries.gangguan.rekap.gangguanAllDetail,
|
||||
queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail,
|
||||
query
|
||||
)
|
||||
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
dataSub.value = queryResult.data.detailGangguan
|
||||
dataSub.value = queryResult.data.detailGangguanKoreksiTransaksiIndividu
|
||||
}
|
||||
})
|
||||
|
||||
@ -1098,8 +1218,8 @@ const onExporting = (e: any) => {
|
||||
const onDataSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
if (selectedRowsData[0] != undefined) {
|
||||
dataSelected.value = selectedRowsData[0]
|
||||
showDetail()
|
||||
}
|
||||
showDetail()
|
||||
}
|
||||
|
||||
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
@ -1131,7 +1251,6 @@ const filterData = (params: any) => {
|
||||
if (queryResult.data != undefined) {
|
||||
data.value = queryResult.data.rekapitulasiGangguanKoreksiTransaksiIndividual
|
||||
}
|
||||
console.log(queryResult.data)
|
||||
})
|
||||
|
||||
onError((error) => {
|
||||
|
||||
@ -44,8 +44,8 @@
|
||||
<DxColumn
|
||||
:width="50"
|
||||
alignment="center"
|
||||
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
|
||||
caption="NO"
|
||||
data-field="number"
|
||||
data-type="number"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
@ -447,7 +447,7 @@
|
||||
</template>
|
||||
|
||||
<template #formatRating="{ data }">
|
||||
<p class="cursor-pointer">
|
||||
<div class="flex justify-center cursor-pointer">
|
||||
<vue3starRatings
|
||||
v-model="data.text"
|
||||
:starSize="20"
|
||||
@ -456,7 +456,7 @@
|
||||
:numberOfStars="5"
|
||||
:disableClick="true"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
</DxDataGrid>
|
||||
</div>
|
||||
@ -780,9 +780,16 @@ const filterData = (params: any) => {
|
||||
})
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
data.value = queryResult.data.rekapitulasiGangguanRatingPerPosko
|
||||
const refs = [...queryResult.data.rekapitulasiGangguanRatingPerPosko].sort((a: any, b: any) =>
|
||||
a.nama_up3.localeCompare(b.nama_up3)
|
||||
)
|
||||
data.value = refs.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log(queryResult.data)
|
||||
})
|
||||
onError((error) => {
|
||||
console.log(error)
|
||||
@ -1201,6 +1208,13 @@ onMounted(() => {
|
||||
persen_nonrating: 5.88235294117647
|
||||
}
|
||||
]
|
||||
.sort((a: any, b: any) => a.nama_up3.localeCompare(b.nama_up3))
|
||||
.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -42,12 +42,21 @@
|
||||
<DxColumn
|
||||
:width="50"
|
||||
alignment="center"
|
||||
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
|
||||
caption="NO"
|
||||
data-field="number"
|
||||
data-type="number"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="nama_up3"
|
||||
caption="UP3"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
:group-index="0"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
@ -438,7 +447,7 @@
|
||||
</template>
|
||||
|
||||
<template #formatRating="{ data }">
|
||||
<p class="cursor-pointer">
|
||||
<div class="flex justify-center cursor-pointer">
|
||||
<vue3starRatings
|
||||
v-model="data.text"
|
||||
:starSize="20"
|
||||
@ -447,7 +456,7 @@
|
||||
:numberOfStars="5"
|
||||
:disableClick="true"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
</DxDataGrid>
|
||||
</div>
|
||||
@ -765,7 +774,15 @@ const filterData = (params: any) => {
|
||||
})
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
data.value = queryResult.data.rekapitulasiGangguanRatingPerRegu
|
||||
const refs = [...queryResult.data.rekapitulasiGangguanRatingPerRegu].sort((a: any, b: any) =>
|
||||
a.nama_up3.localeCompare(b.nama_up3)
|
||||
)
|
||||
data.value = refs.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log(queryResult.data)
|
||||
})
|
||||
@ -1183,6 +1200,13 @@ onMounted(() => {
|
||||
persen_nonrating: 0
|
||||
}
|
||||
]
|
||||
.sort((a: any, b: any) => a.nama_up3.localeCompare(b.nama_up3))
|
||||
.map((ref: any, index: number) => {
|
||||
return {
|
||||
...ref,
|
||||
number: index + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -973,6 +973,70 @@ export const queries = {
|
||||
}
|
||||
}
|
||||
`,
|
||||
gangguanKoreksiTransaksiIndividualDetail: gql`
|
||||
query detailGangguanKoreksiTransaksiIndividu(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$posko: Int!
|
||||
$idUid: Int!
|
||||
$idUp3: Int!
|
||||
) {
|
||||
detailGangguanKoreksiTransaksiIndividu(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
posko: $posko
|
||||
idUid: $idUid
|
||||
idUp3: $idUp3
|
||||
) {
|
||||
id
|
||||
no_laporan
|
||||
tgl_lapor
|
||||
tgl_lapor_sblm
|
||||
tgl_lapor_sdh
|
||||
tgl_penugasan_sblm
|
||||
tgl_penugasan_sdh
|
||||
tgl_perjalanan_sblm
|
||||
tgl_perjalanan_sdh
|
||||
tgl_pengerjaan_sblm
|
||||
tgl_pengerjaan_sdh
|
||||
tgl_nyala_sementara_sblm
|
||||
tgl_nyala_sementara_sdh
|
||||
tgl_nyala_sblm
|
||||
tgl_nyala_sdh
|
||||
tgl_selesai_sblm
|
||||
tgl_selesai_sdh
|
||||
durasi_response_time_sblm
|
||||
durasi_recovery_time_sblm
|
||||
durasi_response_time_sdh
|
||||
durasi_recovery_time_sdh
|
||||
kelompok_sblm
|
||||
kelompok_sdh
|
||||
sub_kelompok_sblm
|
||||
sub_kelompok_sdh
|
||||
fasilitas_id_sblm
|
||||
fasilitas_id_sdh
|
||||
sub_fasilitas_id_sblm
|
||||
sub_fasilitas_id_sdh
|
||||
equipment_id_sblm
|
||||
equipment_id_sdh
|
||||
event_damage_sblm
|
||||
event_damage_sdh
|
||||
cause_id_sblm
|
||||
cause_id_sdh
|
||||
cause_group_id_sblm
|
||||
cause_group_id_sdh
|
||||
weather_id_sblm
|
||||
weather_id_sdh
|
||||
grup_koreksi
|
||||
alasan
|
||||
idpel_nometer
|
||||
keterangan_pelapor
|
||||
nama_posko
|
||||
tindakan
|
||||
penyebab
|
||||
}
|
||||
}
|
||||
`,
|
||||
jenisGangguanSE004: gql`
|
||||
query rekapitulasiJenisGangguanSE004(
|
||||
$dateFrom: Date!
|
||||
@ -1137,6 +1201,60 @@ export const queries = {
|
||||
}
|
||||
}
|
||||
`,
|
||||
gangguanDiselesaikanMobileAPKTDetail: gql`
|
||||
query detailGangguanDiselesaikanMobileApkt(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$posko: Int!
|
||||
$idUid: Int!
|
||||
$idUp3: Int!
|
||||
$idRegu: Int!
|
||||
) {
|
||||
detailGangguanDiselesaikanMobileApkt(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
posko: $posko
|
||||
idUid: $idUid
|
||||
idUp3: $idUp3
|
||||
idRegu: $idRegu
|
||||
) {
|
||||
id
|
||||
nama_regional
|
||||
id_uid
|
||||
nama_uid
|
||||
id_up3
|
||||
nama_up3
|
||||
id_ulp
|
||||
nama_ulp
|
||||
id_posko
|
||||
nama_posko
|
||||
no_laporan
|
||||
pembuat_laporan
|
||||
waktu_lapor
|
||||
waktu_response
|
||||
waktu_recovery
|
||||
durasi_dispatch_time
|
||||
durasi_response_time
|
||||
durasi_recovery_time
|
||||
status_akhir
|
||||
is_marking
|
||||
referensi_marking
|
||||
idpel_nometer
|
||||
nama_pelapor
|
||||
alamat_pelapor
|
||||
no_telp_pelapor
|
||||
keterangan_pelapor
|
||||
media
|
||||
jarak_closing
|
||||
dispatch_oleh
|
||||
diselesaikan_oleh
|
||||
penyebab
|
||||
tindakan
|
||||
kode_gangguan
|
||||
jenis_gangguan
|
||||
}
|
||||
}
|
||||
`,
|
||||
rekapGangguanAlihPosko: gql`
|
||||
query rekapitulasiGangguanCleansingTransaksiTM(
|
||||
$dateFrom: Date!
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user