ปรับ tab ประเมิน kpi
This commit is contained in:
parent
0265392ad1
commit
2613ef7a36
7 changed files with 28 additions and 18 deletions
|
|
@ -1,3 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="q-pa-md">2</div>
|
|
||||||
</template>
|
|
||||||
3
src/modules/08_KPI/components/Tab/02_Evaluator.vue
Normal file
3
src/modules/08_KPI/components/Tab/02_Evaluator.vue
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div class="q-pa-md">ผู้ประเมิน</div>
|
||||||
|
</template>
|
||||||
3
src/modules/08_KPI/components/Tab/03_CommanderAbove.vue
Normal file
3
src/modules/08_KPI/components/Tab/03_CommanderAbove.vue
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div class="q-pa-md">ผู้บังคับบัญชา เหนือขึ้นไป</div>
|
||||||
|
</template>
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="q-pa-md">3</div>
|
|
||||||
</template>
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div class="q-pa-md">ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง</div>
|
||||||
|
</template>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue