defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add dummy data generator to Table_11.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul 2023-11-08 15:52:58 +07:00
parent cf829dc2bd
commit e382cbacc0
1 changed files with 72 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

189
src/components/Pages/Gangguan/Table_11.vue
View File

@ -147,7 +147,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { onMounted } from 'vue' import { onMounted, ref } from 'vue'
import { useFiltersStore } from '@/stores/filters' import { useFiltersStore } from '@/stores/filters'
import { DxDataGrid } from 'devextreme-vue' import { DxDataGrid } from 'devextreme-vue'
import { DxColumn, DxColumnFixing, DxExport, DxGroupItem, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection, DxSummary, DxTotalItem } from 'devextreme-vue/data-grid' import { DxColumn, DxColumnFixing, DxExport, DxGroupItem, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection, DxSummary, DxTotalItem } from 'devextreme-vue/data-grid'
@ -191,125 +191,79 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
console.log(data) console.log(data)
} }
const data = [ const poskoOptions = ['POSKO A', 'POSKO B', 'POSKO C', 'POSKO D', 'POSKO E'];
{
no: 1, const createDummy = () => {
posko: 'POSKO CONDET', var dummy = data.value;
laporan: { for (let i = 1; i <= 50; i++) {
total: 10, const randomPosko = poskoOptions[Math.floor(Math.random() * poskoOptions.length)];
sudahSelesai: {
jml: 5, const totalLaporan = Math.floor(Math.random() * 21);
persen: 50, const laporanSelesai = Math.floor(Math.random() * (totalLaporan + 1));
}, const laporanBelumSelesai = totalLaporan - laporanSelesai;
belumSelesai: {
jml: 5, const responseTimeTotal = Math.floor(Math.random() * 31);
persen: 50, const responseTimeRataRata = (Math.random() * 21) + 10;
}, const responseTimeMax = responseTimeRataRata + Math.floor(Math.random() * 11);
}, const responseTimeMin = responseTimeRataRata - Math.floor(Math.random() * 11);
responseTime: {
menit: { const responseTimeLebihSla = Math.floor(Math.random() * (laporanSelesai + 1));
total: 10, const responseTimeKurangSla = laporanSelesai - responseTimeLebihSla;
rataRata: 10,
max: 10, const recoveryTimeTotal = Math.floor(Math.random() * 31);
min: 10, const recoveryTimeRataRata = (Math.random() * 21) + 10;
}, const recoveryTimeMax = recoveryTimeRataRata + Math.floor(Math.random() * 11);
const recoveryTimeMin = recoveryTimeRataRata - Math.floor(Math.random() * 11);
const recoveryTimeLebihSla = Math.floor(Math.random() * (laporanSelesai + 1));
const recoveryTimeKurangSla = laporanSelesai - recoveryTimeLebihSla;
const entry = {
no: i,
posko: randomPosko,
laporan: { laporan: {
lebihSla: 5, total: totalLaporan,
kurangSla: 5, sudahSelesai: {
jml: laporanSelesai,
persen: (laporanSelesai / totalLaporan) * 100,
},
belumSelesai: {
jml: laporanBelumSelesai,
persen: (laporanBelumSelesai / totalLaporan) * 100,
},
}, },
}, responseTime: {
recoveryTime: { menit: {
menit: { total: responseTimeTotal,
total: 10, rataRata: responseTimeRataRata,
rataRata: 10, max: responseTimeMax,
max: 10, min: responseTimeMin,
min: 10, },
laporan: {
lebihSla: responseTimeLebihSla,
kurangSla: responseTimeKurangSla,
},
}, },
laporan: { recoveryTime: {
lebihSla: 5, menit: {
kurangSla: 5, total: recoveryTimeTotal,
}, rataRata: recoveryTimeRataRata,
} max: recoveryTimeMax,
}, min: recoveryTimeMin,
{ },
no: 2, laporan: {
posko: 'POSKO CONDET', lebihSla: recoveryTimeLebihSla,
laporan: { kurangSla: recoveryTimeKurangSla,
total: 10, },
sudahSelesai: { }
jml: 5, };
persen: 50,
}, dummy.push(entry);
belumSelesai: { }
jml: 5, data.value = dummy;
persen: 50, }
},
}, const data = ref<any[]>([])
responseTime: {
menit: {
total: 10,
rataRata: 10,
max: 10,
min: 10,
},
laporan: {
lebihSla: 5,
kurangSla: 5,
},
},
recoveryTime: {
menit: {
total: 10,
rataRata: 10,
max: 10,
min: 10,
},
laporan: {
lebihSla: 5,
kurangSla: 5,
},
}
},
{
no: 3,
posko: 'POSKO ANGKREK',
laporan: {
total: 10,
sudahSelesai: {
jml: 5,
persen: 50,
},
belumSelesai: {
jml: 5,
persen: 50,
},
},
responseTime: {
menit: {
total: 10,
rataRata: 10,
max: 10,
min: 10,
},
laporan: {
lebihSla: 5,
kurangSla: 5,
},
},
recoveryTime: {
menit: {
total: 10,
rataRata: 10,
max: 10,
min: 10,
},
laporan: {
lebihSla: 5,
kurangSla: 5,
},
}
},
]
onMounted(() => { onMounted(() => {
const filters = useFiltersStore() const filters = useFiltersStore()
@ -318,5 +272,6 @@ onMounted(() => {
type: 'type-8', type: 'type-8',
reportButton: true reportButton: true
}) })
createDummy()
}) })
</script> </script>