Merge branch 'dev-bagus' of https://github.com/defuj/eis into dev-defuj

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

@@ -4,6 +4,7 @@
   <Filters
     @reset-form="data = []"
     :report-button="true"
+    @run-report="() => exportToPDF(reportMeta, data, true)"
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
@@ -794,6 +795,7 @@ import InputText from '@/components/InputText.vue'
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
+import { exportToPDF } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguanSE'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -808,6 +810,12 @@ const dataSubSelected = ref<any>(null)
 const dialogDetail = ref(false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
+const reportMeta = ref({
+  uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+  up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+  posko: { id: 0, name: 'Semua Posko' },
+  periode: ''
+})
 
 const closeDialog = () => {
   dialogDetail.value = false
@@ -815,15 +823,7 @@ const closeDialog = () => {
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
-
-    exportToPdf({
-      jsPDFDocument: doc,
-      component: e.component,
-      indent: 5
-    }).then(() => {
-      doc.save(`.pdf`)
-    })
+    exportToPDF(reportMeta.value, data.value)
   } else {
     const workbook = new Workbook()
     const worksheet = workbook.addWorksheet('Employees')
@@ -865,6 +865,8 @@ const filterData = (params: any) => {
     if (queryResult.data != undefined) {
       data.value = queryResult.data.rekapitulasiJenisGangguanSE004
     }
+
+    reportMeta.value = filters.value
   })
 
   onError((queryError) => {

src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue

@@ -56,6 +56,7 @@
         :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
         data-type="number"
         caption="No"
+        cell-template="formatNumber"
       />
       <DxColumn
         :width="170"
@@ -87,6 +88,7 @@
         data-field="nama_ulp"
         caption="ULP"
         css-class="custom-table-column !align-top"
+        cell-template="formatText"
       />
       <DxColumn
         :width="170"

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

@@ -25,7 +25,7 @@
       column-resizing-mode="widget"
       :word-wrap-enabled="true"
     >
-      <DxGrouping :auto-expand-all="false" :context-menu-enabled="true" expand-mode="rowClick" />
+      <DxGrouping :auto-expand-all="false" expand-mode="rowClick" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -56,7 +56,7 @@
       />
 
       <DxColumn
-        :width="200"
+        :width="150"
         alignment="center"
         data-field=""
         caption="Semua Unit"
@@ -792,9 +792,12 @@ import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { queries } from '@/utils/api/api.graphql'
-import { dummyData } from '@/utils/dummy'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
+import { apolloClient } from '@/utils/api/api.graphql'
+import { provideApolloClient } from '@vue/apollo-composable'
 
+const client = apolloClient()
+provideApolloClient(client)
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -808,19 +811,11 @@ const closedialogDetail = () => (dialogDetail.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
 
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, {
-  dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
-  dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
-  idUlp: 0,
-  idUid: 0,
-  idUp3: 0
-})
-
 const filterData = (params: any) => {
   const { ulp, uid, up3 } = params
   const dateValue = params.periode.split(' s/d ')
 
-  refetch({
+  const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, {
     dateFrom: dateValue[0]
       ? dateValue[0].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
@@ -836,7 +831,6 @@ const filterData = (params: any) => {
     if (queryResult.data != undefined) {
       data.value = queryResult.data.rekapitulasiKeluhanAll
     }
-    console.log(queryResult.data)
   })
 
   onError((error) => {
@@ -848,17 +842,52 @@ const filterData = (params: any) => {
   })
 }
 
-const getDetail = () => {
-  dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanAll
+const getDetail = async () => {
+  loadingSubData.value = true
+  const dateValue = filters.value.periode.split(' s/d ')
+  const selected = dataSelected.value
+
+  const query = {
+    dateFrom: dateValue[0]
+      ? dateValue[0].split('-').reverse().join('-')
+      : new Date().toISOString().slice(0, 10),
+    dateTo: dateValue[1]
+      ? dateValue[1].split('-').reverse().join('-')
+      : new Date().toISOString().slice(0, 10),
+    idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
+    idUid: selected?.id_uid ? selected?.id_uid : 0,
+    idUp3: selected?.id_up3 ? selected?.id_up3 : 0
+  }
+
+  const result = useQuery(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
+
+  result.onResult((queryResult) => {
+    if (queryResult.data != undefined) {
+      dataSub.value = queryResult.data.detailRekapitulasiKeluhanAll
+    }
+  })
+
+  result.onError((error) => {
+    console.log(error)
+  })
+
+  watch(result.loading, (value) => {
+    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()
+  dataSub.value = []
+  dataSubSelected.value = null
   dialogDetail.value = true
   getDetail()
 }
@@ -895,14 +924,13 @@ const onExporting = (e: any) => {
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSelected.value = selectedRowsData[0]
+    showDetail()
   }
-  showDetail()
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataSubSelected.value = data
-  console.log(data)
 }
 
 const filters = ref()