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

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue

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

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue

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

src/utils/api/api.graphql.ts

@@ -4103,7 +4103,7 @@ export const queries = {
             nama_up3
             id_ulp
             nama_ulp
-            no_laporan
+            no_laporan_anomali
             no_laporan_referensi
             referensi_marking
             referensi_marking_induk
@@ -4205,7 +4205,6 @@ export const queries = {
             id_ulp
             nama_ulp
             no_laporan
-            no_laporan_referensi
             referensi_marking
             referensi_marking_induk
             waktu_lapor
@@ -4306,7 +4305,6 @@ export const queries = {
             id_ulp
             nama_ulp
             no_laporan
-            no_laporan_referensi
             referensi_marking
             referensi_marking_induk
             waktu_lapor