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

Update Filters component in multiple files

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-06 09:15:44 +07:00
parent f284db9627
commit 89c4e168e0
18 changed files with 207 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
View File

@ -1,5 +1,5 @@
<template>
<Filters @run-search="() => filterData(filters)" class="mb-4">
<Filters @run-search="() => filterData(filters)" :report-button="true" class="mb-4">
<Type2 @update:filters="(value) => filters = value" />
</Filters>
<div id="data">
@ -16,8 +16,8 @@
<DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
<DxColumnFixing :enabled="true" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit" css-class="custom-table-column"
cell-template="cell-left" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit"
css-class="custom-table-column" cell-template="cell-left" />
<DxColumn alignment="center" :caption="`s.d ${getMonthName(currentMonth - 1)} ${lastYear}`"
css-class="custom-table-column">
@ -51,8 +51,8 @@
<DxColumn :width="120" alignment="center" data-field="total_informasi_tahun_ini" data-type="number"
caption="Total" css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column" data-field="total_tahun_ini"
data-type="number" />
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column"
data-field="total_tahun_ini" data-type="number" />
</DxColumn>
<DxColumn alignment="center" caption="Delta Penurunan" css-class="custom-table-column">
@ -67,8 +67,8 @@
<DxColumn alignment="center" caption="% Penurunan YoY" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="persen_delta_keluhan" data-type="number" caption="Keluhan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number" caption="Gangguan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number"
caption="Gangguan" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_informasi" data-type="number"
caption="Informasi" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_total" data-type="number" caption="% Total"
@ -78,6 +78,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@ -93,14 +94,14 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'