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

completed create all filters type

Browse Source
This commit is contained in:
kur0nek-o
2023-11-02 17:00:17 +07:00
parent 4635106e5d
commit c9e200c174
30 changed files with 770 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Pages/Gangguan/Table_1.vue
View File

@ -72,6 +72,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { writeDataJson } from '@/utils/storage'
import { useDialogStore } from '@/stores/dialog'
import { useFiltersStore } from '@/stores/filters'
const dialog = useDialogStore()
const data = ref<Data1[]>([])
@ -146,9 +147,13 @@ const showData = (data: string) => {
}
onMounted(() => {
createDummy()
// console.log(readDataJson('data-daftar-1'));
const filters = useFiltersStore()
createDummy()
filters.setConfig({
type: 'type-15',
reportButton: false
})
})
</script>

51
src/components/Pages/MenuProvider.vue
View File

@ -2,17 +2,26 @@
<main
class="flex flex-col justify-between flex-1 px-4 overflow-y-auto bg-white md:mr-3 sm:px-3 md:px-6 rounded-t-2xl md:rounded-t-3xl no-scroll-bar">
<div v-if="route.path !== '/home'" class="mt-4 lg:mt-6 max-w-7xl">
<h1 class="text-xl font-medium md:text-3xl text-dark">{{ pageMetaData[0] }}</h1>
<h1 class="text-xl font-medium md:text-3xl text-dark">{{ pageTitle }}</h1>
</div>
<div class="flex-1 mt-2 sm:mt-4 dx-viewport">
<Filters :report-button="(typeof pageMetaData[2]) !== 'undefined'" class="mb-4" v-if="pageMetaData.length > 1">
<Type1 v-if="pageMetaData[1] == 'type-1'" />
<Type2 v-if="pageMetaData[1] == 'type-2'" />
<Type3 v-if="pageMetaData[1] == 'type-3'" />
<Type4 v-if="pageMetaData[1] == 'type-4'" />
<Type5 v-if="pageMetaData[1] == 'type-5'" />
<Type6 v-if="pageMetaData[1] == 'type-6'" />
<Type7 v-if="pageMetaData[1] == 'type-7'" />
<Filters :report-button="filters.config.reportButton" class="mb-4" v-if="filters.config.type">
<Type1 v-if="filters.config.type == 'type-1'" />
<Type2 v-else-if="filters.config.type == 'type-2'" />
<Type3 v-else-if="filters.config.type == 'type-3'" />
<Type4 v-else-if="filters.config.type == 'type-4'" />
<Type5 v-else-if="filters.config.type == 'type-5'" />
<Type6 v-else-if="filters.config.type == 'type-6'" />
<Type7 v-else-if="filters.config.type == 'type-7'" />
<Type8 v-else-if="filters.config.type == 'type-8'" />
<Type9 v-else-if="filters.config.type == 'type-9'" />
<Type10 v-else-if="filters.config.type == 'type-10'" />
<Type11 v-else-if="filters.config.type == 'type-11'" />
<Type12 v-else-if="filters.config.type == 'type-12'" />
<Type13 v-else-if="filters.config.type == 'type-13'" />
<Type14 v-else-if="filters.config.type == 'type-14'" />
<Type15 v-else-if="filters.config.type == 'type-15'" />
<Type17 v-else-if="filters.config.type == 'type-17'" />
</Filters>
<slot></slot>
@ -31,20 +40,22 @@ import Type4 from '../Form/FiltersType/Type4.vue';
import Type5 from '../Form/FiltersType/Type5.vue';
import Type6 from '../Form/FiltersType/Type6.vue';
import Type7 from '../Form/FiltersType/Type7.vue';
import Type8 from '../Form/FiltersType/Type8.vue';
import Type9 from '../Form/FiltersType/Type9.vue';
import Type10 from '../Form/FiltersType/Type10.vue';
import Type11 from '../Form/FiltersType/Type11.vue';
import Type12 from '../Form/FiltersType/Type12.vue';
import Type13 from '../Form/FiltersType/Type13.vue';
import Type14 from '../Form/FiltersType/Type14.vue';
import Type15 from '../Form/FiltersType/Type15.vue';
import Type16 from '../Form/FiltersType/Type16.vue';
import Type17 from '../Form/FiltersType/Type17.vue';
import { useFiltersStore } from '@/stores/filters';
// Dapatkan objek route dari vue-router
const route = useRoute()
// Dapatkan nama rute menggunakan computed property
const pageMetaData = computed(() => {
let result: string[] = [];
if (typeof route.name === 'string' && route.name.includes(' | ')) {
result = route.name.split(' | ');
} else if (typeof route.name === 'string') {
result = [route.name]
}
return result
});
const pageTitle = computed(() => route.name)
const filters = useFiltersStore()
</script>