Refactor data assignment in onMounted hooks

This commit is contained in:
Dede Fuji Abdul
2024-03-12 13:54:29 +07:00
parent 99afd50f37
commit d4ad845ac3
30 changed files with 382 additions and 207 deletions

View File

@ -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>