CTT KWH Periksa Detail
This commit is contained in:
Dede Fuji Abdul
parent
44c1724153
commit
1e6513cbe2
@ -73,7 +73,7 @@
|
||||
data-type="number"
|
||||
caption="a"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberWoCC"
|
||||
/>
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
|
||||
@ -84,7 +84,7 @@
|
||||
data-type="number"
|
||||
caption="b"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberWoPLMMobile"
|
||||
/>
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="COMCEN" css-class="custom-table-column">
|
||||
@ -95,7 +95,7 @@
|
||||
data-type="number"
|
||||
caption="c"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberWoComcen"
|
||||
/>
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="Total" css-class="custom-table-column">
|
||||
@ -106,7 +106,7 @@
|
||||
data-type="number"
|
||||
caption="d=a+b+c"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberWoTotal"
|
||||
/>
|
||||
</DxColumn>
|
||||
</DxColumn>
|
||||
@ -119,7 +119,7 @@
|
||||
data-type="number"
|
||||
caption="e"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberRekomendasi1"
|
||||
/>
|
||||
</DxColumn>
|
||||
<DxColumn
|
||||
@ -134,7 +134,7 @@
|
||||
data-type="number"
|
||||
caption="f"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberRekomendasi2"
|
||||
/>
|
||||
</DxColumn>
|
||||
</DxColumn>
|
||||
@ -146,7 +146,7 @@
|
||||
data-type="number"
|
||||
caption="g"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberDlpd"
|
||||
/>
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="Histori P2TL" css-class="custom-table-column">
|
||||
@ -157,7 +157,7 @@
|
||||
data-type="number"
|
||||
caption="h"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
cell-template="formatNumberHistory"
|
||||
/>
|
||||
</DxColumn>
|
||||
|
||||
@ -179,6 +179,182 @@
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberWoPLMMobile="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 2,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberWoCC="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 1,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberWoComcen="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 3,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberWoTotal="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberRekomendasi1="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 1,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberRekomendasi2="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 2,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberDlpd="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 1,
|
||||
historyP2tl: 0
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumberHistory="{ data }">
|
||||
<p
|
||||
class="text-right cursor-pointer"
|
||||
@click="
|
||||
setRequirementData({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 1
|
||||
})
|
||||
"
|
||||
>
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
? formatPercentage(data.text)
|
||||
: formatNumber(data.text)
|
||||
: data.text
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<DxSummary :calculate-custom-summary="calculateCustomSummary">
|
||||
<DxGroupItem
|
||||
column="wo_cc123"
|
||||
@ -305,7 +481,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nama_uid"
|
||||
caption="UIW/D"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -313,7 +489,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nama_up3"
|
||||
caption="UP3"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -321,7 +497,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nama_ulp"
|
||||
caption="Rayon"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -329,7 +505,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="id_pelanggan"
|
||||
caption="IDPEL"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -337,7 +513,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nomormeter"
|
||||
caption="NOMETER"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -345,7 +521,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="no_telp_pelapor"
|
||||
caption="No. Telpon"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -353,7 +529,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="nama_pelapor"
|
||||
caption="Nama"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -361,7 +537,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="alamat_pelapor"
|
||||
caption="Alamat"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -369,7 +545,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="media"
|
||||
caption="Sumber Lapor"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -377,7 +553,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="no_laporan"
|
||||
caption="No Laporan"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -385,15 +561,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
caption=""
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r08"
|
||||
caption="08"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -401,7 +569,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r70"
|
||||
caption="70"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -409,7 +577,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r71"
|
||||
caption="71"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -417,7 +585,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r41"
|
||||
caption="41"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -425,7 +593,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r44"
|
||||
caption="44"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -433,7 +601,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r45"
|
||||
caption="45"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -441,7 +609,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r46"
|
||||
caption="46"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -449,7 +617,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r37"
|
||||
caption="37"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -457,7 +625,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="r47"
|
||||
caption="47"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -465,7 +633,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="jenis_dlpd"
|
||||
caption="Jenis DLPD"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -473,7 +641,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="keterangan_dlpd"
|
||||
caption="Keterangan DLPD"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -481,7 +649,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="blth_dlpd"
|
||||
caption="Bulan Tahun DLPD"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -489,7 +657,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="no_agenda_p2tl"
|
||||
caption="No. Agenda P2TL"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -497,7 +665,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_mohon_p2tl"
|
||||
caption="Tgl Mohon P2T"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -505,7 +673,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="tgl_sah_p2tl"
|
||||
caption="Tgl Sah P2TL"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -513,7 +681,15 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="Rekomendasi Sistem"
|
||||
data-field="rekomendasi_sistem"
|
||||
caption="Rekomendasi Sistem"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="waktu_lapor"
|
||||
caption="Tgl/Jam Lapor"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -521,7 +697,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="petugas_regu"
|
||||
caption="Petugas Regu"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -529,7 +705,7 @@
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field=""
|
||||
data-field="user_vcc"
|
||||
caption="User VCC"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatText"
|
||||
@ -559,142 +735,171 @@
|
||||
<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">UIW/D:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nama_uid" 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">UP3:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nama_up3" 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">Rayon:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nama_ulp" 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:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.id_pelanggan" 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">NOMETER:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nomormeter" 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">No. Telpon:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.no_telp_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">Nama:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.nama_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">Alamat:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.alamat_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">Sumber Lapor:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.media" 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">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">08:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r08" 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">70:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r70" 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">71:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r71" 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">41:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r41" 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">44:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r44" 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">45:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r45" 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">46:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r46" 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">37:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r37" 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">47:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.r47" 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">Jenis DLPD:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.jenis_dlpd" 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 DLPD:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.keterangan_dlpd"
|
||||
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">Bulan Tahun DLPD:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.blth_dlpd" 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">No. Agenda P2TL:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.no_agenda_p2tl"
|
||||
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 Mohon P2T:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.tgl_mohon_p2tl"
|
||||
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 Sah P2TL:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.tgl_sah_p2tl" 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">Rekomendasi Sistem:</h3>
|
||||
<InputText
|
||||
:readonly="true"
|
||||
:value="dataSubSelected?.rekomendasi_sistem"
|
||||
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/Jam Lapor:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.waktu_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">Petugas Regu:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.petugas_regu" 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">User VCC:</h3>
|
||||
<InputText :readonly="true" value="" class-name="flex-1" />
|
||||
<InputText :readonly="true" :value="dataSubSelected?.user_vcc" class-name="flex-1" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -751,6 +956,14 @@ const dialogDetail = ref(false)
|
||||
const closedialogDetail = () => (dialogDetail.value = false)
|
||||
const loadingData = ref(false)
|
||||
const loadingSubData = ref(false)
|
||||
const requirementData = ref<any>({
|
||||
woType: 0,
|
||||
rekomendasiSistem: 0,
|
||||
dlpd: 0,
|
||||
historyP2tl: 0
|
||||
})
|
||||
|
||||
const setRequirementData = (data: any) => (requirementData.value = data)
|
||||
|
||||
let cc123 = 0
|
||||
let plnMobile = 0
|
||||
@ -864,7 +1077,7 @@ const filterData = async (params: any) => {
|
||||
})
|
||||
}
|
||||
|
||||
const getDetail = () => {
|
||||
const getDetail = async () => {
|
||||
const dateValue = filters.value.periode.split(' s/d ')
|
||||
const selected = dataSelected.value
|
||||
|
||||
@ -876,28 +1089,32 @@ const getDetail = () => {
|
||||
? dateValue[1].split('-').reverse().join('-')
|
||||
: new Date().toISOString().slice(0, 10),
|
||||
idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
|
||||
idPosko: selected?.id_posko ? selected?.id_posko : 0,
|
||||
idUid: selected?.id_uid ? selected?.id_uid : 0,
|
||||
idUp3: selected?.id_up3 ? selected?.id_up3 : 0
|
||||
idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
|
||||
namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
|
||||
tipeWo: requirementData.value?.woType ? requirementData.value?.woType : '',
|
||||
rekomendasiSistem: requirementData.value?.rekomendasiSistem,
|
||||
isDlpd: requirementData.value?.dlpd ? requirementData.value?.dlpd : 0,
|
||||
isHistoriP2tl: requirementData.value?.historyP2tl ? requirementData.value?.historyP2tl : 0
|
||||
}
|
||||
|
||||
const { onResult, onError, loading } = useQuery(
|
||||
queries.keluhan.rekap.rekapKeluhanAllDetail,
|
||||
query
|
||||
)
|
||||
|
||||
onResult((queryResult) => {
|
||||
if (queryResult.data != undefined) {
|
||||
dataSub.value = queryResult.data.detailKeluhanAll
|
||||
}
|
||||
})
|
||||
|
||||
onError((error) => {
|
||||
console.log(error)
|
||||
})
|
||||
|
||||
watch(loading, (value) => {
|
||||
loadingSubData.value = value
|
||||
})
|
||||
loadingSubData.value = true
|
||||
await requestGraphQl(queries.cttKwhPeriksa.laporanCttKwhPeriksaDetail, query)
|
||||
.then((result) => {
|
||||
if (result.data.data != undefined) {
|
||||
dataSub.value = result.data.data.detailLaporanCttKwhPeriksa
|
||||
} else {
|
||||
dataSub.value = []
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error(err)
|
||||
})
|
||||
.finally(() => {
|
||||
loadingSubData.value = false
|
||||
dialogDetail.value = true
|
||||
})
|
||||
}
|
||||
|
||||
const dataGridRef = ref<DxDataGrid | null>(null)
|
||||
@ -908,7 +1125,6 @@ const clearSelection = () => {
|
||||
const showDetail = () => {
|
||||
clearSelection()
|
||||
dataSubSelected.value = null
|
||||
dialogDetail.value = true
|
||||
getDetail()
|
||||
}
|
||||
|
||||
|
||||
@ -3550,37 +3550,31 @@ export const queries = {
|
||||
media: $media
|
||||
isMarking: $isMarking
|
||||
) {
|
||||
id
|
||||
nama_regional
|
||||
id_uid
|
||||
nama_uid
|
||||
id_up3
|
||||
nama_up3
|
||||
id_ulp
|
||||
nama_ulp
|
||||
no_laporan
|
||||
referensi_marking
|
||||
waktu_lapor
|
||||
waktu_response
|
||||
waktu_recovery
|
||||
durasi_response_time
|
||||
durasi_recovery_time
|
||||
durasi_dispatch_time
|
||||
durasi_perjalanan
|
||||
distance
|
||||
dispatch_by
|
||||
idpel_nometer
|
||||
nama_pelapor
|
||||
alamat_pelapor
|
||||
no_telp_pelapor
|
||||
keterangan_pelapor
|
||||
media
|
||||
diselesaikan_oleh
|
||||
status_akhir
|
||||
kode_gangguan
|
||||
jenis_gangguan
|
||||
penyebab
|
||||
tindakan
|
||||
id_posko
|
||||
nama_posko
|
||||
nama_petugas
|
||||
nama_unit
|
||||
wo_cc123
|
||||
wo_pln_mobile
|
||||
wo_loket
|
||||
wo_total
|
||||
wo_lainnya
|
||||
anomali_pln_mobile_marking
|
||||
anomali_pln_mobile_non_marking
|
||||
anomali_cc123_marking
|
||||
anomali_cc123_non_marking
|
||||
total_anomali_cc123
|
||||
total_anomali_pln_mobile
|
||||
total_anomali
|
||||
persen_anomali_cc123
|
||||
persen_anomali_pln_mobile
|
||||
persen_anomali
|
||||
}
|
||||
}
|
||||
`,
|
||||
@ -3625,8 +3619,6 @@ export const queries = {
|
||||
`,
|
||||
petugasRatingNegatifDetail: gql`
|
||||
query detailAnomaliPenangananPengaduanGangguanPetugasRatingNegatif(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$namaRegional: String!
|
||||
$idUlp: Int!
|
||||
$idUid: Int!
|
||||
@ -3635,8 +3627,6 @@ export const queries = {
|
||||
$isMarking: Int!
|
||||
) {
|
||||
detailAnomaliPenangananPengaduanGangguanPetugasRatingNegatif(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
namaRegional: $namaRegional
|
||||
idUlp: $idUlp
|
||||
idUid: $idUid
|
||||
@ -3644,37 +3634,31 @@ export const queries = {
|
||||
media: $media
|
||||
isMarking: $isMarking
|
||||
) {
|
||||
id
|
||||
nama_regional
|
||||
id_uid
|
||||
nama_uid
|
||||
id_up3
|
||||
nama_up3
|
||||
id_ulp
|
||||
nama_ulp
|
||||
no_laporan
|
||||
referensi_marking
|
||||
waktu_lapor
|
||||
waktu_response
|
||||
waktu_recovery
|
||||
durasi_response_time
|
||||
durasi_recovery_time
|
||||
durasi_dispatch_time
|
||||
durasi_perjalanan
|
||||
distance
|
||||
dispatch_by
|
||||
idpel_nometer
|
||||
nama_pelapor
|
||||
alamat_pelapor
|
||||
no_telp_pelapor
|
||||
keterangan_pelapor
|
||||
media
|
||||
diselesaikan_oleh
|
||||
status_akhir
|
||||
kode_gangguan
|
||||
jenis_gangguan
|
||||
penyebab
|
||||
tindakan
|
||||
id_posko
|
||||
nama_posko
|
||||
nama_petugas
|
||||
nama_unit
|
||||
wo_cc123
|
||||
wo_pln_mobile
|
||||
wo_loket
|
||||
wo_total
|
||||
wo_lainnya
|
||||
anomali_pln_mobile_marking
|
||||
anomali_pln_mobile_non_marking
|
||||
anomali_cc123_marking
|
||||
anomali_cc123_non_marking
|
||||
total_anomali_cc123
|
||||
total_anomali_pln_mobile
|
||||
total_anomali
|
||||
persen_anomali_cc123
|
||||
persen_anomali_pln_mobile
|
||||
persen_anomali
|
||||
}
|
||||
}
|
||||
`,
|
||||
@ -3719,8 +3703,6 @@ export const queries = {
|
||||
`,
|
||||
petugasSkipStepDetail: gql`
|
||||
query detailAnomaliPenangananPengaduanGangguanPetugasSkipStep(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$namaRegional: String!
|
||||
$idUlp: Int!
|
||||
$idUid: Int!
|
||||
@ -3729,8 +3711,6 @@ export const queries = {
|
||||
$isMarking: Int!
|
||||
) {
|
||||
detailAnomaliPenangananPengaduanGangguanPetugasSkipStep(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
namaRegional: $namaRegional
|
||||
idUlp: $idUlp
|
||||
idUid: $idUid
|
||||
@ -3738,37 +3718,31 @@ export const queries = {
|
||||
media: $media
|
||||
isMarking: $isMarking
|
||||
) {
|
||||
id
|
||||
nama_regional
|
||||
id_uid
|
||||
nama_uid
|
||||
id_up3
|
||||
nama_up3
|
||||
id_ulp
|
||||
nama_ulp
|
||||
no_laporan
|
||||
referensi_marking
|
||||
waktu_lapor
|
||||
waktu_response
|
||||
waktu_recovery
|
||||
durasi_response_time
|
||||
durasi_recovery_time
|
||||
durasi_dispatch_time
|
||||
durasi_perjalanan
|
||||
distance
|
||||
dispatch_by
|
||||
idpel_nometer
|
||||
nama_pelapor
|
||||
alamat_pelapor
|
||||
no_telp_pelapor
|
||||
keterangan_pelapor
|
||||
media
|
||||
diselesaikan_oleh
|
||||
status_akhir
|
||||
kode_gangguan
|
||||
jenis_gangguan
|
||||
penyebab
|
||||
tindakan
|
||||
id_posko
|
||||
nama_posko
|
||||
nama_petugas
|
||||
nama_unit
|
||||
wo_cc123
|
||||
wo_pln_mobile
|
||||
wo_loket
|
||||
wo_total
|
||||
wo_lainnya
|
||||
anomali_pln_mobile_marking
|
||||
anomali_pln_mobile_non_marking
|
||||
anomali_cc123_marking
|
||||
anomali_cc123_non_marking
|
||||
total_anomali_cc123
|
||||
total_anomali_pln_mobile
|
||||
total_anomali
|
||||
persen_anomali_cc123
|
||||
persen_anomali_pln_mobile
|
||||
persen_anomali
|
||||
}
|
||||
}
|
||||
`,
|
||||
@ -4099,6 +4073,70 @@ export const queries = {
|
||||
history_p2lt
|
||||
}
|
||||
}
|
||||
`,
|
||||
laporanCttKwhPeriksaDetail: gql`
|
||||
query detailLaporanCttKwhPeriksa(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$tipeWo: Int!
|
||||
$rekomendasiSistem: Int!
|
||||
$isDlpd: Int!
|
||||
$idUlp: Int!
|
||||
$idPosko: Int!
|
||||
$idUid: Int!
|
||||
$idUp3: Int!
|
||||
$namaRegional: String
|
||||
$isHistoriP2tl: Int!
|
||||
) {
|
||||
detailLaporanCttKwhPeriksa(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
tipeWo: $tipeWo
|
||||
rekomendasiSistem: $rekomendasiSistem
|
||||
isDlpd: $isDlpd
|
||||
idUlp: $idUlp
|
||||
idPosko: $idPosko
|
||||
idUid: $idUid
|
||||
idUp3: $idUp3
|
||||
namaRegional: $namaRegional
|
||||
isHistoriP2tl: $isHistoriP2tl
|
||||
) {
|
||||
id
|
||||
nama_regional
|
||||
id_uid
|
||||
nama_uid
|
||||
id_up3
|
||||
nama_up3
|
||||
id_ulp
|
||||
nama_ulp
|
||||
id_pelanggan
|
||||
nomormeter
|
||||
no_telp_pelapor
|
||||
nama_pelapor
|
||||
alamat_pelapor
|
||||
media
|
||||
no_laporan
|
||||
r08
|
||||
r70
|
||||
r71
|
||||
r41
|
||||
r44
|
||||
r45
|
||||
r46
|
||||
r37
|
||||
r47
|
||||
jenis_dlpd
|
||||
keterangan_dlpd
|
||||
blth_dlpd
|
||||
no_agenda_p2tl
|
||||
tgl_mohon_p2tl
|
||||
tgl_sah_p2tl
|
||||
rekomendasi_sistem
|
||||
waktu_lapor
|
||||
petugas_regu
|
||||
user_vcc
|
||||
}
|
||||
}
|
||||
`
|
||||
},
|
||||
material: {
|
||||
@ -4191,5 +4229,47 @@ export const queries = {
|
||||
}
|
||||
`
|
||||
}
|
||||
},
|
||||
transaksi: {
|
||||
transaksiAPKT: gql`
|
||||
query transaksiApkt(
|
||||
$dateFrom: Date!
|
||||
$dateTo: Date!
|
||||
$idPosko: Int!
|
||||
$idUid: Int!
|
||||
$idUp3: Int!
|
||||
$tipe_sla: Int!
|
||||
$operator_sla: String!
|
||||
$is_sla: Int!
|
||||
$status_akhir: String!
|
||||
$no_laporan: String!
|
||||
) {
|
||||
transaksiApkt(
|
||||
dateFrom: $dateFrom
|
||||
dateTo: $dateTo
|
||||
idPosko: $idPosko
|
||||
idUid: $idUid
|
||||
idUp3: $idUp3
|
||||
tipe_sla: $tipe_sla
|
||||
operator_sla: $operator_sla
|
||||
is_sla: $is_sla
|
||||
status_akhir: $status_akhir
|
||||
no_laporan: $no_laporan
|
||||
) {
|
||||
no_laporan
|
||||
issuetype
|
||||
nama_pelapor
|
||||
nama_posko
|
||||
no_telp_pelapor
|
||||
penyebab
|
||||
keterangan_pelapor
|
||||
waktu_lapor
|
||||
jumlah_lapor
|
||||
tipe_sla
|
||||
operator_sla
|
||||
is_sla
|
||||
}
|
||||
}
|
||||
`
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user