From efb641cdf2f8b84c32a943c2d5ce186dd1648b9d Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Tue, 23 Apr 2024 12:08:45 +0700 Subject: [PATCH] Update version.json to 0.0.141-vm --- package.json | 2 +- public/version.json | 2 +- src/components/Form/FiltersType/Type1.vue | 33 +++++ src/components/Form/FiltersType/Type10.vue | 57 ++++++++- src/components/Form/FiltersType/Type11.vue | 32 +++++ src/components/Form/FiltersType/Type12.vue | 121 +++++++++++++------ src/components/Form/FiltersType/Type13.vue | 32 +++++ src/components/Form/FiltersType/Type14.vue | 117 ++++++++++++------ src/components/Form/FiltersType/Type16.vue | 72 +++++++++-- src/components/Form/FiltersType/Type17.vue | 31 ++++- src/components/Form/FiltersType/Type18.vue | 32 +++++ src/components/Form/FiltersType/Type2.vue | 52 ++++++++ src/components/Form/FiltersType/Type3.vue | 55 +++++++-- src/components/Form/FiltersType/Type4.vue | 40 +++++- src/components/Form/FiltersType/Type5.vue | 63 ++++++++-- src/components/Form/FiltersType/Type6.vue | 62 ++++++++-- src/components/Form/FiltersType/Type7.vue | 33 ++++- src/components/Form/FiltersType/Type8.vue | 32 ++++- src/components/Form/FiltersType/Type9.vue | 32 +++++ src/components/Form/FiltersType/reference.ts | 10 ++ src/components/Select.vue | 14 +-- 21 files changed, 793 insertions(+), 131 deletions(-) diff --git a/package.json b/package.json index 338827b..b60c23a 100755 --- a/package.json +++ b/package.json @@ -1 +1 @@ -{"name":"eis","version":"0.0.138-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"},"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"}} \ No newline at end of file +{"name":"eis","version":"0.0.141-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"},"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"}} \ No newline at end of file diff --git a/public/version.json b/public/version.json index f5d6f51..0134d5c 100644 --- a/public/version.json +++ b/public/version.json @@ -1 +1 @@ -{"version":"0.0.138-vm"} \ No newline at end of file +{"version":"0.0.141-vm"} \ No newline at end of file diff --git a/src/components/Form/FiltersType/Type1.vue b/src/components/Form/FiltersType/Type1.vue index 306a726..d520386 100755 --- a/src/components/Form/FiltersType/Type1.vue +++ b/src/components/Form/FiltersType/Type1.vue @@ -38,6 +38,9 @@ const props = defineProps({ } }) +const renderUp3 = ref(false) +const renderPosko = ref(false) + const up3 = ref(props.up3) const uid = ref(props.uid) const posko = ref(props.posko) @@ -58,6 +61,13 @@ const setUid = (value: any) => { selectedUid(value) up3.value = { id: 0, name: up3placeholder } data.value.uid = value + + renderUp3.value = true + renderPosko.value = true + setTimeout(() => { + renderUp3.value = false + renderPosko.value = false + }, 100) } const setUp3 = (value: any) => { @@ -66,6 +76,11 @@ const setUp3 = (value: any) => { console.log(itemsPosko) posko.value = { id: 0, name: poskoPlaceholder } data.value.up3 = value + + renderPosko.value = true + setTimeout(() => { + renderPosko.value = false + }, 100) } const setPosko = (value: any) => { @@ -92,6 +107,15 @@ onMounted(() => { { { uid.value = value selectedUid(value) up3.value = { id: 0, name: up3Placeholder } data.value.uid = value + + renderUp3.value = true + renderUlp.value = true + setTimeout(() => { + renderUp3.value = false + renderUlp.value = false + }, 200) } const setUp3 = (value: any) => { @@ -41,6 +50,11 @@ const setUp3 = (value: any) => { selectedUp3Ulp(value) ulp.value = { id: 0, name: ulpPlaceholder } data.value.up3 = value + + renderUlp.value = true + setTimeout(() => { + renderUlp.value = false + }, 200) } const setUlp = (value: any) => { @@ -65,13 +79,41 @@ onMounted(() => {
- + + +
@@ -84,11 +126,16 @@ onMounted(() => {
- + s/d - +
- diff --git a/src/components/Form/FiltersType/Type11.vue b/src/components/Form/FiltersType/Type11.vue index 1fc8135..c6a9aa9 100755 --- a/src/components/Form/FiltersType/Type11.vue +++ b/src/components/Form/FiltersType/Type11.vue @@ -71,12 +71,21 @@ const data = ref({ minTime: getDataMin().split(' ')[0], maxTime: getDataMax().split(' ')[0] }) +const renderUp3 = ref(false) +const renderUlp = ref(false) const setUid = (value: any) => { uid.value = value selectedUid(value) up3.value = { id: 0, name: up3Placeholder } data.value.uid = value + + renderUp3.value = true + renderUlp.value = true + setTimeout(() => { + renderUp3.value = false + renderUlp.value = false + }, 200) } const setUp3 = (value: any) => { @@ -84,6 +93,11 @@ const setUp3 = (value: any) => { selectedUp3Ulp(value) ulp.value = { id: 0, name: ulpPlaceholder } data.value.up3 = value + + renderUlp.value = true + setTimeout(() => { + renderUlp.value = false + }, 200) } const setUlp = (value: any) => { @@ -143,6 +157,15 @@ onMounted(() => { { -import Select from '@/components/Select.vue'; -import DatePicker from '@/components/DatePicker.vue'; -import InputWithSuffix from '../InputWithSuffix.vue'; -import { selectedUid, selectedUp3Ulp, selectedUlp, fetchUid, itemsUid, itemsUp3, itemsUlp } from './reference'; -import { onMounted, ref } from 'vue'; -const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'; -const up3Placeholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'; -const ulpPlaceholder = 'Semua Unit Layanan Pelanggan'; -const uppp = ref({ id: 0, name: up3Placeholder }); -const uid = ref({ id: 0, name: uidPlaceholder }); -const ulp = ref({ id: 0, name: ulpPlaceholder }); +import Select from '@/components/Select.vue' +import DatePicker from '@/components/DatePicker.vue' +import InputWithSuffix from '../InputWithSuffix.vue' +import { + selectedUid, + selectedUp3Ulp, + selectedUlp, + fetchUid, + itemsUid, + itemsUp3, + itemsUlp +} from './reference' +import { onMounted, ref } from 'vue' +const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah' +const up3Placeholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan' +const ulpPlaceholder = 'Semua Unit Layanan Pelanggan' +const uppp = ref({ id: 0, name: up3Placeholder }) +const uid = ref({ id: 0, name: uidPlaceholder }) +const ulp = ref({ id: 0, name: ulpPlaceholder }) const emit = defineEmits(['update:filters']) const data = ref({ uid: uid.value, @@ -19,25 +27,40 @@ const data = ref({ minDurasiResponseTime: 1, maxDurasiResponseTime: 1 }) +const renderUp3 = ref(false) +const renderUlp = ref(false) + const setUid = (value: any) => { - uid.value = value; - selectedUid(value); - uppp.value = { id: 0, name: up3Placeholder }; - data.value.uid = value; -}; + uid.value = value + selectedUid(value) + uppp.value = { id: 0, name: up3Placeholder } + data.value.uid = value + + renderUp3.value = true + renderUlp.value = true + setTimeout(() => { + renderUp3.value = false + renderUlp.value = false + }, 200) +} const setUp3 = (value: any) => { - uppp.value = value; - selectedUp3Ulp(value); - ulp.value = { id: 0, name: ulpPlaceholder }; - data.value.up3 = value; -}; + uppp.value = value + selectedUp3Ulp(value) + ulp.value = { id: 0, name: ulpPlaceholder } + data.value.up3 = value + + renderUlp.value = true + setTimeout(() => { + renderUlp.value = false + }, 200) +} const setUlp = (value: any) => { - ulp.value = value; - selectedUlp(value); - data.value.ulp = value; -}; + ulp.value = value + selectedUlp(value) + data.value.ulp = value +} const triggerInput = ref(false) const sla = [ { @@ -52,7 +75,7 @@ const sla = [ id: 2, name: 'Melebihi SLA (> 45 menit)' } -]; +] const changeDuration = (value: any) => { if (value.id === 0) { console.log('Durasi Menit') @@ -70,7 +93,6 @@ const changeDuration = (value: any) => { triggerInput.value = true console.log('Melebihi SLA (> 45 menit)') } - } onMounted(() => { emit('update:filters', data.value) @@ -89,19 +111,41 @@ onMounted(() => {
- + +
- +
@@ -111,14 +155,21 @@ onMounted(() => { + + + +