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

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

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