Remove unused code references in several Vue components

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!
-  dataGrid.clearSelection()
+  try {
+    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()
   }
-  showDetail()
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {