add table template for each page GangguanPage

This commit is contained in:
Dede Fuji Abdul
2023-10-31 14:48:25 +07:00
parent ea04146a37
commit b42f2c003a
26 changed files with 1643 additions and 388 deletions

View File

@ -11,27 +11,44 @@
<DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
<DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
<DxColumn :width="40" alignment="center" data-field="number" data-type="number" caption="No" />
<DxColumn :width="150" alignment="center" data-field="no_laporan" caption="No Laporan"
cell-template="no-laporan" />
<DxColumn css-class="custom-table-column" :width="40" alignment="center" data-field="number" data-type="number"
caption="No" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
caption="No Laporan" cell-template="no-laporan" />
<DxColumn :width="150" alignment="center" data-field="pembuat_laporan" caption="Pembuat Laporan" />
<DxColumn :width="150" alignment="center" data-field="tanggal_laporan" caption="Tgl Lapor" />
<DxColumn :width="150" alignment="center" data-field="tanggal_dialihkan" caption="Tgl Dialihkan" />
<DxColumn :width="150" alignment="center" data-field="tanggal_respon" caption="Tgl Response" />
<DxColumn :width="150" alignment="center" data-field="tanggal_recovery" caption="Tgl Recovery" />
<DxColumn :width="170" alignment="center" data-field="durasi_respon" caption="Durasi Response Time" />
<DxColumn :width="170" alignment="center" data-field="durasi_recovery" caption="Durasi Recovery Time" />
<DxColumn :width="170" alignment="center" data-field="posko_awal" caption="Posko Awal" />
<DxColumn :width="170" alignment="center" data-field="posko_tujuan" caption="Posko Tujuan" />
<DxColumn :width="150" alignment="center" data-field="status" caption="Status" />
<DxColumn :width="150" alignment="center" data-field="id_pelanggan" caption="IDPEL/NO METER" />
<DxColumn :width="150" alignment="center" data-field="nama_pelapor" caption="Nama Pelapor" />
<DxColumn :width="170" alignment="center" data-field="alamat_pelapor" caption="Alamat Pelapor" />
<DxColumn :width="150" alignment="center" data-field="no_telp_pelapor" caption="No Telp Pelapor" />
<DxColumn :width="150" alignment="center" data-field="keterangan_pelapor" caption="Keterangan Pelapor" />
<DxColumn :width="150" alignment="center" data-field="sumber_laporan" caption="Sumber Lapor" />
<DxColumn :width="170" alignment="center" data-field="posko" caption="Posko" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="pembuat_laporan"
caption="Pembuat Laporan" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_laporan"
caption="Tgl Lapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_dialihkan"
caption="Tgl Dialihkan" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_respon"
caption="Tgl Response" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="tanggal_recovery"
caption="Tgl Recovery" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_respon"
caption="Durasi Response Time" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery"
caption="Durasi Recovery Time" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko_awal"
caption="Posko Awal" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko_tujuan"
caption="Posko Tujuan" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status"
caption="Status" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="id_pelanggan"
caption="IDPEL/NO METER" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
caption="Nama Pelapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
caption="Alamat Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
caption="No Telp Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="sumber_laporan"
caption="Sumber Lapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" />
<template #no-laporan="{ data }">
<span class="cursor-pointer" @click="showData(data.text)">
{{ data.text }}