DOCUMENT rekapitulasi
This commit is contained in:
@ -60,476 +60,139 @@
|
||||
<DxColumn :width="70" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
<DxColumn alignment="center" caption="Dispatching Time" css-class="custom-table-column">
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="avg_durasi_dispatch"
|
||||
data-type="number"
|
||||
caption="Rata-Rata"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatDPT"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="count_durasi_dispatch"
|
||||
data-type="number"
|
||||
caption="Jumlah Dispatch"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-type="number"
|
||||
caption="Total Durasi Dispatch"
|
||||
name="total_durasi_dispatch"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
:calculate-display-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_dispatch) * parseFloat(rowData.avg_durasi_dispatch)
|
||||
"
|
||||
:calculate-cell-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_dispatch) * parseFloat(rowData.avg_durasi_dispatch)
|
||||
"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="max_durasi_dispatch"
|
||||
data-type="number"
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="min_durasi_dispatch"
|
||||
data-type="number"
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_diatas_sla_dispatch"
|
||||
data-type="number"
|
||||
caption=">SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_dibawah_sla_dispatch"
|
||||
data-type="number"
|
||||
caption="≤SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn :width="150" alignment="center" data-field="avg_durasi_dispatch" data-type="number"
|
||||
caption="Rata-Rata" :allow-resizing="false" css-class="custom-table-column" cell-template="formatDPT" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-field="count_durasi_dispatch" data-type="number"
|
||||
caption="Jumlah Dispatch" :allow-resizing="false" css-class="custom-table-column"
|
||||
cell-template="formatNumber" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-type="number" caption="Total Durasi Dispatch"
|
||||
name="total_durasi_dispatch" :allow-resizing="false" css-class="custom-table-column" :calculate-display-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_dispatch) * parseFloat(rowData.avg_durasi_dispatch)
|
||||
" :calculate-cell-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_dispatch) * parseFloat(rowData.avg_durasi_dispatch)
|
||||
" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="max_durasi_dispatch" data-type="number" caption="Max"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="min_durasi_dispatch" data-type="number" caption="Min"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_dispatch" data-type="number"
|
||||
caption=">SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_dispatch" data-type="number"
|
||||
caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="Response Time" css-class="custom-table-column">
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="avg_durasi_response"
|
||||
data-type="number"
|
||||
caption="Rata-Rata"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatRPT"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="count_durasi_response"
|
||||
data-type="number"
|
||||
caption="Jumlah Response"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-type="number"
|
||||
caption="Total Durasi Response"
|
||||
name="total_durasi_response"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
:calculate-display-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_response) * parseFloat(rowData.avg_durasi_response)
|
||||
"
|
||||
:calculate-cell-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_response) * parseFloat(rowData.avg_durasi_response)
|
||||
"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="max_durasi_response"
|
||||
data-type="number"
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="min_durasi_response"
|
||||
data-type="number"
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_diatas_sla_response"
|
||||
data-type="number"
|
||||
caption=">SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_dibawah_sla_response"
|
||||
data-type="number"
|
||||
caption="≤SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn :width="150" alignment="center" data-field="avg_durasi_response" data-type="number"
|
||||
caption="Rata-Rata" :allow-resizing="false" css-class="custom-table-column" cell-template="formatRPT" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-field="count_durasi_response" data-type="number"
|
||||
caption="Jumlah Response" :allow-resizing="false" css-class="custom-table-column"
|
||||
cell-template="formatNumber" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-type="number" caption="Total Durasi Response"
|
||||
name="total_durasi_response" :allow-resizing="false" css-class="custom-table-column" :calculate-display-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_response) * parseFloat(rowData.avg_durasi_response)
|
||||
" :calculate-cell-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_response) * parseFloat(rowData.avg_durasi_response)
|
||||
" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="max_durasi_response" data-type="number" caption="Max"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_response" data-type="number"
|
||||
caption=">SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
|
||||
caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
</DxColumn>
|
||||
<DxColumn alignment="center" caption="Recovery Time" css-class="custom-table-column">
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="avg_durasi_recovery"
|
||||
data-type="number"
|
||||
caption="Rata-Rata"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatRCT"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="count_durasi_recovery"
|
||||
data-type="number"
|
||||
caption="Jumlah Recovery"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:visible="false"
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-type="number"
|
||||
caption="Total Durasi Recovery"
|
||||
name="total_durasi_recovery"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
:calculate-display-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_recovery) * parseFloat(rowData.avg_durasi_recovery)
|
||||
"
|
||||
:calculate-cell-value="
|
||||
(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_recovery) * parseFloat(rowData.avg_durasi_recovery)
|
||||
"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="max_durasi_recovery"
|
||||
data-type="number"
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="min_durasi_recovery"
|
||||
data-type="number"
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatTime"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_diatas_sla_recovery"
|
||||
data-type="number"
|
||||
caption=">SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
alignment="center"
|
||||
data-field="total_dibawah_sla_recovery"
|
||||
data-type="number"
|
||||
caption="≤SLA"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="formatNumber"
|
||||
/>
|
||||
<DxColumn :width="150" alignment="center" data-field="avg_durasi_recovery" data-type="number"
|
||||
caption="Rata-Rata" :allow-resizing="false" css-class="custom-table-column" cell-template="formatRCT" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-field="count_durasi_recovery" data-type="number"
|
||||
caption="Jumlah Recovery" :allow-resizing="false" css-class="custom-table-column"
|
||||
cell-template="formatNumber" />
|
||||
<DxColumn :visible="false" :width="150" alignment="center" data-type="number" caption="Total Durasi Recovery"
|
||||
name="total_durasi_recovery" :allow-resizing="false" css-class="custom-table-column" :calculate-display-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_recovery) * parseFloat(rowData.avg_durasi_recovery)
|
||||
" :calculate-cell-value="(rowData: any) =>
|
||||
parseFloat(rowData.count_durasi_recovery) * parseFloat(rowData.avg_durasi_recovery)
|
||||
" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="max_durasi_recovery" data-type="number" caption="Max"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="min_durasi_recovery" data-type="number" caption="Min"
|
||||
:allow-resizing="false" css-class="custom-table-column" cell-template="formatTime" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_recovery" data-type="number"
|
||||
caption=">SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_recovery" data-type="number"
|
||||
caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" cell-template="formatNumber" />
|
||||
</DxColumn>
|
||||
|
||||
<DxSummary :calculate-custom-summary="calculateCustomSummary">
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total"
|
||||
name="total"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_selesai"
|
||||
name="total_selesai"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="persen_selesai"
|
||||
name="persen_selesai"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatPercentage(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_inproses"
|
||||
name="total_inproses"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="persen_inproses"
|
||||
name="persen_inproses"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatPercentage(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="avg_durasi_dispatch"
|
||||
name="avg_durasi_dispatch"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_durasi_dispatch"
|
||||
name="total_durasi_dispatch"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="count_durasi_dispatch"
|
||||
name="count_durasi_dispatch"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total" name="total"
|
||||
summary-type="custom" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_selesai" name="total_selesai"
|
||||
summary-type="custom" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="persen_selesai" name="persen_selesai"
|
||||
summary-type="custom" css-class="!text-right" :customize-text="(e: any) => formatPercentage(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_inproses" name="total_inproses"
|
||||
summary-type="custom" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="persen_inproses"
|
||||
name="persen_inproses" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatPercentage(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="avg_durasi_dispatch"
|
||||
name="avg_durasi_dispatch" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_durasi_dispatch"
|
||||
name="total_durasi_dispatch" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="count_durasi_dispatch"
|
||||
name="count_durasi_dispatch" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="max_durasi_dispatch"
|
||||
summary-type="max"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="min_durasi_dispatch"
|
||||
summary-type="min"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_diatas_sla_dispatch"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_dibawah_sla_dispatch"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="avg_durasi_response"
|
||||
name="avg_durasi_response"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_durasi_response"
|
||||
name="total_durasi_response"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="count_durasi_response"
|
||||
name="count_durasi_response"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="max_durasi_response"
|
||||
summary-type="max"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="min_durasi_response"
|
||||
summary-type="min"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_diatas_sla_response"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_dibawah_sla_response"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="avg_durasi_recovery"
|
||||
name="avg_durasi_recovery"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_durasi_recovery"
|
||||
name="total_durasi_recovery"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="count_durasi_recovery"
|
||||
name="count_durasi_recovery"
|
||||
summary-type="custom"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="max_durasi_recovery"
|
||||
summary-type="max"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="min_durasi_recovery"
|
||||
summary-type="min"
|
||||
css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_diatas_sla_recovery"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
:show-in-group-footer="false"
|
||||
:align-by-column="true"
|
||||
column="total_dibawah_sla_recovery"
|
||||
summary-type="sum"
|
||||
css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)"
|
||||
/>
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="max_durasi_dispatch"
|
||||
summary-type="max" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="min_durasi_dispatch"
|
||||
summary-type="min" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_diatas_sla_dispatch"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_dibawah_sla_dispatch"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="avg_durasi_response"
|
||||
name="avg_durasi_response" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_durasi_response"
|
||||
name="total_durasi_response" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="count_durasi_response"
|
||||
name="count_durasi_response" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="max_durasi_response"
|
||||
summary-type="max" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="min_durasi_response"
|
||||
summary-type="min" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_diatas_sla_response"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_dibawah_sla_response"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="avg_durasi_recovery"
|
||||
name="avg_durasi_recovery" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_durasi_recovery"
|
||||
name="total_durasi_recovery" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="count_durasi_recovery"
|
||||
name="count_durasi_recovery" summary-type="custom" css-class="!text-right"
|
||||
:customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="max_durasi_recovery"
|
||||
summary-type="max" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="min_durasi_recovery"
|
||||
summary-type="min" css-class="!text-center"
|
||||
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_diatas_sla_recovery"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
<DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="total_dibawah_sla_recovery"
|
||||
summary-type="sum" css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
|
||||
</DxSummary>
|
||||
|
||||
<template #formatText="{ data }">
|
||||
@ -606,14 +269,8 @@
|
||||
@exporting="onExportingDetail" :allow-column-resizing="true" column-resizing-mode="widget">
|
||||
<DxSelection mode="single" />
|
||||
<DxPaging :page-size="20" :enabled="true" />
|
||||
<DxPager
|
||||
:visible="true"
|
||||
:allowed-page-sizes="[20, 50, 100]"
|
||||
display-mode="full"
|
||||
:show-page-size-selector="true"
|
||||
:show-info="true"
|
||||
:show-navigation-buttons="true"
|
||||
/>
|
||||
<DxPager :visible="true" :allowed-page-sizes="[20, 50, 100]" display-mode="full"
|
||||
:show-page-size-selector="true" :show-info="true" :show-navigation-buttons="true" />
|
||||
<!-- -->
|
||||
<DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
|
||||
<DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
|
||||
@ -859,7 +516,9 @@ import {
|
||||
exportToPDF,
|
||||
exportToXLSX,
|
||||
exportDetailToPDF,
|
||||
exportDetailToXLSX
|
||||
exportDetailToXLSX,
|
||||
exportToDOCX,
|
||||
exportDetailToDOCX
|
||||
} from '@/report/Gangguan/Rekap/RGangguan_ALL'
|
||||
import { getDataRowGroup } from '@/utils/helper'
|
||||
import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
|
||||
@ -1246,11 +905,13 @@ const showDetail = () => {
|
||||
}
|
||||
|
||||
const onExporting = (e: any) => {
|
||||
|
||||
if (e.format === 'pdf') {
|
||||
exportToPDF(reportMeta.value, data.value)
|
||||
} else if (e.format === 'xlsx') {
|
||||
exportToXLSX(reportMeta.value, e)
|
||||
} else {
|
||||
exportToDOCX(reportMeta.value, data.value)
|
||||
}
|
||||
}
|
||||
|
||||
@ -1260,6 +921,7 @@ const onExportingDetail = (e: any) => {
|
||||
} else if (e.format === 'xlsx') {
|
||||
exportDetailToXLSX(reportMeta.value, e)
|
||||
} else {
|
||||
exportDetailToDOCX(reportMeta.value, dataSub.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user