แก้ tabs ฟอร์มประเมิน KPI

This commit is contained in:
Warunee Tamkoo 2024-04-26 16:37:28 +07:00
parent 1bfd3161b5
commit 6ddcffd459
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

@ -3,9 +3,10 @@ import { ref } from "vue";
import { useRoute } from "vue-router";
import Assessment from "@/modules/14_KPI/components/detailList/01_Assessment.vue";
import CommanderAbove from "@/modules/14_KPI/components/detailList/02_CommanderAbove.vue";
import CommanderAboveOneStep from "@/modules/14_KPI/components/detailList/03_CommanderAboveOneStep.vue";
import File from "@/modules/14_KPI/components/detailList/04_File.vue";
import Evaluator from "@/modules/14_KPI/components/detailList/02_Evaluator.vue";
import CommanderAbove from "@/modules/14_KPI/components/detailList/03_CommanderAbove.vue";
import CommanderAboveOneStep from "@/modules/14_KPI/components/detailList/04_CommanderAboveOneStep.vue";
import File from "@/modules/14_KPI/components/detailList/05_File.vue";
import { useKPIDataStore } from "@/modules/14_KPI/store/KPIStore";
@ -21,14 +22,18 @@ const itemsTab = ref<any>([
},
{
name: "2",
label: "ผู้บังคับบัญชาเหนือขึ้นไป",
label: "ผู้ประเมิน",
},
{
name: "3",
label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกหนึ่งขั้น",
label: "ผู้บังคับบัญชาเหนือขึ้นไป",
},
{
name: "4",
label: "ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง",
},
{
name: "5",
label: "ไฟล์เอกสาร",
},
]);
@ -45,13 +50,14 @@ const splitterModel = ref<number>(12);
active-class="bg-blue-1 text-blue-8 text-weight-bold"
>
<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>
</q-tab>
<q-tab name="3" label="ผู้บังคับบัญชา">
<div class="text-caption">เหนอขนไปอหน</div>
<q-tab name="4" label="ผู้บังคับบัญชา">
<div class="text-caption">เหนอขนไปอหน</div>
</q-tab>
<q-tab name="4" label="ไฟล์เอกสาร" />
<q-tab name="5" label="ไฟล์เอกสาร" />
</q-tabs>
</template>
@ -71,9 +77,10 @@ const splitterModel = ref<number>(12);
class="q-pa-none"
>
<Assessment v-if="store.tabMain === '1'" />
<CommanderAbove v-if="store.tabMain === '2'" />
<CommanderAboveOneStep v-if="store.tabMain === '3'" />
<File v-if="store.tabMain === '4'" />
<Evaluator v-if="store.tabMain === '2'" />
<CommanderAbove v-if="store.tabMain === '3'" />
<CommanderAboveOneStep v-if="store.tabMain === '4'" />
<File v-if="store.tabMain === '5'" />
</q-tab-panel>
</q-tab-panels>
</template>