defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: transaksi apkt

Browse Source
This commit is contained in:
kur0nek-o
2024-04-24 11:54:25 +07:00
parent aa16111cc0
commit 07dec83ba1
3 changed files with 125 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Pages/Transaksi/Transaksi.vue
View File

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

82
src/stores/auth.ts
View File

@ -5,44 +5,56 @@ import { readData, removeData, writeData } from '@/utils/storage'
import router from '@/router' import router from '@/router'
export const useAuthStore = defineStore('auth', () => { export const useAuthStore = defineStore('auth', () => {
// token from localStorage // token from localStorage
const token = ref(readData('token') || '') const token = ref(readData('token') || '')
// create a shared state // create a shared state
const username = ref('') const username = ref('')
const password = ref('') const password = ref('')
const isLoading = ref(false) const isLoading = ref(false)
const isLoggedIn = computed(() => token.value !== '') const isLoggedIn = computed(() => token.value !== '')
// define your actions // define your actions
const login = () => { const login = () => {
if (username.value == '' || password.value == '') { if (username.value == '' || password.value == '') {
dispatchNotification({ title: 'Perhatian', content: 'Username atau password tidak boleh kosong', type: 'warning' }) 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 { } else {
isLoading.value = true dispatchNotification({
setTimeout(() => { title: 'Login Gagal',
isLoading.value = false content: 'Username atau password salah',
if (username.value == 'demo' && password.value == 'demo') { type: 'error'
// 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)
} }
}, 3000)
} }
}
const logout = () => removeData('token') const logout = () => removeData('token')
return { return {
token, token,
username, username,
password, password,
isLoggedIn, isLoggedIn,
isLoading, isLoading,
login, login,
logout, logout
} }
}) })

67
src/utils/api/api.graphql.ts
View File

@ -5257,8 +5257,8 @@ export const queries = {
} }
}, },
transaksi: { transaksi: {
transaksiAPKT: gql` transaksiApktKeluhan: gql`
query transaksiApkt( query transaksiApktKeluhan(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$idPosko: Int! $idPosko: Int!
@ -5271,9 +5271,8 @@ export const queries = {
$no_laporan: String! $no_laporan: String!
$nama_pelapor: String! $nama_pelapor: String!
$permasalahan: String! $permasalahan: String!
$tipe_laporan: String!
) { ) {
transaksiApkt( transaksiApktKeluhan(
dateFrom: $dateFrom dateFrom: $dateFrom
dateTo: $dateTo dateTo: $dateTo
idPosko: $idPosko idPosko: $idPosko
@ -5286,22 +5285,74 @@ export const queries = {
no_laporan: $no_laporan no_laporan: $no_laporan
nama_pelapor: $nama_pelapor nama_pelapor: $nama_pelapor
permasalahan: $permasalahan permasalahan: $permasalahan
tipe_laporan: $tipe_laporan
) { ) {
id
no_laporan no_laporan
issuetype nama_issuetype
nama_pelapor nama_pelapor
nama_ulp nama_ulp
no_telp_pelapor no_telp_pelapor
permasalahan permasalahan
deskripsi deskripsi
waktu_lapor create_date
jumlah_lapor jumlah_lapor
keterangan_lapor_ulang keterangan_lapor_ulang
status_akhir status_akhir
durasi_time
durasi 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 tipe_sla
operator_sla
is_sla is_sla
} }
} }