fix: transaksi apkt

src/components/Pages/Transaksi/Transaksi.vue

@@ -71,7 +71,7 @@
         v-if="tab == 'keluhan'"
         :width="170"
         alignment="center"
-        data-field="issuetype"
+        data-field="nama_issuetype"
         caption="Tipe Isu"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -88,7 +88,7 @@
         v-if="tab == 'gangguan'"
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="alamat_pelapor"
         caption="Alamat Pelapor"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -97,7 +97,7 @@
         v-if="tab == 'gangguan'"
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="lokasi"
         caption="Lokasi"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -106,7 +106,7 @@
         v-if="tab == 'gangguan'"
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="nama_posko"
         caption="Posko"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -148,7 +148,7 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field="waktu_lapor"
+        data-field="create_date"
         caption="Tgl Buat"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -157,7 +157,7 @@
         v-if="tab == 'gangguan'"
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="waktu_padam"
         caption="Tgl Padam"
         css-class="custom-table-column"
         cell-template="formatText"
@@ -191,7 +191,7 @@
         v-if="tab == 'keluhan'"
         :width="170"
         alignment="center"
-        data-field="durasi"
+        data-field="durasi_time"
         caption="Durasi"
         css-class="custom-table-column"
         cell-template="formatTime"
@@ -420,15 +420,23 @@ const filterData = async (params: any) => {
     status_akhir: status ? status.name : '',
     no_laporan: searchBy == 'No Lapor' ? keyword : '',
     nama_pelapor: searchBy == 'Nama Pelapor' ? keyword : '',
-    permasalahan: searchBy == 'Permasalahan' ? keyword : '',
-    tipe_laporan: tab.value == 'gangguan' ? 'G' : 'K'
+    permasalahan: searchBy == 'Permasalahan' ? keyword : ''
   }
 
   loadingData.value = true
