Refactor RKeluhan_ALL.vue and RGangguan_CTTM.vue to improve code readability and remove unused variables
This commit is contained in:
@@ -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) => {
|
||||
|
Reference in New Issue
Block a user