ปรับ tab ประเมิน kpi

This commit is contained in:
Warunee Tamkoo 2024-04-26 16:42:14 +07:00
parent 0265392ad1
commit 2613ef7a36
7 changed files with 28 additions and 18 deletions

View file

@ -1,3 +0,0 @@
<template>
<div class="q-pa-md">2</div>
</template>

View file

@ -0,0 +1,3 @@
<template>
<div class="q-pa-md">ประเม</div>
</template>

View file

@ -0,0 +1,3 @@
<template>
<div class="q-pa-md">งคบบญชา เหนอขนไป</div>
</template>

View file

@ -1,3 +0,0 @@
<template>
<div class="q-pa-md">3</div>
</template>

View file

@ -0,0 +1,3 @@
<template>
<div class="q-pa-md">งคบบญชาเหนอขนไปอกชนหน</div>
</template>

View file

@ -4,9 +4,10 @@ import { useKpiDataStore } from "@/modules/08_KPI/store";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import Assessment from "@/modules/08_KPI/components/Tab/01_Assessment.vue"; import Assessment from "@/modules/08_KPI/components/Tab/01_Assessment.vue";
import CommanderAbove from "@/modules/08_KPI/components/Tab/02_CommanderAbove.vue"; import Evaluator from "@/modules/08_KPI/components/Tab/02_Evaluator.vue";
import CommanderAboveOneStep from "@/modules/08_KPI/components/Tab/03_CommanderAboveOneStep.vue"; import CommanderAbove from "@/modules/08_KPI/components/Tab/03_CommanderAbove.vue";
import File from "@/modules/08_KPI/components/Tab/04_File.vue"; import CommanderAboveOneStep from "@/modules/08_KPI/components/Tab/04_CommanderAboveOneStep.vue";
import File from "@/modules/08_KPI/components/Tab/05_File.vue";
const store = useKpiDataStore(); const store = useKpiDataStore();
const route = useRoute(); const route = useRoute();
@ -19,14 +20,18 @@ const itemsTab = ref<any>([
}, },
{ {
name: "2", name: "2",
label: "ผู้บังคับบัญชาเหนือขึ้นไป", label: "ผู้ประเมิน",
}, },
{ {
name: "3", name: "3",
label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกหนึ่งขั้น", label: "ผู้บังคับบัญชาเหนือขึ้นไป",
}, },
{ {
name: "4", name: "4",
label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง",
},
{
name: "5",
label: "ไฟล์เอกสาร", label: "ไฟล์เอกสาร",
}, },
]); ]);
@ -51,13 +56,14 @@ const splitterModel = ref<number>(12);
:label="tab.label" :label="tab.label"
/> --> /> -->
<q-tab name="1" label="ผู้ขอรับการประเมิน" /> <q-tab name="1" label="ผู้ขอรับการประเมิน" />
<q-tab name="2" label="ผู้บังคับบัญชา"> <q-tab name="2" label="ผู้ประเมิน"> </q-tab>
<q-tab name="3" label="ผู้บังคับบัญชา">
<div class="text-caption">เหนอขนไป</div> <div class="text-caption">เหนอขนไป</div>
</q-tab> </q-tab>
<q-tab name="3" label="ผู้บังคับบัญชา"> <q-tab name="4" label="ผู้บังคับบัญชา">
<div class="text-caption">เหนอขนไปอหน</div> <div class="text-caption">เหนอขนไปอหน</div>
</q-tab> </q-tab>
<q-tab name="4" label="ไฟล์เอกสาร" /> <q-tab name="5" label="ไฟล์เอกสาร" />
</q-tabs> </q-tabs>
</template> </template>
@ -77,9 +83,10 @@ const splitterModel = ref<number>(12);
class="q-pa-none" class="q-pa-none"
> >
<Assessment v-if="store.tabMain === '1'" /> <Assessment v-if="store.tabMain === '1'" />
<CommanderAbove v-if="store.tabMain === '2'" /> <Evaluator v-if="store.tabMain === '2'" />
<CommanderAboveOneStep v-if="store.tabMain === '3'" /> <CommanderAbove v-if="store.tabMain === '3'" />
<File v-if="store.tabMain === '4'" /> <CommanderAboveOneStep v-if="store.tabMain === '4'" />
<File v-if="store.tabMain === '5'" />
</q-tab-panel> </q-tab-panel>
</q-tab-panels> </q-tab-panels>
</template> </template>