Add shading color to DxLoadPanel components

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

@@ -23,6 +23,7 @@
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
       <DxLoadPanel
+        shading-color="rgba(0,0,0,0.4)"
         :position="position"
         :show-indicator="showIndicator"
         :show-pane="showPane"
@@ -265,6 +266,7 @@
             :show-navigation-buttons="true"
           />
           <DxLoadPanel
+            shading-color="rgba(0,0,0,0.4)"
             :position="position"
             :show-indicator="showIndicator"
             :show-pane="showPane"
@@ -686,8 +688,9 @@ const getDetail = () => {
   })
 }
 
+const currentDataSelected = ref<any>(null)
 const showDetail = () => {
-  if (dataSelected.value != null) {
+  if (currentDataSelected.value === dataSelected.value) {
     dataSub.value = []
     dataSubSelected.value = null
     dialogDetail.value = true
@@ -729,6 +732,7 @@ const onExporting = (e: any) => {
 
 const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataSelected.value = selectedRowsData[0]
+  currentDataSelected.value = selectedRowsData[0]
   showDetail()
 }