Remove unused code references in several Vue components

src/components/Pages/Cico/LaporanCICO.vue

@@ -191,7 +191,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue

@@ -520,7 +520,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"
@@ -1146,11 +1145,13 @@ const getDetail = async () => {
   //   loadingSubData.value = value
   // })
 }
-
 const dataGridRef = ref<DxDataGrid | null>(null)
 const clearSelection = () => {
-  const dataGrid = dataGridRef.value!.instance!
+  try {
-  dataGrid.clearSelection()
+    dataGridRef.value?.instance?.clearSelection()
+  } catch (error) {
+    console.log(error)
+  }
 }
 const showDetail = () => {
   clearSelection()
@@ -1296,8 +1297,8 @@ const onExporting = (e: any) => {
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSelected.value = selectedRowsData[0]
-  }
     showDetail()
+  }
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {

src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue

@@ -151,7 +151,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue

@@ -144,7 +144,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue

@@ -424,7 +424,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue

@@ -49,15 +49,7 @@
       />
       <DxColumnFixing :enabled="true" />
 
-      <DxColumn
+      <DxColumn css-class="custom-table-column" :width="60" alignment="center" caption="No" />
-        css-class="custom-table-column"
-        :width="60"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-        cell-template="formatNumber"
-      />
       <DxColumn
         :width="120"
         alignment="center"
@@ -436,7 +428,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"
@@ -866,7 +857,7 @@ const filterData = (params: any) => {
 
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      // data.value = queryResult.data.rekapitulasiJenisGangguanSE004
+      data.value = queryResult.data.rekapitulasiJenisGangguanSE004
       console.log(queryResult.data.rekapitulasiJenisGangguanSE004)
     }
   })
@@ -949,32 +940,6 @@ const filters = ref()
 onMounted(() => {
   if (import.meta.env.DEV) {
     data.value = [
-      {
-        id: 42,
-        id_fasilitas: '111 (Gardu Induk -> Padam Tidak Terencana -> Distribusi )',
-        sub_kelompok: 'MV Cell',
-        kode: '11111',
-        equipment_id: '11111',
-        total: 345,
-        total_selesai: 345,
-        persen_selesai: 100,
-        total_inproses: 0,
-        persen_inproses: 0,
-        total_durasi_response: 82457,
-        avg_durasi_response: 3.773913043478261,
-        min_durasi_response: 0,
-        max_durasi_response: 30960,
-        total_dibawah_sla_response: 338,
-        total_diatas_sla_response: 7,
-        total_durasi_recovery: 853232,
-        avg_durasi_recovery: 41.00869565217391,
-        min_durasi_recovery: 15,
-        max_durasi_recovery: 90060,
-        total_dibawah_sla_recovery: 338,
-        total_diatas_sla_recovery: 7,
-        total_response: 345,
-        total_recovery: 345
-      },
       {
         id: 42,
         id_fasilitas: '111 (Gardu Induk -> Padam Tidak Terencana -> Distribusi )',

src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue

@@ -313,7 +313,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue

@@ -521,7 +521,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue

@@ -279,7 +279,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue

@@ -242,7 +242,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue

@@ -233,7 +233,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue

@@ -431,7 +431,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue

@@ -130,7 +130,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="data"

src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue

@@ -398,7 +398,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="data"

src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue

@@ -553,7 +553,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue

@@ -410,7 +410,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="data"

src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue

@@ -413,7 +413,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="data"

src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue

@@ -552,7 +552,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue

@@ -140,7 +140,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue

@@ -341,7 +341,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue

@@ -663,7 +663,6 @@
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
         <DxDataGrid
-          ref="dataGridRef"
           :allow-column-reordering="true"
           class="max-h-[calc(100vh-140px)]"
           :data-source="dataSub"