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

Refactor RGangguan_ALL.vue component

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-14 19:53:37 +07:00
parent d67cd7a9a9
commit da05b43d3c
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
View File

@ -18,13 +18,13 @@
:row-alternation-enabled="true" :row-alternation-enabled="true"
:hover-state-enabled="true" :hover-state-enabled="true"
@selection-changed="onDataSelectionChanged" @selection-changed="onDataSelectionChanged"
:column-width="100"
@exporting="onExporting" @exporting="onExporting"
:allow-column-resizing="true" :allow-column-resizing="true"
column-resizing-mode="widget" column-resizing-mode="widget"
> >
<DxGrouping :auto-expand-all="false" />
<DxSelection mode="single" /> <DxSelection mode="single" />
<DxPaging :page-size="40" :enabled="true" /> <!-- <DxPaging :page-size="40" :enabled="true" />
<DxPager <DxPager
:visible="true" :visible="true"
:allowed-page-sizes="[20, 40, 60]" :allowed-page-sizes="[20, 40, 60]"
@ -32,7 +32,7 @@
:show-page-size-selector="true" :show-page-size-selector="true"
:show-info="true" :show-info="true"
:show-navigation-buttons="true" :show-navigation-buttons="true"
/> /> -->
<DxLoadPanel <DxLoadPanel
:position="position" :position="position"
:show-indicator="showIndicator" :show-indicator="showIndicator"
@ -65,6 +65,15 @@
cell-template="formatText" cell-template="formatText"
/> />
<DxColumn
:width="150"
alignment="center"
data-field=""
caption="Semua Unit"
css-class="custom-table-column"
cell-template="formatText"
:group-index="0"
/>
<DxColumn <DxColumn
:width="150" :width="150"
alignment="center" alignment="center"
@ -72,7 +81,7 @@
caption="Regional" caption="Regional"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
:group-index="0" :group-index="1"
/> />
<DxColumn <DxColumn
:width="150" :width="150"
@ -81,7 +90,7 @@
caption="UID" caption="UID"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
:group-index="1" :group-index="2"
/> />
<DxColumn <DxColumn
:width="150" :width="150"
@ -90,7 +99,7 @@
caption="UP3" caption="UP3"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
:group-index="2" :group-index="3"
/> />
<!-- <DxColumn <!-- <DxColumn
:width="150" :width="150"
@ -998,7 +1007,8 @@ import {
DxSearchPanel, DxSearchPanel,
DxSelection, DxSelection,
DxSummary, DxSummary,
DxGroupItem DxGroupItem,
DxGrouping
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { onMounted, ref, watch } from 'vue' import { onMounted, ref, watch } from 'vue'
import { jsPDF } from 'jspdf' import { jsPDF } from 'jspdf'
@ -1020,7 +1030,7 @@ const showPane = ref(true)
const data = ref<any[]>([]) const data = ref<any[]>([])
const dataSub = ref<any[]>([]) const dataSub = ref<any[]>([])
const dataSelected = ref<any>(null) const dataSelected = ref<any>(null)
const dataSubSelected = ref<any>() const dataSubSelected = ref<any>(null)
const dialogDataSelected = ref(false) const dialogDataSelected = ref(false)
const closeDialogDataSelected = () => (dialogDataSelected.value = false) const closeDialogDataSelected = () => (dialogDataSelected.value = false)
const loadingData = ref(false) const loadingData = ref(false)
@ -1108,6 +1118,7 @@ const getDetail = () => {
const showDialogDataSelected = () => { const showDialogDataSelected = () => {
if (dataSelected.value != null) { if (dataSelected.value != null) {
dataSub.value = [] dataSub.value = []
dataSubSelected.value = null
dialogDataSelected.value = true dialogDataSelected.value = true
getDetail() getDetail()
} }