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

@@ -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"