Refactor data assignment in onMounted hooks
This commit is contained in:
@ -127,6 +127,56 @@
|
||||
}}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<DxSummary>
|
||||
<DxTotalItem
|
||||
display-format="TOTAL"
|
||||
show-in-column="user_regu"
|
||||
css-class="text-white !text-left"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="jumlah_wo_gangguan_individual"
|
||||
summary-type="sum"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="avg_durasi_wo_gangguan_individual"
|
||||
summary-type="avg"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="avg_rpt_wo_gangguan_individual"
|
||||
summary-type="avg"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="avg_rct_wo_gangguan_individual"
|
||||
summary-type="avg"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="jumlah_wo_penugasan_khusus"
|
||||
summary-type="sum"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
<DxTotalItem
|
||||
column="avg_wo_penugasan_khusus"
|
||||
summary-type="avg"
|
||||
display-format="{0}"
|
||||
css-class="text-white !text-right"
|
||||
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
|
||||
/>
|
||||
</DxSummary>
|
||||
</DxDataGrid>
|
||||
</div>
|
||||
|
||||
@ -748,7 +798,9 @@ import {
|
||||
DxPaging,
|
||||
DxScrolling,
|
||||
DxSearchPanel,
|
||||
DxSelection
|
||||
DxSelection,
|
||||
DxSummary,
|
||||
DxTotalItem
|
||||
} from 'devextreme-vue/data-grid'
|
||||
import { jsPDF } from 'jspdf'
|
||||
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
|
||||
@ -853,17 +905,19 @@ const { onResult, onError, loading, refetch } = useQuery(queries.cico.laporanChe
|
||||
const filters = ref()
|
||||
|
||||
onMounted(() => {
|
||||
data.value = [
|
||||
{
|
||||
user_regu: '11110.REGU1',
|
||||
personil_yantek: '11110_FAUZI',
|
||||
jumlah_wo_gangguan_individual: 54,
|
||||
avg_durasi_wo_gangguan_individual: 70.67,
|
||||
avg_rpt_wo_gangguan_individual: 40.69,
|
||||
avg_rct_wo_gangguan_individual: 71.61,
|
||||
jumlah_wo_penugasan_khusus: 31,
|
||||
avg_wo_penugasan_khusus: 63.79
|
||||
}
|
||||
]
|
||||
if (import.meta.env.DEV) {
|
||||
data.value = [
|
||||
{
|
||||
user_regu: '11110.REGU1',
|
||||
personil_yantek: '11110_FAUZI',
|
||||
jumlah_wo_gangguan_individual: 54,
|
||||
avg_durasi_wo_gangguan_individual: 70.67,
|
||||
avg_rpt_wo_gangguan_individual: 40.69,
|
||||
avg_rct_wo_gangguan_individual: 71.61,
|
||||
jumlah_wo_penugasan_khusus: 31,
|
||||
avg_wo_penugasan_khusus: 63.79
|
||||
}
|
||||
]
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user