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

Update cell templates : Gangguan - Daftar.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-06 11:22:15 +07:00
parent 60e0e30685
commit 099b5d867a
7 changed files with 340 additions and 2074 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
View File

@@ -21,49 +21,49 @@
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number"
caption="No" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
caption="No Laporan" cell-template="cellDefault" />
caption="No Laporan" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="pembuat_laporan"
caption="Pembuat Laporan" cell-template="cellLeft" />
caption="Pembuat Laporan" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
caption="Tgl Lapor" cell-template="cellDefault" />
caption="Tgl Lapor" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_dialihkan"
caption="Tgl Dialihkan" cell-template="cellDefault" />
caption="Tgl Dialihkan" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
caption="Tgl Response" cell-template="cellDefault" />
caption="Tgl Response" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
caption="Tgl Recovery" cell-template="cellDefault" />
caption="Tgl Recovery" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
caption="Durasi Response Time" cell-template="data-waktu" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
caption="Durasi Recovery Time" cell-template="data-waktu" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_lama"
caption="Posko Asal" cell-template="cellLeft" />
caption="Posko Asal" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_baru"
caption="Posko Tujuan" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
caption="Status" cell-template="cellDefault" />
caption="Status" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
caption="IDPEL/NO METER" cell-template="cellDefault" />
caption="IDPEL/NO METER" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
caption="Nama Pelapor" cell-template="cellLeft" />
caption="Nama Pelapor" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
caption="Alamat Pelapor" cell-template="cellLeft" />
caption="Alamat Pelapor" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
caption="No Telp Pelapor" cell-template="cellDefault" />
caption="No Telp Pelapor" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="250" alignment="center" data-field="keterangan_pelapor"
caption="Keterangan Pelapor" cell-template="cellLeft" />
caption="Keterangan Pelapor" cell-template="cellDefault" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
caption="Sumber Lapor" cell-template="cellDefault" />
caption="Sumber Lapor" cell-template="cellCenter" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_lama"
caption="Posko" cell-template="cellLeft" />
caption="Posko" cell-template="cellDefault" />
<template #cellDefault="{ data }">
<template #cellCenter="{ data }">
<p class="cursor-pointer" @click="showData()">
{{ data.text }}
</p>
</template>
<template #cellLeft="{ data }">
<template #cellDefault="{ data }">
<p class="text-left cursor-pointer" @click="showData()">
{{ data.text }}
</p>
@@ -193,7 +193,7 @@ import {
DxSelection
} from 'devextreme-vue/data-grid'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { ref } from 'vue'
import { onMounted, ref } from 'vue'
import { jsPDF } from 'jspdf'
import autoTable from 'jspdf-autotable'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
@@ -203,6 +203,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { dummyData } from '@/utils/dummy'
const position = { of: '#dataTable' }
const showIndicator = ref(true)
@@ -350,4 +351,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
}
const showData = () => showDetail.value = true
const filters = ref()
onMounted(() => {
data.value = dummyData.gangguan.daftar.dialihkanKePoskoLain
})
</script>