Add total_durasi_response and total_durasi_recovery fields to api.graphql.ts

This commit is contained in:
Dede Fuji Abdul
2024-04-08 15:30:34 +07:00
parent 4943cbec09
commit a2cd210269
17 changed files with 7101 additions and 1529 deletions

View File

@ -128,6 +128,19 @@
css-class="custom-table-column"
cell-template="formatNumber"
/>
<DxColumn
:visible="false"
:width="150"
alignment="center"
data-field="count_durasi_response"
data-type="number"
caption="Jumlah Response"
css-class="custom-table-column"
cell-template="formatNumber"
:calculate-cell-value="
(rowData: any) => rowData.total_durasi_response * rowData.avg_durasi_response
"
/>
<DxColumn
:width="150"
alignment="center"
@ -188,6 +201,19 @@
css-class="custom-table-column"
cell-template="formatNumber"
/>
<DxColumn
:visible="false"
:width="150"
alignment="center"
data-field="count_durasi_recovery"
data-type="number"
caption="Jumlah Recovery"
css-class="custom-table-column"
cell-template="formatNumber"
:calculate-cell-value="
(rowData: any) => rowData.total_durasi_recovery * rowData.avg_durasi_recovery
"
/>
<DxColumn
:width="150"
alignment="center"
@ -238,7 +264,7 @@
</DxColumn>
</DxColumn>
<DxSummary>
<DxSummary :calculate-custom-summary="calculateCustomSummary">
<DxGroupItem
display-format="Total"
show-in-column="Jenis Keluhan"
@ -246,56 +272,64 @@
:show-in-group-footer="true"
/>
<DxGroupItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total"
column="total"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_selesai"
column="total_selesai"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="avg"
display-format="{0}%"
summary-type="custom"
name="persen_selesai"
column="persen_selesai"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatPercentage(e.value)"
/>
<DxGroupItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_inproses"
column="total_inproses"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="avg"
display-format="{0}%"
summary-type="custom"
name="persen_inproses"
column="persen_inproses"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatPercentage(e.value)"
/>
<DxGroupItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_durasi_response"
column="total_durasi_response"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="avg"
display-format="{0}"
summary-type="custom"
name="count_durasi_response"
column="count_durasi_response"
css-class="!text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="custom"
name="avg_durasi_response"
column="avg_durasi_response"
css-class="!text-right"
:show-in-group-footer="true"
@ -334,16 +368,24 @@
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_durasi_recovery"
column="total_durasi_recovery"
css-class="text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="avg"
display-format="{0}"
summary-type="custom"
name="count_durasi_recovery"
column="count_durasi_recovery"
css-class="text-right"
:show-in-group-footer="true"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
summary-type="custom"
name="avg_durasi_recovery"
column="avg_durasi_recovery"
css-class="!text-right"
:show-in-group-footer="true"
@ -388,50 +430,57 @@
css-class="text-white !text-left"
/>
<DxTotalItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total"
column="total"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_selesai"
column="total_selesai"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="avg"
display-format="{0}%"
summary-type="custom"
name="persen_selesai"
column="persen_selesai"
css-class="text-white !text-right"
:customize-text="(e: any) => formatPercentage(e.value)"
/>
<DxTotalItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_inproses"
column="total_inproses"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="avg"
display-format="{0}%"
summary-type="custom"
name="persen_inproses"
column="persen_inproses"
css-class="text-white !text-right"
:customize-text="(e: any) => formatPercentage(e.value)"
/>
<DxTotalItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_durasi_response"
column="total_durasi_response"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="avg"
display-format="{0}"
summary-type="custom"
name="count_durasi_response"
column="count_durasi_response"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="custom"
name="avg_durasi_response"
column="avg_durasi_response"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
@ -465,15 +514,22 @@
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="sum"
display-format="{0}"
summary-type="custom"
name="total_durasi_recovery"
column="total_durasi_recovery"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="avg"
display-format="{0}"
summary-type="custom"
name="count_durasi_recovery"
column="count_durasi_recovery"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxTotalItem
summary-type="custom"
name="avg_durasi_recovery"
column="avg_durasi_recovery"
css-class="text-white !text-right"
:customize-text="(e: any) => formatNumber(e.value)"
@ -922,7 +978,6 @@ import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxPager,
DxSummary,
@ -971,6 +1026,116 @@ const reportMeta = ref({
periode: ''
})
let total = 0
let total_selesai = 0
let total_inproses = 0
let count_durasi_response = 0
let total_durasi_response = 0
let total_durasi_recovery = 0
let count_durasi_recovery = 0
const calculateCustomSummary = (options: any) => {
if (options.name === 'total') {
if (options.summaryProcess === 'calculate') {
total += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = total
}
}
if (options.name === 'total_selesai') {
if (options.summaryProcess === 'calculate') {
total_selesai += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = total_selesai
}
}
if (options.name === 'total_inproses') {
if (options.summaryProcess === 'calculate') {
total_inproses += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = total_inproses
}
}
if (options.name === 'persen_selesai') {
if (options.summaryProcess === 'start') {
total = 0
total_selesai = 0
} else if (options.summaryProcess === 'finalize') {
options.totalValue = (total_selesai / total) * 100
}
}
if (options.name === 'persen_inproses') {
if (options.summaryProcess === 'start') {
total = 0
total_inproses = 0
} else if (options.summaryProcess === 'finalize') {
options.totalValue = (total_inproses / total) * 100
}
}
if (options.name === 'persen_selesai') {
if (options.summaryProcess === 'start') {
total = 0
total_selesai = 0
} else if (options.summaryProcess === 'finalize') {
options.totalValue = (total_selesai / total) * 100
}
}
if (options.name === 'total_durasi_response') {
if (options.summaryProcess === 'calculate') {
total_durasi_response += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = total_durasi_response
}
}
if (options.name === 'count_durasi_response') {
if (options.summaryProcess === 'calculate') {
count_durasi_response += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = count_durasi_response
}
}
if (options.name === 'avg_durasi_response') {
if (options.summaryProcess === 'start') {
total_durasi_response = 0
count_durasi_response = 0
} else if (options.summaryProcess === 'finalize') {
options.totalValue = count_durasi_response / total_durasi_response
}
}
if (options.name === 'count_durasi_recovery') {
if (options.summaryProcess === 'calculate') {
count_durasi_recovery += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = count_durasi_recovery
}
}
if (options.name === 'total_durasi_recovery') {
if (options.summaryProcess === 'calculate') {
total_durasi_recovery += options.value
} else if (options.summaryProcess === 'finalize') {
options.totalValue = total_durasi_recovery
}
}
if (options.name === 'avg_durasi_recovery') {
if (options.summaryProcess === 'start') {
count_durasi_recovery = 0
total_durasi_recovery = 0
} else if (options.summaryProcess === 'finalize') {
options.totalValue = count_durasi_recovery / total_durasi_recovery
}
}
}
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
progressSelected.value = progress