hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

update form probation

Browse source
This commit is contained in:
Warunee Tamkoo 2023-07-27 17:13:38 +07:00
parent 000e86eeb2
commit 457e76f237
4 changed files with 869 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

132
src/modules/05_placement/components/probation/MainDetail.vue
View file

@ -11,6 +11,9 @@ const TabsTemplate1 = defineAsyncComponent(
const TabsTemplate2 = defineAsyncComponent(
() => import("@/modules/05_placement/components/probation/FormEvaluation/Template2.vue")
);
const TabsTemplate2Format2 = defineAsyncComponent(
() => import("@/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue")
);
const TabsTemplate3 = defineAsyncComponent(
() => import("@/modules/05_placement/components/probation/FormEvaluation/Template3.vue")
);
@ -32,109 +35,70 @@ const activeTab = ref<string>("tab1");
<template>
<!-- <div class="toptitle text-dark col-12 row items-center">จัดการบัญชี 2</div> -->
<q-card flat bordered class="col-12">
<q-layout
view="hHh Lpr lff"
container
class="shadow-2 rounded-borders page-relative"
style="height: 82vh"
>
<q-layout view="hHh Lpr lff" container class="shadow-2 rounded-borders page-relative" style="height: 82vh">
<q-header class="bg-grey-1">
<q-toolbar>
<div
class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md"
>
<q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="router.go(-1)"
/>
<div class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md">
<q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm"
@click="router.go(-1)" />
การทดลองปฏิบัติหน้าที่ราชการของ นายสมคิด ยอดใจ
</div>
</q-toolbar>
<q-separator />
</q-header>
<q-drawer
v-model="drawer"
show-if-above
:width="150"
:breakpoint="500"
class="bg-grey-1"
bordered
>
<q-drawer v-model="drawer" show-if-above :width="150" :breakpoint="500" class="bg-grey-1" bordered>
<q-scroll-area class="fit" :horizontal-thumb-style="{ opacity: 0 }">
<q-list class="text-grey-7">
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable
class="q-py-sm"
dense
v-ripple
:active="activeTab == 'tab1'"
@click="activeTab = 'tab1'"
>
<q-item-section avatar style="min-width: 40px">
<q-item active-class="text-primary bg-teal-1 text-weight-medium" clickable class="q-py-sm" dense v-ripple
:active="activeTab == 'tab1'" @click="activeTab = 'tab1'">
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file" />
</q-item-section>
</q-item-section> -->
<q-item-section> แบบมอบหมายงาน</q-item-section>
<q-item-section> แบบมอบหมายงานฯ</q-item-section>
</q-item>
<q-item
dense
class="q-py-sm"
active-class="text-primary bg-teal-1 text-weight-medium"
clickable
v-ripple
:active="activeTab == 'tab2'"
@click="activeTab = 'tab2'"
>
<q-item-section avatar style="min-width: 40px">
<q-item dense class="q-py-sm" active-class="text-primary bg-teal-1 text-weight-medium" clickable v-ripple
:active="activeTab == 'tab2'" @click="activeTab = 'tab2'">
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-edit" />
</q-item-section>
</q-item-section> -->
<q-item-section>
บันทึกผล
แบบบันทึกผล
</q-item-section>
</q-item>
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable
class="q-py-sm"
dense
v-ripple
:active="activeTab == 'tab3'"
@click="activeTab = 'tab3'"
>
<q-item-section avatar style="min-width: 40px">
<q-item active-class="text-primary bg-teal-1 text-weight-medium" clickable class="q-py-sm" dense v-ripple
:active="activeTab == 'tab3'" @click="activeTab = 'tab3'">
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section>
</q-item-section> -->
<q-item-section>
ประเมินผล
แบบประเมินผล (ผู้บังคับบัญชา)
</q-item-section>
</q-item>
<q-item
active-class="text-primary bg-teal-1 text-weight-medium"
clickable
class="q-py-sm"
dense
v-ripple
:active="activeTab == 'tab4'"
@click="activeTab = 'tab4'"
>
<q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-chart" />
</q-item-section>
<q-item active-class="text-primary bg-teal-1 text-weight-medium" clickable class="q-py-sm" dense v-ripple
:active="activeTab == 'tab4'" @click="activeTab = 'tab4'">
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section> -->
<q-item-section>
รายงานการประเมินผล
แบบประเมินผล (คณะกรรมการ)
</q-item-section>
</q-item>
<q-item active-class="text-primary bg-teal-1 text-weight-medium" clickable class="q-py-sm" dense v-ripple
:active="activeTab == 'tab5'" @click="activeTab = 'tab5'">
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-chart" />
</q-item-section> -->
<q-item-section>
แบบรายงานการประเมินฯ
</q-item-section>
</q-item>
</q-list>
@ -142,22 +106,24 @@ const activeTab = ref<string>("tab1");
</q-drawer>
<q-page-container>
<q-layout view="hHh Lpr lFf" container style="height: 72vh">
<q-tab-panels
v-model="activeTab"
animated
class="shadow-2 rounded-borders"
vertical
>
<q-tab-panels v-model="activeTab" animated class="shadow-2 rounded-borders" vertical>
<q-tab-panel name="tab1">
<ProbationFormAssign />
</q-tab-panel>
<q-tab-panel name="tab2"> <TabsTemplate1 /></q-tab-panel>
<q-tab-panel name="tab2">
<TabsTemplate1 />
</q-tab-panel>
<q-tab-panel name="tab3">
<TabsTemplate2 />
</q-tab-panel>
<q-tab-panel name="tab4">
<TabsTemplate2Format2 />
</q-tab-panel>
<q-tab-panel name="tab5">
<TabsTemplate3 />
</q-tab-panel>
</q-tab-panels>