Update file permissions for multiple files

src/components/Pages/Monalisa/Table_48.vue

@@ -6,7 +6,7 @@
             " />
     </Filters>
     <div id="data">
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        <DxDataGrid class="max-h-[calc(100vh-140px)]" :data-source="data" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
             :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
             :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
             :word-wrap-enabled="true">
@@ -26,11 +26,11 @@
                         <DxColumn :width="150" alignment="center" caption="a" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="Jumlah Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="Jumlah Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="b" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="RPT Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="RPT Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="c=a/b" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
@@ -38,11 +38,11 @@
                         <DxColumn :width="150" alignment="center" caption="d" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="Jumlah Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="Jumlah Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="e" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="RCT Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="RCT Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="f=d/e" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
@@ -52,11 +52,11 @@
                         <DxColumn :width="150" alignment="center" caption="a" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="Jumlah Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="Jumlah Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="b" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="RPT Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="RPT Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="c=a/b" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
@@ -64,11 +64,11 @@
                         <DxColumn :width="150" alignment="center" caption="d" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="Jumlah Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="Jumlah Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="e" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
-                    <DxColumn alignment="center" caption="RCT Gangguan" css-class="custom-table-column">
+                    <DxColumn alignment="center" caption="RCT Keluhan" css-class="custom-table-column">
                         <DxColumn :width="150" alignment="center" caption="f=d/e" data-type="number" data-field=""
                             css-class="custom-table-column" />
                     </DxColumn>
@@ -89,6 +89,8 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
+import { useQuery } from '@vue/apollo-composable'
+import gql from 'graphql-tag'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -96,7 +98,7 @@ const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
-const loading = ref(false)
+
 const onExporting = (e: any) => {
     if (e.format === 'pdf') {
         const doc = new jsPDF()
@@ -130,9 +132,77 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     const data = selectedRowsData[0]
     console.log(data)
 }
-const filterData = (params:any) => 
-{   
-    console.log(params)
+const monalisaJumlahDurasiRptRctKeluhan = gql`
+  query DaftarmonalisaJumlahDurasiRptRctKeluhan(
+    $regional: String
+    $posko: String
+    $idUid: Int
+    $idUp3: Int
+    $bulan: Int
+    $tahun: Int
+  ) {
+    monalisaJumlahDurasiRptRctKeluhan(
+      regional: $regional
+      posko: $posko
+      idUid: $idUid
+      idUp3: $idUp3
+      bulan: $bulan
+      tahun: $tahun
+    ) {
+      jumlah_keluhan_rct_bulan
+      jumlah_keluhan_rct_sampai_bulan
+      jumlah_keluhan_rpt_bulan
+      jumlah_keluhan_rpt_sampai_bulan
+      nama_posko
+      rct_keluhan_bulan
+      rct_keluhan_sampai_bulan
+      rpt_keluhan_bulan
+      rpt_keluhan_sampai_bulan
+      total_rct_bulan
+      total_rct_sampai_bulan
+      total_rpt_bulan
+      total_rpt_sampai_bulan
+    }
+  }
+`
+const { onResult, onError, loading, refetch } = useQuery(monalisaJumlahDurasiRptRctKeluhan, {
+  bulan: 10,
+  tahun: 2023,
+  regional: '',
+  posko: '',
+  idUid: 0,
+  idUp3: 0
+})
+const filterData = (params: any) => {
+  const { regional, posko, idUid, idUp3, bulan, tahun } = params;
+
+  refetch({
+    regional: regional,
+    posko: posko ? posko.id : "",
+    idUid: idUid ? idUid.id : 0,
+    idUp3: idUp3 ? idUp3.id : 0,
+    bulan: bulan ? bulan.id : 10,
+    tahun: bulan ? tahun.id : 2023
+  })
+  onResult((queryResult) => {
+    if (queryResult.data != undefined) {
+      queryResult.data.monalisaJumlahDurasiRptRctKeluhan.forEach((item: any) => {
+        data.value = [
+          ...data.value,
+          {
+            ...item
+          }
+        ]
+      })
+    }
+    console.log(queryResult.data)
+    console.log(queryResult.loading)
+    console.log(queryResult.networkStatus)
+  })
+onError((error) => {
+  console.log(error)
+})
 }
+
 const filters = ref()
 </script>