Update table components to include a "No" column

src/components/Pages/Keluhan/Table_29.vue

@@ -1,4 +1,3 @@
-<!-- Rekapitulasi Keluhan All -->
 <template>
     <div>
         <DxDataGrid class="max-h-[calc(100vh-140px)]" :data-source="data" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
@@ -13,7 +12,10 @@
             <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
             <DxColumnFixing :enabled="true" />
 
-            <DxColumn :width="50" alignment="center" data-field="" caption="NO" css-class="custom-table-column" />
+             <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+            :calculateCellValue="(item:any) => data.findIndex((i)=>i == item)+1"
+             data-type="number"
+                caption="No" />
             <DxColumn :width="170" alignment="center" data-field="" caption="Fungsi Bidang"
                 css-class="custom-table-column" />
             <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
@@ -130,7 +132,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 
 const data = ref<any[]>([])
 const GET_DATA = gql`
-query rekapitulasiKeluhanAll
+query rekapitulasiKeluhanPerFungsiBidang
 (
     $dateFrom: Date!
     $dateTo: Date!
@@ -138,7 +140,7 @@ query rekapitulasiKeluhanAll
     $idUid: Int!
     $idUp3: Int!
 ) {
-    rekapitulasiKeluhanAll
+    rekapitulasiKeluhanPerFungsiBidang
 (
         dateFrom: $dateFrom
         dateTo: $dateTo
@@ -150,7 +152,7 @@ query rekapitulasiKeluhanAll
         avg_durasi_recovery
         avg_durasi_response
         id_uid
-        id_up3!
+        id_up3
         max_durasi_dispatch
         max_durasi_recovery
         max_durasi_response
@@ -184,7 +186,7 @@ onMounted(() => {
 
     onResult((queryResult) => {
         if (queryResult.data != undefined) {
-            data.value = queryResult.data.rekapitulasiKeluhanAll
+            data.value = queryResult.data.rekapitulasiKeluhanPerFungsiBidang
             loadingVisible.value = false
         }
         console.log(queryResult.data)