Refactor data assignment in Anomali_LAPPKU.vue

src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU.vue

@@ -71,12 +71,11 @@ const filterData = async (params: any) => {
     .then((result) => {
       if (result.data.data != undefined) {
         if (jenisLaporan.name == 'Laporan Berulang Unit') {
-          data.value = result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitBerulang
+          data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitBerulang
         } else if (jenisLaporan.name == 'Laporan Rating Negatif') {
-          data.value =
+          data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
-            result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
         } else {
-          data.value = result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
+          data.value = result.data.data.anomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
         }
       } else {
         data.value = []

src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU_LPT.vue

@@ -467,7 +467,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="no_laporan_referensi"
+            data-field="referensi_marking"
             caption="No Laporan Referensi"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -476,7 +476,7 @@
             :width="150"
             alignment="center"
             data-field="waktu_lapor"
-            caption="Tgl/Jam Lapor"
+            caption="Tgl Lapor"
             css-class="custom-table-column"
             cell-template="formatText"
           />
@@ -484,7 +484,7 @@
             :width="150"
             alignment="center"
             data-field="waktu_response"
-            caption="Tgl/Jam Datang"
+            caption="Dalam Proses Bidang"
             css-class="custom-table-column"
             cell-template="formatText"
           />
@@ -492,7 +492,7 @@
             :width="150"
             alignment="center"
             data-field="waktu_recovery"
-            caption="Tgl/Jam Nyala"
+            caption="Selesai Bidang Unit"
             css-class="custom-table-column"
             cell-template="formatText"
           />
@@ -515,35 +515,11 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="durasi_dispatch_time"
+            data-field="status_akhir"
-            caption="Durasi Penugasan Regu"
+            caption="Status"
             css-class="custom-table-column"
             cell-template="formatTime"
           />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="durasi_perjalanan"
-            caption="Durasi Perjalanan Regu"
-            css-class="custom-table-column"
-            cell-template="formatTime"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="distance"
-            caption="Jarak Closing"
-            css-class="custom-table-column"
-            cell-template="formatNumber"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="dispatch_by"
-            caption="Dispacth Oleh"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
           <DxColumn
             :width="150"
             alignment="center"
@@ -587,72 +563,16 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="media"
+            data-field="uraian"
-            caption="Sumber Lapor"
+            caption="Uraian"
             css-class="custom-table-column"
             cell-template="formatText"
           />
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="diselesaikan_oleh"
+            data-field="respon_pelanggan"
-            caption="Diselesaikan Oleh"
+            caption="Response Pelanggan"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="status_akhir"
-            caption="Status"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="status_induk"
-            caption="Status Induk"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="referensi_marking_induk"
-            caption="Referensi Marking Induk"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="kode_gangguan"
-            caption="Kode Gangguan"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="jenis_gangguan"
-            caption="Jenis Gangguan"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="penyebab"
-            caption="Penyebab"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tindakan"
-            caption="Tindaan"
             css-class="custom-table-column"
             cell-template="formatText"
           />
@@ -689,6 +609,11 @@
           <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" />
@@ -698,18 +623,18 @@
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
           <InputText
             :readonly="true"
-            :value="dataSubSelected?.no_laporan_referensi"
+            :value="dataSubSelected?.referensi_marking"
             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>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Lapor:</h3>
           <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">Tgl/Jam Datang:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Dalam Proses Bidang:</h3>
           <InputText
             :readonly="true"
             :value="dataSubSelected?.waktu_response"
@@ -718,7 +643,7 @@
         </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 Nyala:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Selesai Bidang Unit:</h3>
           <InputText
             :readonly="true"
             :value="dataSubSelected?.waktu_recovery"
@@ -753,39 +678,8 @@
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
-          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Penugasan Regu:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Status:</h3>
-          <InputText
+          <InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
-            :readonly="true"
-            class-name="flex-1"
-            :value="
-              parseInt(dataSubSelected?.durasi_recovery_time)
-                ? formatWaktu(dataSubSelected?.durasi_recovery_time)
-                : '-'
-            "
-          />
-        </div>
-
-        <div class="flex flex-row items-center justify-between w-full">
-          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Perjalanan Regu:</h3>
-          <InputText
-            :readonly="true"
-            :value="
-              parseInt(dataSubSelected?.durasi_dispatch_time)
-                ? formatWaktu(dataSubSelected?.durasi_dispatch_time)
-                : '-'
-            "
-            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">Jarak Closing (m):</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.jarak_closing" 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">Dispatch Oleh:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.dispatch_oleh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -828,61 +722,24 @@
         </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>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Uraian:</h3>
-          <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">Diselesaikan Oleh:</h3>
           <InputText
             :readonly="true"
-            :value="dataSubSelected?.diselesaikan_oleh"
+            type="textarea"
+            :value="dataSubSelected?.uraian"
             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">Status:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Response Pelanggan:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.status_akhir" 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">Status Induk:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.status_induk" 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">Referensi Marking Induk:</h3>
           <InputText
             :readonly="true"
-            :value="dataSubSelected?.referensi_marking_induk"
+            type="textarea"
+            :value="dataSubSelected?.respon_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">Kode Gangguan:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.kode_gangguan" 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 Gangguan:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.jenis_gangguan"
-            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">Penyebab:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.penyebab" 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">Tindakan:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.tindakan" class-name="flex-1" />
-        </div>
       </div>
     </div>
   </DetailDialog>
@@ -989,11 +846,14 @@ const getDetail = async () => {
     .then((result) => {
       if (result.data.data != undefined) {
         if (jenisLaporan.name == 'Laporan Berulang Unit') {
-          dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitBerulang
+          dataSub.value =
+            result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitBerulang
         } else if (jenisLaporan.name == 'Laporan Rating Negatif') {
-          dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitRatingNegatif
+          dataSub.value =
+            result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitRatingNegatif
         } else {
-          dataSub.value = result.data.data.detailAnomaliPenangananPengaduanKeluhanUnitSkipStep
+          dataSub.value =
+            result.data.data.detailAnomaliLaporanPenangananPengaduanKeluhanUnitSkipStep
         }
       } else {
         dataSub.value = []