From f7630c19edf8e711bc782754d7bb088c5de963ae Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 2 May 2024 21:32:52 +0700
Subject: [PATCH] Fix conditional rendering issue in Anomali_LAPPGP_LPP.vue

---
 .../Anomali/Gangguan/Anomali_LAPPGP_LPP.vue   | 51 ++++++++++++-------
 src/utils/api/api.graphql.ts                  |  3 ++
 2 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
index 24aafc7..738e967 100755
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
@@ -397,6 +397,7 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name != 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
             data-field="no_laporan"
@@ -404,6 +405,15 @@
             css-class="custom-table-column"
             cell-template="formatText"
           />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
+            :width="150"
+            alignment="center"
+            data-field="no_laporan_laporulang"
+            caption="No Laporan"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
           <DxColumn
             v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
             :width="150"
@@ -435,7 +445,7 @@
             v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
-            data-field="no_laporan_referensi"
+            data-field="no_laporan"
             caption="No Laporan Referensi"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -588,7 +598,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="referensi_marking"
+            data-field="marking"
             caption="Referensi Marking"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -679,7 +689,18 @@
 
         <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" />
+          <InputText
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
+            :readonly="true"
+            :value="dataSubSelected?.no_laporan_laporulang"
+            class-name="flex-1"
+          />
+          <InputText
+            v-else
+            :readonly="true"
+            :value="dataSubSelected?.no_laporan"
+            class-name="flex-1"
+          />
         </div>
 
         <div
@@ -711,11 +732,7 @@
           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="dataSubSelected?.no_laporan_referensi"
-            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">
@@ -871,11 +888,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.referensi_marking"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.marking" class-name="flex-1" />
         </div>
 
         <div
@@ -1049,12 +1062,12 @@ const getDetail = async () => {
           dataSub.value =
             result.data.data.subDetailAnomaliPenangananPengaduanGangguanPetugasSkipStep
         }
-        dataSub.value = dataSub.value.map((item: any) => {
-          return {
-            ...item,
-            nama_petugas: selected?.nama_petugas
-          }
-        })
+        // dataSub.value = dataSub.value.map((item: any) => {
+        //   return {
+        //     ...item,
+        //     nama_petugas: selected?.nama_petugas
+        //   }
+        // })
       } else {
         dataSub.value = []
       }
diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts
index 9357bbf..7f95fdd 100755
--- a/src/utils/api/api.graphql.ts
+++ b/src/utils/api/api.graphql.ts
@@ -4390,6 +4390,7 @@ export const queries = {
             isMarking: $isMarking
             namaPetugas: $namaPetugas
           ) {
+            nama_petugas
             id
             id_uid
             nama_uid
@@ -4507,6 +4508,7 @@ export const queries = {
             isMarking: $isMarking
             namaPetugas: $namaPetugas
           ) {
+            nama_petugas
             id
             id_uid
             nama_uid
@@ -4634,6 +4636,7 @@ export const queries = {
             isMarking: $isMarking
             namaPetugas: $namaPetugas
           ) {
+            nama_petugas
             id
             id_uid
             nama_uid