Refactor RKeluhan_ALL.vue and RGangguan_CTTM.vue to improve code readability and remove unused variables

This commit is contained in:
Dede Fuji Abdul
2024-04-17 00:18:12 +07:00
parent 018032afda
commit 604d735f18
5 changed files with 205 additions and 135 deletions

View File

@@ -11,7 +11,7 @@
<div id="data">
<DxDataGrid
@cell-click=""
@cell-click="onCellClicked"
ref="dataGridRef"
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
@@ -26,7 +26,7 @@
:allow-column-resizing="true"
column-resizing-mode="widget"
>
<DxGrouping :auto-expand-all="false" :context-menu-enabled="true" expand-mode="rowClick" />
<DxGrouping :auto-expand-all="false" :context-menu-enabled="true" expand-mode="" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -1106,6 +1106,7 @@ import {
} from '@/report/Gangguan/Rekap/RGangguan_KTI'
import { getMonthNumber } from '@/utils/texts'
import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
import { getDataRowGroup } from '@/utils/helper'
const client = apolloClient()
provideApolloClient(client)
@@ -1147,28 +1148,24 @@ const grouping = ref<any[]>([
])
const groupDialog = ref(false)
const groupData = ref<any>(null)
const groupIndex = ref(0)
const onCellClicked = (e: any) => {
// if (e.rowType == 'group') {
// groupDialog.value = true
// if (e.row.groupIndex != 0) {
// const data = getDataRowGroup(e.data)
// console.table(data)
// groupData.value = data
// }
// showDetail()
// } else {
// groupDialog.value = false
// }
if (e.rowType == 'group') {
groupDialog.value = true
groupIndex.value = e.row.groupIndex
setMonth(e.column.caption)
groupData.value = getDataRowGroup(e.data)
showDetail()
} else {
groupDialog.value = false
}
}
const setMonth = (month: any) => {
if (month != '') {
if (getMonthNumber(month) == 0) {
monthSelected.value = null
} else {
monthSelected.value = getMonthNumber(month)
}
monthSelected.value = getMonthNumber(month) == 0 ? null : getMonthNumber(month)
} else {
monthSelected.value = null
}
@@ -1181,16 +1178,17 @@ const getDetail = async () => {
const ref = dataSelected.value
const compDate = dateValue[0].split('-').reverse().join('-').split('-')
const query = {
var 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),
posko: ref?.id_ulp ? ref?.id_ulp : 0,
idUid: ref?.id_uid ? ref?.id_uid : 0,
idUp3: ref?.id_up3 ? ref?.id_up3 : 0,
posko: 0,
idUid: 0,
idUp3: 0,
namaRegional: '',
bulan: monthSelected.value,
tahun: parseInt(compDate[0]),
is_transaksi_individual:
@@ -1219,6 +1217,35 @@ const getDetail = async () => {
: 2
}
if (groupDialog.value) {
if (grouping.value[groupIndex.value].data == 'nama_regional') {
query = {
...query,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
} else if (grouping.value[groupIndex.value].data == 'nama_uid') {
query = {
...query,
idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
} else if (grouping.value[groupIndex.value].data == 'nama_up3') {
query = {
...query,
idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
idUp3: groupData.value?.id_up3 ? groupData.value?.id_up3 : 0,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
}
} else {
query = {
...query,
posko: ref?.id_ulp ? ref?.id_ulp : 0,
idUid: ref?.id_uid ? ref?.id_uid : 0,
idUp3: ref?.id_up3 ? ref?.id_up3 : 0
}
}
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, query)
.then((result) => {