-  await requestGraphQl(queries.transaksi.transaksiAPKT, query)
+  await requestGraphQl(
+    tab.value == 'gangguan'
+      ? queries.transaksi.transaksiApktGangguan
+      : queries.transaksi.transaksiApktKeluhan,
+    query
+  )
     .then((result) => {
       if (result.data.data != undefined) {
-        data.value = result.data.data.transaksiApkt
+        if (tab.value == 'gangguan') {
+          data.value = result.data.data.transaksiApktGangguan
+        } else {
+          data.value = result.data.data.transaksiApktKeluhan
+        }
       } else {
         data.value = []
       }

src/stores/auth.ts

@@ -5,44 +5,56 @@ import { readData, removeData, writeData } from '@/utils/storage'
 import router from '@/router'
 
 export const useAuthStore = defineStore('auth', () => {
-    // token from localStorage
-    const token = ref(readData('token') || '')
-    // create a shared state
-    const username = ref('')
-    const password = ref('')
-    const isLoading = ref(false)
-    const isLoggedIn = computed(() => token.value !== '')
+  // token from localStorage
+  const token = ref(readData('token') || '')
+  // create a shared state
+  const username = ref('')
+  const password = ref('')
+  const isLoading = ref(false)
+  const isLoggedIn = computed(() => token.value !== '')
 
-    // define your actions
-    const login = () => {
-        if (username.value == '' || password.value == '') {
-            dispatchNotification({ title: 'Perhatian', content: 'Username atau password tidak boleh kosong', type: 'warning' })
+  // define your actions
+  const login = () => {
+    if (username.value == '' || password.value == '') {
+      dispatchNotification({
+        title: 'Perhatian',
+        content: 'Username atau password tidak boleh kosong',
+        type: 'warning'
+      })
+    } else {
+      isLoading.value = true
+      setTimeout(() => {
+        isLoading.value = false
+        if (username.value == 'demo' && password.value == 'demo') {
+          // store token in localStorage
+          writeData('token', 'secret-token')
+          dispatchNotification({
+            title: 'Berhasil',
+            content: 'Login berhasil, selamat datang kembali!',
+            type: 'success'
+          })
+          // redirect to home page after login
+          window.location.reload()
         } else {
-            isLoading.value = true
-            setTimeout(() => {
-                isLoading.value = false
-                if (username.value == 'demo' && password.value == 'demo') {
-                    // store token in localStorage
-                    writeData('token', 'secret-token')
-                    dispatchNotification({ title: 'Berhasil', content: 'Login berhasil, selamat datang kembali!', type: 'success' })
-                    // redirect to home page after login
-                    window.location.reload()
-                } else {
-                    dispatchNotification({ title: 'Login Gagal', content: 'Username atau password salah', type: 'error' })
-                }
-            }, 3000)
+          dispatchNotification({
+            title: 'Login Gagal',
+            content: 'Username atau password salah',
+            type: 'error'
+          })
         }
+      }, 3000)
     }
+  }
 
-    const logout = () => removeData('token')
+  const logout = () => removeData('token')
 
-    return {
-        token,
-        username,
-        password,
-        isLoggedIn,
-        isLoading,
-        login,
-        logout,
-    }
-})
+  return {
+    token,
+    username,
+    password,
+    isLoggedIn,
+    isLoading,
+    login,
+    logout
+  }
+})

src/utils/api/api.graphql.ts

@@ -5257,8 +5257,8 @@ export const queries = {
     }
   },
   transaksi: {
-    transaksiAPKT: gql`
-      query transaksiApkt(
+    transaksiApktKeluhan: gql`
+      query transaksiApktKeluhan(
         $dateFrom: Date!
         $dateTo: Date!
         $idPosko: Int!
@@ -5271,9 +5271,8 @@ export const queries = {
         $no_laporan: String!
         $nama_pelapor: String!
         $permasalahan: String!
-        $tipe_laporan: String!
       ) {
-        transaksiApkt(
+        transaksiApktKeluhan(
           dateFrom: $dateFrom
           dateTo: $dateTo
           idPosko: $idPosko
@@ -5286,22 +5285,74 @@ export const queries = {
           no_laporan: $no_laporan
           nama_pelapor: $nama_pelapor
           permasalahan: $permasalahan
-          tipe_laporan: $tipe_laporan
         ) {
+          id
           no_laporan
-          issuetype
+          nama_issuetype
           nama_pelapor
           nama_ulp
           no_telp_pelapor
           permasalahan
           deskripsi
-          waktu_lapor
+          create_date
           jumlah_lapor
           keterangan_lapor_ulang
           status_akhir
+          durasi_time
           durasi
+          email_pelapor
+          tipe_sla
+          is_sla
+        }
+      }
+    `,
+    transaksiApktGangguan: gql`
+      query transaksiApktGangguan(
+        $dateFrom: Date!
+        $dateTo: Date!
+        $idPosko: Int!
+        $idUlp: Int!
+        $idUid: Int!
+        $idUp3: Int!
+        $tipe_sla: Int!
+        $operator_sla: String!
+        $status_akhir: String!
+        $no_laporan: String!
+        $nama_pelapor: String!
+        $permasalahan: String!
+      ) {
+        transaksiApktGangguan(
+          dateFrom: $dateFrom
+          dateTo: $dateTo
+          idPosko: $idPosko
+          idUlp: $idUlp
+          idUid: $idUid
+          idUp3: $idUp3
+          tipe_sla: $tipe_sla
+          operator_sla: $operator_sla
+          status_akhir: $status_akhir
+          no_laporan: $no_laporan
+          nama_pelapor: $nama_pelapor
+          permasalahan: $permasalahan
+        ) {
+          id
+          no_laporan
+          nama_pelapor
+          alamat_pelapor
+          lokasi
+          nama_posko
+          no_telp_pelapor
+          deskripsi
+          create_date
+          waktu_padam
+          jumlah_lapor
+          keterangan_lapor_ulang
+          status_akhir
+          durasi_time
+          durasi
+          email_pelapor
+          waktu_lapor
           tipe_sla
-          operator_sla
           is_sla
         }
       }