fix: problem

This commit is contained in:
kur0nek-o 2024-05-10 14:19:13 +07:00
parent 8e7a3caab8
commit 3c8ccfe6a1
8 changed files with 32 additions and 29 deletions

View File

@ -1 +1 @@
{"name":"eis","version":"0.0.188-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js","set-version":"node version.js","version":"echo $npm_package_version"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}} {"name":"eis","version":"0.0.189-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js","set-version":"node version.js","version":"echo $npm_package_version"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}

View File

@ -1 +1 @@
{"version":"0.0.188-vm"} {"version":"0.0.189-vm"}

View File

@ -5,7 +5,7 @@ import {
selectedUid, selectedUid,
selectedUp3Ulp, selectedUp3Ulp,
fetchRegional, fetchRegional,
fetchUid, selectedRegional,
itemsUid, itemsUid,
itemsUp3, itemsUp3,
itemsUlp, itemsUlp,
@ -67,11 +67,7 @@ watch(data, (value) => {
}) })
const setRegional = (value: any) => { const setRegional = (value: any) => {
if (!presetUID.value) { selectedRegional(value)
fetchUid()
selectedUid(value)
}
data.value = { data.value = {
...data.value, ...data.value,
regional: value regional: value
@ -160,7 +156,6 @@ onMounted(() => {
}) })
} else { } else {
fetchRegional() fetchRegional()
fetchUid()
} }
emit('update:filters', data.value) emit('update:filters', data.value)

View File

@ -132,6 +132,11 @@ const fetchDataPosko = async (up3: number) => {
} }
} }
const fetchRegional = async () => { const fetchRegional = async () => {
itemsUid.value = []
itemsUp3.value = []
itemsPosko.value = []
itemsUlp.value = []
try { try {
const res = await getRegional() const res = await getRegional()
itemsRegional.value = res.data.map((item: any) => ({ itemsRegional.value = res.data.map((item: any) => ({
@ -157,6 +162,13 @@ const formatWaktu = (durasiDetik: any): string => {
return `${hari} - ${jam} : ${menit} : ${detik}` return `${hari} - ${jam} : ${menit} : ${detik}`
} }
} }
const selectedRegional = (value: any) => {
fetchUidByRegional(value.id)
itemsUid.value = []
itemsUp3.value = []
itemsPosko.value = []
itemsUlp.value = []
}
const selectedUid = (value: any) => { const selectedUid = (value: any) => {
fetchDataUp3(value.id) fetchDataUp3(value.id)
@ -203,5 +215,6 @@ export {
itemsUlp, itemsUlp,
months, months,
years, years,
formatWaktu formatWaktu,
selectedRegional
} }

View File

@ -79,7 +79,7 @@
<DxColumn <DxColumn
:width="170" :width="170"
alignment="center" alignment="center"
data-field="waktu_selesai" data-field="waktu_recovery"
caption="Tgl Recovery" caption="Tgl Recovery"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
@ -217,7 +217,7 @@
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[170px] text-gray-800">Tanggal Recovery:</h3> <h3 class="text-sm font-medium w-[170px] text-gray-800">Tanggal Recovery:</h3>
<InputText :readonly="true" :value="dataSelected?.waktu_selesai" class-name="flex-1" /> <InputText :readonly="true" :value="dataSelected?.waktu_recovery" class-name="flex-1" />
</div> </div>
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full">

View File

@ -144,7 +144,7 @@
<DxColumn <DxColumn
:width="150" :width="150"
alignment="center" alignment="center"
data-field="nama_pelapor" data-field="pembuat_laporan"
caption="Created By" caption="Created By"
css-class="custom-table-column !align-top" css-class="custom-table-column !align-top"
cell-template="formatText" cell-template="formatText"

View File

@ -69,6 +69,15 @@
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumber" cell-template="formatNumber"
/> />
<DxColumn
:width="100"
alignment="center"
data-field="total"
data-type="number"
caption="Total"
css-class="custom-table-column"
cell-template="formatNumber"
/>
</DxColumn> </DxColumn>
<DxSummary> <DxSummary>

View File

@ -46,9 +46,9 @@
:width="50" :width="50"
alignment="center" alignment="center"
data-type="number" data-type="number"
data-field="number"
caption="No" caption="No"
cell-template="formatNumber" cell-template="formatNumber"
:calculate-display-value="(item: any) => data.findIndex((i) => i == item) + 1"
/> />
<DxColumn <DxColumn
:width="170" :width="170"
@ -1175,14 +1175,7 @@ const filterData = async (params: any) => {
await requestGraphQl(queries.keluhan.rekap.keluhanPerJenisKeluhan, query) await requestGraphQl(queries.keluhan.rekap.keluhanPerJenisKeluhan, query)
.then((result) => { .then((result) => {
if (result.data.data != undefined) { if (result.data.data != undefined) {
data.value = [...result.data.data.rekapitulasiKeluhanPerJenisKeluhan] data.value = result.data.data.rekapitulasiKeluhanPerJenisKeluhan
.sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan))
.map((item: any, index: number) => {
return {
...item,
number: index + 1
}
})
} else { } else {
data.value = [] data.value = []
} }
@ -1393,13 +1386,6 @@ onMounted(() => {
total_diatas_sla_recovery: 2 total_diatas_sla_recovery: 2
} }
] ]
.sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan))
.map((item: any, index: number) => {
return {
...item,
number: index + 1
}
})
} }
}) })
</script> </script>