From 3898e9f80d960e6491c76919afa1acb784585393 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 9 Nov 2023 10:58:58 +0700
Subject: [PATCH] Update table column captions and cell templates

---
 src/components/Pages/Gangguan/Table_1.vue | 52 +++++++++++------------
 1 file changed, 24 insertions(+), 28 deletions(-)

diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue
index e14adf7..36183f3 100644
--- a/src/components/Pages/Gangguan/Table_1.vue
+++ b/src/components/Pages/Gangguan/Table_1.vue
@@ -16,43 +16,44 @@
             <DxColumn css-class="custom-table-column" :width="50" alignment="center" data-field="number" data-type="number"
                 caption="No" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
-                caption="No Laporan" cell-template="no-laporan" />
+                caption="No Laporan" cell-template="data" />
 
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="pembuat_laporan"
-                caption="Pembuat Laporan" />
+                caption="Pembuat Laporan" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_laporan"
-                caption="Tgl Lapor" />
+                caption="Tgl Lapor" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_dialihkan"
-                caption="Tgl Dialihkan" />
+                caption="Tgl Dialihkan" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_respon"
-                caption="Tgl Response" />
+                caption="Tgl Response" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_recovery"
-                caption="Tgl Recovery" />
+                caption="Tgl Recovery" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_respon"
-                caption="Durasi Response Time" />
+                caption="Durasi Response Time" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery"
-                caption="Durasi Recovery Time" />
+                caption="Durasi Recovery Time" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko_awal"
-                caption="Posko Awal" />
+                caption="Posko Awal" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko_tujuan"
-                caption="Posko Tujuan" />
-            <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status"
-                caption="Status" />
+                caption="Posko Tujuan" cell-template="data" />
+            <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status" caption="Status"
+                cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="id_pelanggan"
-                caption="IDPEL/NO METER" />
+                caption="IDPEL/NO METER" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
-                caption="Nama Pelapor" />
+                caption="Nama Pelapor" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
-                caption="Alamat Pelapor" />
+                caption="Alamat Pelapor" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
-                caption="No Telp Pelapor" />
+                caption="No Telp Pelapor" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
-                caption="Keterangan Pelapor" />
+                caption="Keterangan Pelapor" cell-template="data" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="sumber_laporan"
-                caption="Sumber Lapor" />
-            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" />
-            <template #no-laporan="{ data }">
-                <span class="cursor-pointer" @click="showData(data.text)">
+                caption="Sumber Lapor" cell-template="data" />
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko"
+                cell-template="data" />
+            <template #data="{ data }">
+                <span class="cursor-pointer" @click="showData()">
                     {{ data.text }}
                 </span>
             </template>
@@ -275,16 +276,11 @@ const createDummy = () => {
 const onSelectionChanged = ({ selectedRowsData }: any) => {
     const data = selectedRowsData[0]
     dataDetail.value = data
-    showDetail.value = true
     console.log(data)
 }
 
-const showData = (data: string) => {
-    dialog.type = 'success'
-    dialog.title = 'Detail Data'
-    dialog.content = data
-    dialog.confirmText = 'Tutup'
-    dialog.open = true
+const showData = () => {
+    showDetail.value = true
 }
 
 onMounted(() => {