Refactor API queries in api.graphql.ts and update component in Anomali_LAPPGU_LPT.vue

This commit is contained in:
Dede Fuji Abdul
2024-04-28 21:17:23 +07:00
parent 1ade86c931
commit 1f2c9e9109
3 changed files with 131 additions and 14 deletions

View File

@ -316,7 +316,7 @@
<DetailDialog
:open="dialogDetail"
title="Daftar Detail Anomali Penanganan Pengaduan Berulang Petugas"
:title="`Daftar Detail Anomali Penanganan Pengaduan Berulang Petugas ${filters.jenisLaporan.name}`"
@on-close="closedialogDetail"
:full-width="true"
>
@ -391,7 +391,7 @@
<DxColumn
:width="150"
alignment="center"
data-field=""
data-field="nama_petugas"
caption="Nama Petugas"
css-class="custom-table-column"
cell-template="formatText"
@ -405,9 +405,36 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field=""
data-field="rating"
caption="Rating"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field="feedback"
caption="Feedback"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field="ulasan"
caption="Ulasan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
data-field="no_laporan_referensi"
caption="No Laporan Referensi"
css-class="custom-table-column"
cell-template="formatText"
@ -551,7 +578,7 @@
<DxColumn
:width="150"
alignment="center"
data-field=""
data-field="status_induk"
caption="Status Induk"
css-class="custom-table-column"
cell-template="formatText"
@ -567,7 +594,7 @@
<DxColumn
:width="150"
alignment="center"
data-field=""
data-field="referensi_marking_induk"
caption="Referensi Marking Induk"
css-class="custom-table-column"
cell-template="formatText"
@ -644,7 +671,7 @@
<div 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" value="" class-name="flex-1" />
<InputText :readonly="true" :value="dataSubSelected?.nama_petugas" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
@ -652,9 +679,37 @@
<InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
</div>
<div
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
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
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Feedback:</h3>
<InputText :readonly="true" :value="dataSubSelected?.feedback" class-name="flex-1" />
</div>
<div
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Ulasan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.ulasan" 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 Referensi:</h3>
<InputText :readonly="true" value="" class-name="flex-1" />
<InputText
:readonly="true"
:value="dataSubSelected?.no_laporan_referensi"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
@ -802,7 +857,7 @@
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status Induk:</h3>
<InputText :readonly="true" value="" class-name="flex-1" />
<InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
@ -816,7 +871,11 @@
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking Induk:</h3>
<InputText :readonly="true" value="" class-name="flex-1" />
<InputText
:readonly="true"
:value="dataSubSelected?.referensi_marking_induk"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full">

View File

@ -540,7 +540,7 @@
<DetailDialog
:open="dialogDetail"
title="Daftar Detail Anomali Penanganan Pengaduan"
:title="`Daftar Detail Anomali Penanganan Pengaduan ${filters.jenisLaporan.name}`"
@on-close="closedialogDetail"
:full-width="true"
>
@ -620,6 +620,33 @@
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field="rating"
caption="Rating"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field="feedback"
caption="Feedback"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
:width="150"
alignment="center"
data-field="ulasan"
caption="Ulasan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
:width="150"
alignment="center"
@ -627,6 +654,7 @@
caption="No Laporan Referensi"
css-class="custom-table-column"
cell-template="formatText"
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
/>
<DxColumn
:width="150"
@ -845,12 +873,44 @@
<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="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">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="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
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
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Feedback:</h3>
<InputText :readonly="true" :value="dataSubSelected?.feedback" class-name="flex-1" />
</div>
<div
v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Ulasan:</h3>
<InputText :readonly="true" :value="dataSubSelected?.ulasan" class-name="flex-1" />
</div>
<div
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
<InputText
:readonly="true"