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

Merge branch 'develop' into nice_dev

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-01-18 12:01:12 +07:00
commit bf22c55b23
18 changed files with 704 additions and 627 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/11_discipline/components/8_AppealComplain/Form.vue
View file

@ -489,9 +489,9 @@ onMounted(() => {
outlined outlined
hide-bottom-space hide-bottom-space
v-model="formData.title" v-model="formData.title"
:rules="[(val) => !!val || 'กรุณากรอกอุทธรณ์/ร้องทุกข์']" :rules="[(val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์']"
lazy-rules lazy-rules
label="อุทธรณ์/ร้องทุกข์" label="เรื่องอุทธรณ์/ร้องทุกข์"
/> />
</div> </div>
</div> </div>

50
src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
View file

@ -13,6 +13,7 @@ const store = useEvaluateDetailStore();
header-nav header-nav
ref="stepper" ref="stepper"
:bordered="false" :bordered="false"
class="stepEva text-grey-8"
> >
<q-step <q-step
keep-alive keep-alive
@ -20,6 +21,7 @@ const store = useEvaluateDetailStore();
prefix="1" prefix="1"
title="ตรวจสอบคุณสมบัติ" title="ตรวจสอบคุณสมบัติ"
:done="store.step >= 1" :done="store.step >= 1"
class="subStep"
> >
</q-step> </q-step>
@ -29,6 +31,7 @@ const store = useEvaluateDetailStore();
title="จัดเตรียมเอกสารเล่ม 1" title="จัดเตรียมเอกสารเล่ม 1"
:done="store.step >= 2" :done="store.step >= 2"
:disable="store.currentStep < 2" :disable="store.currentStep < 2"
class="subStep"
> >
</q-step> </q-step>
@ -38,6 +41,7 @@ const store = useEvaluateDetailStore();
title="ตรวจสอบเอกสารเล่ม 1" title="ตรวจสอบเอกสารเล่ม 1"
:done="store.step >= 3" :done="store.step >= 3"
:disable="store.currentStep < 3" :disable="store.currentStep < 3"
class="subStep"
> >
</q-step> </q-step>
@ -47,6 +51,7 @@ const store = useEvaluateDetailStore();
title="รอตรวจสอบคุณสมบัติ" title="รอตรวจสอบคุณสมบัติ"
:done="store.step >= 4" :done="store.step >= 4"
:disable="store.currentStep < 4" :disable="store.currentStep < 4"
class="subStep"
> >
</q-step> </q-step>
@ -56,6 +61,7 @@ const store = useEvaluateDetailStore();
title="ประกาศบนเว็บไซต์" title="ประกาศบนเว็บไซต์"
:done="store.step >= 5" :done="store.step >= 5"
:disable="store.currentStep < 5" :disable="store.currentStep < 5"
class="subStep"
> >
</q-step> </q-step>
@ -65,6 +71,7 @@ const store = useEvaluateDetailStore();
title="จัดเตรียมเอกสารเล่ม 2" title="จัดเตรียมเอกสารเล่ม 2"
:done="store.step >= 6" :done="store.step >= 6"
:disable="store.currentStep < 6" :disable="store.currentStep < 6"
class="subStep"
> >
</q-step> </q-step>
@ -74,6 +81,7 @@ const store = useEvaluateDetailStore();
title="ตรวจสอบเอกสารเล่ม 2" title="ตรวจสอบเอกสารเล่ม 2"
:done="store.step >= 7" :done="store.step >= 7"
:disable="store.currentStep < 7" :disable="store.currentStep < 7"
class="subStep"
> >
</q-step> </q-step>
@ -83,6 +91,7 @@ const store = useEvaluateDetailStore();
title="รอพิจารณาผลการประเมิน" title="รอพิจารณาผลการประเมิน"
:done="store.step >= 8" :done="store.step >= 8"
:disable="store.currentStep < 8" :disable="store.currentStep < 8"
class="subStep"
> >
</q-step> </q-step>
@ -92,9 +101,48 @@ const store = useEvaluateDetailStore();
title="เสร็จสิ้น" title="เสร็จสิ้น"
:done="store.step >= 9" :done="store.step >= 9"
:disable="store.currentStep < 9" :disable="store.currentStep < 9"
class="subStep"
> >
</q-step> </q-step>
</q-stepper> </q-stepper>
</template> </template>
<style scoped></style> <style>
.stepEva {
padding: 0px !important;
}
.subStep .q-stepper__tab {
padding: 10px 10px !important;
border-radius: 8px;
font-size: 0.9rem;
}
/* steppe active */
.stepEva .q-stepper__tab--active .q-stepper__title {
color: #34373c !important;
font-weight: 500 !important;
}
.stepEva .q-stepper__tab--active .q-stepper__dot {
color: white !important;
border: 1.5px solid #02a998;
}
.stepEva .q-stepper__tab--active .q-stepper__dot span {
color: #02a998;
}
/* steppe done */
.stepEva .q-stepper__tab--done .q-stepper__dot {
color: #02a998;
}
.stepEva.q-stepper--vertical .q-stepper__dot:before,
.stepEva.q-stepper--vertical .q-stepper__dot:after {
width: 1px;
background: #c8d3db;
}
.stepEva .q-stepper__tab .q-stepper__title {
color: #9a9a9a;
font-weight: 400;
}
</style>

68
src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
View file

@ -120,32 +120,45 @@ onMounted(async () => {
</script> </script>
<template> <template>
<q-card bordered class="col-12 row caedNone q-pa-md q-col-gutter-md"> <q-card bordered class="col-12 row caedNone q-col-gutter-md">
<div class="col-xs-12 col-sm-3"> <div class="col-xs-12 col-sm-3 row">
<div class="toptitle"> <div class="col-12 row no-wrap">
{{ <div class="col-12 q-py-md q-px-lg">
props.data && props.data?.type == "SPECIAL_EXPERT" <div class="col-12 row items-center no-wrap">
? "ประเมินชำนาญการพิเศษ" <div class="toptitle2">
: "ประเมินชำนาญการ" {{
}} props.data && props.data?.type == "SPECIAL_EXPERT"
? "ประเมินชำนาญการพิเศษ"
<q-btn : "ประเมินชำนาญการ"
flat }}
round </div>
dense <q-space/>
color="primary" <div>
icon="history" <q-btn
@click="onClickPopupHistory" flat
> round
<q-tooltip>ประวัติการประเมิน</q-tooltip> dense
</q-btn> color="primary"
icon="history"
@click="onClickPopupHistory"
>
<q-tooltip>ประวัติการประเมิน</q-tooltip>
</q-btn>
</div>
</div>
<div class="col-12">
<Stepper />
</div>
</div>
<div class="col-12 row">
<q-separator :vertical="!$q.screen.lt.md" />
</div>
</div> </div>
<Stepper />
</div> </div>
<div class="col-xs-12 col-sm-9"> <div class="col-xs-12 col-sm-9 q-pa-md">
<div class="col-12 row"> <div class="col-12 row q-pt-md">
<div class="toptitle"> <div class="toptitle2">
{{ store.step }}.{{ store.titel[store.step - 1] }} {{ store.step }}.{{ store.titel[store.step - 1] }}
</div> </div>
</div> </div>
@ -162,8 +175,7 @@ onMounted(async () => {
: 'col-xs-12 col-sm-5 row' : 'col-xs-12 col-sm-5 row'
" "
> >
<q-card flat bordered class="col-12 q-pa-md"> <q-card flat bordered class="col-12">
<q-card-section>
<Step1 v-if="store.step === 1" :data="props.data" /> <Step1 v-if="store.step === 1" :data="props.data" />
<Step2 v-if="store.step === 2" @update:form="updateformCommand" /> <Step2 v-if="store.step === 2" @update:form="updateformCommand" />
<Step3 v-if="store.step === 3" :step="store.step" /> <Step3 v-if="store.step === 3" :step="store.step" />
@ -173,7 +185,6 @@ onMounted(async () => {
<Step7 v-if="store.step === 7" /> <Step7 v-if="store.step === 7" />
<Step8 v-if="store.step === 8" /> <Step8 v-if="store.step === 8" />
<Step9 v-if="store.step === 9" /> <Step9 v-if="store.step === 9" />
</q-card-section>
</q-card> </q-card>
</div> </div>
<div <div
@ -200,4 +211,9 @@ onMounted(async () => {
.q-stepper--vertical .q-stepper__step-inner { .q-stepper--vertical .q-stepper__step-inner {
padding: 0; padding: 0;
} }
.toptitle2 {
font-size: 1rem;
font-weight: bold;
margin-bottom: 1.2%;
}
</style> </style>

227
src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
View file

@ -23,110 +23,127 @@ const formData = reactive<FormFeature>({
</script> </script>
<template> <template>
<q-list> <div class="q-pa-sm" :style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;' ">
<q-item v-ripple> <q-list dense>
<q-item-section avatar> <q-item v-ripple class="listItem">
<q-checkbox <q-item-section avatar>
disable <q-checkbox
keep-color disable
color="primary" keep-color
v-model="formData.isEducationalQft" color="primary"
/> size="sm"
</q-item-section> v-model="formData.isEducationalQft"
<q-item-section> />
<q-item-label>คุณวุฒิการศึกษา </q-item-label> </q-item-section>
</q-item-section> <q-item-section>
</q-item> <q-item-label>คุณวุฒิการศึกษา </q-item-label>
<q-item v-ripple> </q-item-section>
<q-item-section avatar> </q-item>
<q-checkbox <q-item v-ripple class="listItem">
disable <q-item-section avatar>
keep-color <q-checkbox
color="primary" disable
v-model="formData.isGovermantServiceHtr" keep-color
/> color="primary"
</q-item-section> size="sm"
<q-item-section> v-model="formData.isGovermantServiceHtr"
<q-item-label>ประวัติการรับราชการ </q-item-label> />
</q-item-section> </q-item-section>
</q-item> <q-item-section>
<q-item v-ripple> <q-item-label>ประวัติการรับราชการ </q-item-label>
<q-item-section avatar> </q-item-section>
<q-checkbox </q-item>
disabled <q-item v-ripple class="listItem">
keep-color <q-item-section avatar>
color="primary" <q-checkbox
v-model="formData.isOperatingExp" disabled
/> keep-color
</q-item-section> color="primary"
<q-item-section> size="sm"
<q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label> v-model="formData.isOperatingExp"
</q-item-section> />
</q-item> </q-item-section>
<q-item v-ripple> <q-item-section>
<q-item-section avatar> <q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
<q-checkbox </q-item-section>
disable </q-item>
keep-color <q-item v-ripple class="listItem">
color="primary" <q-item-section avatar>
v-model="formData.isMinPeriodOfTenure" <q-checkbox
/> disable
</q-item-section> keep-color
<q-item-section> color="primary"
<q-item-label size="sm"
>ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก</q-item-label v-model="formData.isMinPeriodOfTenure"
> />
</q-item-section> </q-item-section>
</q-item> <q-item-section>
<q-item v-ripple> <q-item-label
<q-item-section avatar> >ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก</q-item-label
<q-checkbox >
disable </q-item-section>
keep-color </q-item>
color="primary" <q-item v-ripple class="listItem">
v-model="formData.isHaveSpecificQft" <q-item-section avatar>
/> <q-checkbox
</q-item-section> disable
<q-item-section> keep-color
<q-item-label color="primary"
>มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด size="sm"
ในมาตรฐานกำหนดตำแหน่ง</q-item-label v-model="formData.isHaveSpecificQft"
> />
</q-item-section> </q-item-section>
</q-item> <q-item-section>
<q-item v-ripple> <q-item-label
<q-item-section avatar> >มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
<q-checkbox ในมาตรฐานกำหนดตำแหน่ง</q-item-label
disable >
keep-color </q-item-section>
color="primary" </q-item>
v-model="formData.isHaveProLicense" <q-item v-ripple class="listItem">
/> <q-item-section avatar>
</q-item-section> <q-checkbox
<q-item-section> disable
<q-item-label keep-color
>มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ color="primary"
คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา size="sm"
สถาปนิก ฯลฯ)</q-item-label v-model="formData.isHaveProLicense"
> />
</q-item-section> </q-item-section>
</q-item> <q-item-section>
<q-item v-ripple> <q-item-label
<q-item-section avatar> >มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
<q-checkbox คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
disable สถาปนิก ฯลฯ)</q-item-label
keep-color >
color="primary" </q-item-section>
v-model="formData.isHaveMinPeriodOrHoldPos" </q-item>
/> <q-item v-ripple class="listItem">
</q-item-section> <q-item-section avatar>
<q-item-section> <q-checkbox
<q-item-label disable
>มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label keep-color
> color="primary"
</q-item-section> size="sm"
</q-item> v-model="formData.isHaveMinPeriodOrHoldPos"
</q-list> />
</q-item-section>
<q-item-section>
<q-item-label
>มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
>
</q-item-section>
</q-item>
</q-list>
</div>
</template> </template>
<style scoped></style> <style >
.listItem{
padding: 5px 0px !important;
}
.listItem .q-item__section--avatar{
min-width: auto !important;
}
</style>

212
src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
View file

@ -58,120 +58,128 @@ onMounted(async () => {
</script> </script>
<template> <template>
<div class="row q-col-gutter-md"> <div class="q-pa-sm col-12">
<!-- ผลงาน --> <div class="row q-col-gutter-sm">
<div class="col-12"> <!-- ผลงาน -->
<q-card bordered style="border: 1px solid #d6dee1"> <div class="col-12">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div> <q-card bordered style="border: 1px solid #d6dee1">
<div class="col-12"><q-separator /></div> <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
<div class="row"> <div class="col-12"><q-separator /></div>
<div class="col-12 q-pa-sm"> <div class="row">
<div class="row q-col-gutter-md col-12"> <div class="col-12 q-pa-sm">
<div class="col-xs-12 col-sm-12 row"> <div class="row q-col-gutter-sm col-12">
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="col-xs-12 col-sm-12 row">
<q-input <div class="row col-12 q-col-gutter-sm">
readonly <q-input
dense readonly
class="col-xs-12 col-sm-6" dense
outlined class="col-xs-12 col-sm-6"
label="ชื่อผลงาน" outlined
v-model="subject" label="ชื่อผลงาน"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]" v-model="subject"
lazy-rules :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
/> lazy-rules
<q-input hide-bottom-space
readonly />
class="col-xs-12 col-sm-6" <q-input
dense readonly
outlined class="col-xs-12 col-sm-6"
v-model="author" dense
label="เจ้าของผลงาน" outlined
:rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]" v-model="author"
lazy-rules label="เจ้าของผลงาน"
/> :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
lazy-rules
hide-bottom-space
/>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </q-card>
</q-card> </div>
</div>
<!-- เลือกผู้เซ็นเอกสาร --> <!-- เลือกผู้เซ็นเอกสาร -->
<div class="col-12"> <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1"> <q-card bordered style="border: 1px solid #d6dee1">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md"> <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
เลือกผู้เซ็นเอกสาร เลือกผู้เซ็นเอกสาร
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="row"> <div class="row">
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm"> <div class="text-weight-medium q-py-xs q-pl-sm">
ผู้บังคับบัญชาชั้นต้น ผู้บังคับบัญชาชั้นต้น
</div> </div>
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="elementaryFullNameRef" ref="elementaryFullNameRef"
dense dense
class="col-xs-12 col-sm-6" class="col-xs-12 col-sm-6"
outlined outlined
label="ชื่อ-นามสกุล" label="ชื่อ-นามสกุล"
v-model="formCommand.elementaryFullName" v-model="formCommand.elementaryFullName"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules lazy-rules
/> hide-bottom-space
<q-input />
readonly <q-input
ref="elementaryPositonRef" readonly
class="col-xs-12 col-sm-6" ref="elementaryPositonRef"
dense class="col-xs-12 col-sm-6"
outlined dense
v-model="formCommand.elementaryPosition" outlined
label="ตำแหน่ง" v-model="formCommand.elementaryPosition"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]" label="ตำแหน่ง"
lazy-rules :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
/> lazy-rules
hide-bottom-space
/>
</div>
</div> </div>
</div> </div>
</div>
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm"> <div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div> </div>
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="abovelevelFullnameRef" ref="abovelevelFullnameRef"
dense dense
class="col-xs-12 col-sm-6" class="col-xs-12 col-sm-6"
outlined outlined
v-model="formCommand.abovelevelFullname" v-model="formCommand.abovelevelFullname"
label="ชื่อ-นามสกุล" label="ชื่อ-นามสกุล"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules lazy-rules
/> hide-bottom-space
<q-input />
ref="abovelevelPositionRef" <q-input
class="col-xs-12 col-sm-6" ref="abovelevelPositionRef"
dense class="col-xs-12 col-sm-6"
readonly dense
outlined readonly
v-model="formCommand.abovelevelPosition" outlined
label="ตำแหน่ง" v-model="formCommand.abovelevelPosition"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]" label="ตำแหน่ง"
lazy-rules :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
/> lazy-rules
hide-bottom-space
/>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </q-card>
</q-card> </div>
</div> </div>
</div> </div>
</template> </template>

15
src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
View file

@ -121,7 +121,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<q-list separator> <q-list separator dense>
<q-item <q-item
clickable clickable
v-ripple v-ripple
@ -129,7 +129,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(1)" @click="handleItemClick(1)"
> >
<q-item-section>แบบพิจารณาคุณสมบัติบุคคล</q-item-section> <q-item-section class="q-py-sm">แบบพิจารณาคุณสมบัติบุคคล</q-item-section>
</q-item> </q-item>
<q-item <q-item
clickable clickable
@ -138,7 +138,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(2)" @click="handleItemClick(2)"
> >
<q-item-section>แบบแสดงรายละเอียดการเสนอผลงาน</q-item-section> <q-item-section class="q-py-sm">แบบแสดงรายละเอียดการเสนอผลงาน</q-item-section>
</q-item> </q-item>
<q-item <q-item
clickable clickable
@ -147,8 +147,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(3)" @click="handleItemClick(3)"
> >
<q-item-section <q-item-section class="q-py-sm">แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
>แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
(เอกสารแบบ ก)</q-item-section (เอกสารแบบ ก)</q-item-section
> >
</q-item> </q-item>
@ -159,7 +158,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(4)" @click="handleItemClick(4)"
> >
<q-item-section> แบบประเมินคุณลักษณะบุคคล </q-item-section> <q-item-section class="q-py-sm"> แบบประเมินคุณลักษณะบุคคล </q-item-section>
</q-item> </q-item>
<q-item <q-item
clickable clickable
@ -168,7 +167,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(5)" @click="handleItemClick(5)"
> >
<q-item-section> <q-item-section class="q-py-sm">
แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9) แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -179,7 +178,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(6)" @click="handleItemClick(6)"
> >
<q-item-section> ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) </q-item-section> <q-item-section class="q-py-sm"> ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</template> </template>

146
src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
View file

@ -385,7 +385,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-sm q-pa-sm">
<!-- เอกสารเล่มที่ 1 --> <!-- เอกสารเล่มที่ 1 -->
<div class="col-12"> <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1"> <q-card bordered style="border: 1px solid #d6dee1">
@ -399,10 +399,9 @@ onMounted(async () => {
:key="file.id" :key="file.id"
class="full-width" class="full-width"
bordered bordered
separator
> >
<q-item clickable v-ripple> <q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section> <q-item-section class="text-grey-9">{{ file.fileName }}</q-item-section>
<q-item-section avatar> <q-item-section avatar>
<div class="row"> <div class="row">
<div> <div>
@ -412,7 +411,7 @@ onMounted(async () => {
round round
size="12px" size="12px"
color="blue" color="blue"
icon="mdi-download-outline" icon="mdi-download"
@click="downloadFile(file.pathName)" @click="downloadFile(file.pathName)"
> >
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip> <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
@ -428,81 +427,76 @@ onMounted(async () => {
<!-- ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10) --> <!-- ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10) -->
<div class="col-12"> <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1"> <q-card bordered style="border: 1px solid #d6dee1">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md"> <div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10) <div>ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)</div>
<q-space/>
<div v-if="store.currentStep == 4" >
<q-btn
icon="download"
color="primary"
flat
dense
round
@click="
onClickDowloadFile(
'เอกสารหมายเลข 10',
'template-4',
'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)'
)
"
>
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
>
</div>
<div >
<q-btn
v-if="download10Url != ''"
:href="download10Url"
target="_blank"
class="col-12"
icon="visibility"
color="primary"
flat
dense
round
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12" v-if="store.currentStep == 4"><q-separator /></div>
<div class="row"> <div class="row">
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm" v-if="store.currentStep == 4">
<div class="row q-col-gutter-md col-12"> <q-file
<div v-if="store.currentStep == 4" class="col-xs-12 col-sm-6 row"> ref="fileEvaluationUploadRef"
<q-btn v-model="fileEvaluationUpload"
class="col-12" class="col-12"
outline outlined
icon="download" dense
label="ดาวน์โหลดต้นแบบ" hide-bottom-space
color="primary" lazy-rules
@click=" accept=".pdf"
onClickDowloadFile( :rules="
'เอกสารหมายเลข 10', download10Url === ''
'template-4', ? [(val) => !!val || 'กรุณาเลือกไฟล์']
'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)' : []
) "
" >
> <template v-slot:prepend>
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn <q-icon name="attach_file" />
> </template>
</div> <template v-slot:after>
<div class="col-xs-12 col-sm-6 row">
<q-btn
v-if="download10Url != ''"
:href="download10Url"
target="_blank"
class="col-12"
outline
icon="visibility"
label="ดูไฟล์เอกสาร"
color="primary"
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
<div v-if="store.currentStep == 4" class="row col-12">
<div class="col-xs-12 col-sm-11 row">
<q-file
ref="fileEvaluationUploadRef"
v-model="fileEvaluationUpload"
class="col-12"
outlined
dense
hide-bottom-space
lazy-rules
accept=".pdf"
:rules="
download10Url === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
</div>
<div class="col-1 self-center text-center q-pl-none">
<q-btn <q-btn
flat flat
round round
dense dense
color="primary" color="primary"
icon="mdi-upload " icon="mdi-upload "
@click="upLoadFile(fileEvaluationUpload)" @click="upLoadFile(fileEvaluationUpload)"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
> >
</div> </template>
</div> </q-file>
</div>
</div> </div>
</div> </div>
</q-card> </q-card>

119
src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
View file

@ -49,6 +49,13 @@ const files = [
fileName: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)", fileName: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
pathName: "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)", pathName: "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
}, },
{
id: "file4",
fileName:
"แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
pathName:
"3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
},
]; ];
/** function บันทึกแจ้งผลการประกาศคัดเลือก*/ /** function บันทึกแจ้งผลการประกาศคัดเลือก*/
@ -239,9 +246,9 @@ onMounted(async () => {
</script> </script>
<template> <template>
<div class="row q-gutter-sm"> <div class="row q-col-gutter-sm q-pa-sm">
<div class="col-12"> <div class="col-12">
<q-banner class="text-weight-bold text-red-14 bg-red-2 text-center"> <q-banner class="text-weight-bold text-red-14 bg-red-1 text-center rounded-borders">
<div class="text-weight-bold"> <div class="text-weight-bold">
<q-icon name="info_outline" color="red-14" size="24px" /> <q-icon name="info_outline" color="red-14" size="24px" />
ประกาศเมื่อวันที่ {{ AnnouncementStartDate }} ถึงวันที่ ประกาศเมื่อวันที่ {{ AnnouncementStartDate }} ถึงวันที่
@ -265,7 +272,7 @@ onMounted(async () => {
separator separator
> >
<q-item clickable v-ripple> <q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section> <q-item-section class="text-grey-9">{{ file.fileName }}</q-item-section>
<q-item-section avatar> <q-item-section avatar>
<div class="row"> <div class="row">
<div> <div>
@ -282,6 +289,7 @@ onMounted(async () => {
<q-btn <q-btn
flat flat
round round
dense
color="primary" color="primary"
icon="mdi-clipboard-outline" icon="mdi-clipboard-outline"
@click="copyLink(file.pathName)" @click="copyLink(file.pathName)"
@ -297,62 +305,61 @@ onMounted(async () => {
</div> </div>
<div class="col-12"> <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1"> <q-card bordered style="border: 1px solid #d6dee1">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md"> <div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
บันทึกแจ้งผลการประกาศคัดเลือก <div>บันทึกแจ้งผลการประกาศคัดเลือก</div>
<q-space />
<div>
<q-btn
v-if="download10Url != ''"
:href="download10Url"
target="_blank"
class="col-12"
icon="visibility"
color="primary"
flat
dense
round
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12" v-if="store.currentStep == 5"><q-separator /></div>
<div class="row"> <div class="row">
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
<div class="row q-col-gutter-md col-12"> <div class="row col-12">
<div class="col-xs-12 col-sm-6 row"> <div class="col-xs-12 col-sm-10 row">
<q-btn <q-file
v-if="download10Url != ''" ref="fileEvaluation5Ref"
:href="download10Url" v-model="fileEvaluation5"
target="_blank"
class="col-12" class="col-12"
outline outlined
icon="visibility" dense
label="ดูไฟล์เอกสาร" label="อัปโหลดไฟล์"
color="primary" hide-bottom-space
> lazy-rules
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn accept=".pdf"
:rules="
download10Url === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
: []
"
> >
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
</div> </div>
<div class="col-2 self-center text-center q-pl-none">
<div v-if="store.currentStep == 5" class="row col-12"> <q-btn
<div class="col-xs-12 col-sm-10 row"> flat
<q-file round
ref="fileEvaluation5Ref" dense
v-model="fileEvaluation5" color="primary"
class="col-12" icon="mdi-upload"
outlined @click="upLoadFile(fileEvaluation5)"
dense ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
label="อัปโหลดไฟล์" >
hide-bottom-space
lazy-rules
accept=".pdf"
:rules="
download10Url === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
</div>
<div class="col-2 self-center text-center q-pl-none">
<q-btn
flat
round
dense
color="primary"
icon="mdi-upload"
@click="upLoadFile(fileEvaluation5)"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -360,8 +367,8 @@ onMounted(async () => {
</q-card> </q-card>
</div> </div>
<div v-if="store.currentStep == 5" class="col-12"> <div class="col-12" v-if="store.currentStep == 5" >
<div class="q-mt-xs q-gutter-md" align="right"> <div class="q-mr-sm" align="right">
<q-btn <q-btn
unelevated unelevated
label="บันทึกแจ้งผลการประกาศคัดเลือก" label="บันทึกแจ้งผลการประกาศคัดเลือก"

27
src/modules/12_evaluatePersonal/components/Detail/step/step6.vue
View file

@ -81,9 +81,9 @@ onMounted(async () => {
</script> </script>
<template> <template>
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-sm q-pa-sm">
<div class="col-12"> <div class="col-12">
<q-banner class="text-weight-bold text-red-14 bg-red-2 text-center"> <q-banner class="text-weight-bold text-red-14 bg-red-1 text-center rounded-borders">
<div class="text-weight-bold"> <div class="text-weight-bold">
<q-icon name="info_outline" color="red-14" size="24px" /> <q-icon name="info_outline" color="red-14" size="24px" />
วันสุดท้ายของการส่งผลงานคือวันที่ {{ dateEndPrepareDoc2 }} วันสุดท้ายของการส่งผลงานคือวันที่ {{ dateEndPrepareDoc2 }}
@ -98,9 +98,9 @@ onMounted(async () => {
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="row"> <div class="row">
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <div class="col-xs-12 col-sm-12 row">
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
dense dense
@ -110,6 +110,7 @@ onMounted(async () => {
v-model="subject" v-model="subject"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
<q-input <q-input
readonly readonly
@ -120,6 +121,7 @@ onMounted(async () => {
label="เจ้าของผลงาน" label="เจ้าของผลงาน"
:rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]" :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
<q-input <q-input
readonly readonly
@ -132,6 +134,7 @@ onMounted(async () => {
(val) => !!val || `${'กรุณากรอกตำแหน่งที่ได้รับ'}`, (val) => !!val || `${'กรุณากรอกตำแหน่งที่ได้รับ'}`,
]" ]"
lazy-rules lazy-rules
hide-bottom-space
/> />
</div> </div>
</div> </div>
@ -150,12 +153,12 @@ onMounted(async () => {
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="row"> <div class="row">
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm"> <div class="text-weight-medium q-pl-sm q-py-sm">
ผู้บังคับบัญชาชั้นต้น ผู้บังคับบัญชาชั้นต้น
</div> </div>
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="elementaryFullNameRef" ref="elementaryFullNameRef"
@ -166,6 +169,7 @@ onMounted(async () => {
v-model="formCommand.elementaryFullName" v-model="formCommand.elementaryFullName"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
<q-input <q-input
readonly readonly
@ -177,17 +181,18 @@ onMounted(async () => {
label="ตำแหน่ง" label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]" :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm"> <div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div> </div>
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="abovelevelFullnameRef" ref="abovelevelFullnameRef"
@ -198,6 +203,7 @@ onMounted(async () => {
label="ชื่อ-นามสกุล" label="ชื่อ-นามสกุล"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
<q-input <q-input
ref="abovelevelPositionRef" ref="abovelevelPositionRef"
@ -209,6 +215,7 @@ onMounted(async () => {
label="ตำแหน่ง" label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]" :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules lazy-rules
hide-bottom-space
/> />
</div> </div>
</div> </div>

4
src/modules/12_evaluatePersonal/components/Detail/step/step7.vue
View file

@ -113,7 +113,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<q-list separator> <q-list separator dense>
<q-item <q-item
clickable clickable
v-ripple v-ripple
@ -121,7 +121,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(1)" @click="handleItemClick(1)"
> >
<q-item-section>เอกสารเล่ม 2</q-item-section> <q-item-section class="q-py-sm">เอกสารเล่ม 2</q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</template> </template>

32
src/modules/12_evaluatePersonal/components/Detail/step/step9.vue
View file

@ -25,20 +25,24 @@ function copyLink() {
</script> </script>
<template> <template>
<div class="row"> <div class="row q-pa-md">
<div class="col-12 text-center"> <div class="col-12 row items-center justify-center">
<p class="text-weight-bold q-mb-none">Public URL</p> <div class="row"><strong>Public URL : </strong>
<a :href="`${link}/${id}`" class="q-pl-sm"> {{link}}/{{ id }}
<q-btn </a>
class="q-mt-md" </div>
outline <q-space/>
icon="mdi-clipboard-outline" <div class="q-pt-sm">
label="คัดลอกลิงก์" <q-btn
color="primary" outline
@click="copyLink" icon="mdi-content-copy"
> label="คัดลอกลิงก์"
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn color="primary"
> @click="copyLink"
>
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
>
</div>
</div> </div>
</div> </div>
</template> </template>

25
src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue
View file

@ -12,19 +12,18 @@ const props = defineProps({
</script> </script>
<template> <template>
<d-table <q-table
ref="table" ref="table"
:columns="props.columns" flat
:rows="props.row" bordered
row-key="name" :columns="props.columns"
flat :rows="props.row"
bordered dense
dense :rows-per-page-options="[10, 25, 50, 100]"
class="custom-header-table" virtual-scroll
style="width: 610px" class="row col-12"
:rows-per-page-options="[10, 25, 50, 100]" >
> </q-table>
</d-table>
</template> </template>
<style scoped></style> <style scoped></style>

23
src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue
View file

@ -52,9 +52,10 @@ onMounted(() => {
<q-splitter <q-splitter
v-model="splitterModel" v-model="splitterModel"
horizontal horizontal
class="bg-grey-1 q-px-sm"
:style=" :style="
props.type !== 'popup' props.type !== 'popup'
? 'height: 50vh; border: 1px solid rgb(210, 210, 210);border-radius: 5px;' ? 'height: 50vh; border-radius: 5px;'
: 'border: 1px solid rgb(210, 210, 210);border-radius: 5px;' : 'border: 1px solid rgb(210, 210, 210);border-radius: 5px;'
" "
before-class="overflow-hidden disable" before-class="overflow-hidden disable"
@ -67,8 +68,9 @@ onMounted(() => {
<q-btn <q-btn
padding="xs" padding="xs"
icon="mdi-chevron-left" icon="mdi-chevron-left"
color="grey-2" color="grey-4"
text-color="grey-5" unelevated
text-color="grey-8"
size="md" size="md"
class="my-auto" class="my-auto"
@click="backPage" @click="backPage"
@ -84,8 +86,9 @@ onMounted(() => {
<q-btn <q-btn
padding="xs" padding="xs"
icon="mdi-chevron-right" icon="mdi-chevron-right"
color="grey-2" color="grey-4"
text-color="grey-5" unelevated
text-color="grey-8"
size="md" size="md"
@click="nextPage" @click="nextPage"
:disable="page === numOfPages" :disable="page === numOfPages"
@ -106,8 +109,9 @@ onMounted(() => {
<q-btn <q-btn
padding="xs" padding="xs"
icon="mdi-chevron-left" icon="mdi-chevron-left"
color="grey-2" color="grey-4"
text-color="grey-5" unelevated
text-color="grey-8"
size="md" size="md"
class="my-auto" class="my-auto"
@click="backPage" @click="backPage"
@ -124,8 +128,9 @@ onMounted(() => {
<q-btn <q-btn
padding="xs" padding="xs"
icon="mdi-chevron-right" icon="mdi-chevron-right"
color="grey-2" color="grey-4"
text-color="grey-5" unelevated
text-color="grey-8"
size="md" size="md"
@click="nextPage" @click="nextPage"
:disable="page === numOfPages" :disable="page === numOfPages"

193
src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
View file

@ -128,16 +128,16 @@ onMounted(() => {
</script> </script>
<template> <template>
<q-scroll-area style="height: 450px; max=width: 100%"> <q-card bordered class="col-12 row shadow-0 q-pa-sm" :style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;' ">
<div class="q-pa-xs"> <div class="row col-12">
<q-card class="q-gutter-md" style="max-width: 100%"> <q-card class="col-12 cardSp1" bordered>
<q-card bordered style="border: 1px solid #d6dee1"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<div class="text-weight-bold row items-center bg-grey-2"> <span class="q-ml-lg q-my-sm">ข้อมูลส่วนตัว</span>
<span class="q-ml-lg q-my-sm">ข้อมูลส่วนตัว</span> </div>
</div> <div class="col-12"><q-separator /></div>
<q-separator />
<div class="row q-pa-sm"> <div class="row col-12 q-pa-sm">
<div class="row q-col-gutter-sm">
<div class="col-xs-6 col-sm-4 col-md-3"> <div class="col-xs-6 col-sm-4 col-md-3">
<q-input <q-input
borderless borderless
@ -161,9 +161,6 @@ onMounted(() => {
readonly readonly
label="วันเดือนปีเกิด" label="วันเดือนปีเกิด"
> >
<template v-slot:prepend>
<q-icon class="size-icon" name="o_calendar_today" />
</template>
</q-input> </q-input>
</div> </div>
<div class="col-xs-6 col-sm-4 col-md-3"> <div class="col-xs-6 col-sm-4 col-md-3">
@ -182,14 +179,6 @@ onMounted(() => {
label="ตำแหน่งเลขที่" label="ตำแหน่งเลขที่"
/> />
</div> </div>
<div class="col-xs-6 col-sm-4 col-md-3">
<q-input
borderless
readonly
:model-value="formDetail.oc"
label="สังกัด"
/>
</div>
<div class="col-xs-6 col-sm-4 col-md-3"> <div class="col-xs-6 col-sm-4 col-md-3">
<q-input <q-input
borderless borderless
@ -225,17 +214,27 @@ onMounted(() => {
label="อายุราชการ" label="อายุราชการ"
/> />
</div> </div>
<div class="col-xs-12 col-sm-9">
<q-input
borderless
readonly
:model-value="formDetail.oc"
label="สังกัด"
autogrow
/>
</div>
</div> </div>
</q-card> </div>
</q-card>
<q-card bordered style="border: 1px solid #d6dee1"> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ประวัติการศึกษา </span> <span class="q-ml-lg q-my-sm">ประวัติการศึกษา </span>
</div> </div>
<q-separator /> <div class="col-12"><q-separator /></div>
<div v-if="formDetail.educations && formDetail.educations.length > 0"> <div class="row col-12 q-pa-sm" v-if="formDetail.educations && formDetail.educations.length > 0">
<div <div
class="row q-pa-sm" class="row q-col-gutter-sm"
v-for="(education, index) in formDetail.educations" v-for="(education, index) in formDetail.educations"
:key="index" :key="index"
> >
@ -264,9 +263,6 @@ onMounted(() => {
readonly readonly
label="ตั้งแต่" label="ตั้งแต่"
> >
<template v-slot:prepend>
<q-icon class="size-icon" name="o_calendar_today" />
</template>
</q-input> </q-input>
</div> </div>
@ -277,9 +273,6 @@ onMounted(() => {
readonly readonly
label="ถึง" label="ถึง"
> >
<template v-slot:prepend>
<q-icon class="size-icon" name="o_calendar_today" />
</template>
</q-input> </q-input>
</div> </div>
<div class="col-xs-6 col-sm-4 col-md-3"> <div class="col-xs-6 col-sm-4 col-md-3">
@ -289,9 +282,6 @@ onMounted(() => {
readonly readonly
label="วันที่สำเร็จการศึกษา" label="วันที่สำเร็จการศึกษา"
> >
<template v-slot:prepend>
<q-icon class="size-icon" name="o_calendar_today" />
</template>
</q-input> </q-input>
</div> </div>
@ -347,84 +337,67 @@ onMounted(() => {
label="ประเทศ" label="ประเทศ"
/> />
</div> </div>
</div>
</div> </div>
<div v-else class="row col-12 q-pa-md">ไม่มีประวัติการศึกษา</div> </div>
<q-separator /> <div v-else class="row col-12 q-pa-md">ไม่มีประวัติการศึกษา</div>
</q-card> </q-card>
<q-card bordered style="border: 1px solid #d6dee1"> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ใบอนุญาตประกอบวิชาชีพ</span> <span class="q-ml-lg q-my-sm">ใบอนุญาตประกอบวิชาชีพ</span>
</div> </div>
<q-separator /> <div class="col-12"><q-separator /></div>
<div class="row q-pa-sm"> <TableData
<div class="col-xs-12 col-sm-12 col-md-12"> class="col-12"
<TableData :columns="columnsCertificates"
:columns="columnsCertificates" :row="formDetail.certificates"
:row="formDetail.certificates" />
/> </q-card>
</div>
</div>
</q-card>
<q-card bordered style="border: 1px solid #d6dee1"> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ประวัติการรับราชการ</span> <span class="q-ml-lg q-my-sm">ประวัติการรับราชการ</span>
</div> </div>
<q-separator /> <div class="col-12"><q-separator /></div>
<div class="row q-pa-sm"> <div class="col-10">
<div class="col-xs-12 col-sm-12 col-md-12"> <TableData :columns="columnSalaries" :row="formDetail.salaries" />
<TableData :columns="columnSalaries" :row="formDetail.salaries" /> </div>
</div> </q-card>
</div>
</q-card> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ประวัติการฝึกอบรมดูงาน</span>
</div>
<div class="col-12"><q-separator /></div>
<TableData class="col-12" :columns="columnTraining" :row="formDetail.trainings"/>
</q-card>
<q-card bordered style="border: 1px solid #d6dee1"> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ประวัติการฝึกอบรมดูงาน</span> <span class="q-ml-lg q-my-sm">ประสบการณ์ในการปฏิบัติงาน </span>
</div> </div>
<q-separator /> <div class="col-12"><q-separator /></div>
<div class="row q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="col-xs-12 col-sm-12 col-md-12"> -
<TableData </div>
:columns="columnTraining" </q-card>
:row="formDetail.trainings"
/>
</div>
</div>
</q-card>
<q-card bordered style="border: 1px solid #d6dee1"> <q-card class="col-12 cardSp1" bordered>
<div class="text-weight-bold row items-center bg-grey-2"> <div class="text-weight-bold row items-center bg-grey-2 col-12">
<span class="q-ml-lg q-my-sm">ประสบการณ์ในการปฏิบัติงาน </span> <span class="q-ml-lg q-my-sm">ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span>
</div> </div>
<q-separator /> <div class="col-12"><q-separator /></div>
<div class="row q-pa-sm"> <div class="col-10">
<div class="col-xs-12 col-sm-12 col-md-12"> <TableData :columns="columnProjectsProposed" />
- </div>
<!-- <TableData
:columns="columnTraining"
:row="formDetail.Trainings"
/> -->
</div>
</div>
</q-card>
<q-card bordered style="border: 1px solid #d6dee1">
<div class="text-weight-bold row items-center bg-grey-2">
<span class="q-ml-lg q-my-sm"
>ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span
>
</div>
<q-separator />
<div class="row q-pa-sm">
<div class="col-xs-12 col-sm-12 col-md-12">
<TableData :columns="columnProjectsProposed" />
</div>
</div>
</q-card>
</q-card> </q-card>
</div> </div>
</q-scroll-area> </q-card>
</template> </template>
<style >
.cardSp1{
border: 1px solid #d6dee1;
margin-bottom: 10px ;
box-shadow: none !important;
}
</style>

87
src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
View file

@ -14,50 +14,53 @@ const modalPerview = ref<boolean>(false);
</script> </script>
<template> <template>
<div class="col-12 row"> <q-card bordered class="col-12 row shadow-0">
<q-space /> <div class="col-12 row items-center q-pa-sm q-gutter-sm">
<q-btn <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
flat <q-space />
round <q-btn
color="primary" flat
icon="download" dense
target="_blank" color="primary"
:href="store.urlDownloadFile" icon="mdi-download"
> target="_blank"
<q-tooltip>ดาวน์โหลด</q-tooltip> :href="store.urlDownloadFile"
</q-btn> >
<q-btn <q-tooltip>ดาวน์โหลด</q-tooltip>
flat </q-btn>
round <q-btn
color="primary" flat
icon="mdi-fullscreen" dense
@click="modalPerview = true" color="primary"
><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn icon="mdi-fullscreen"
> @click="modalPerview = true"
</div> ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<q-tab-panels v-model="store.tabPanels" animated swipeable vertical class="col-12 row">
<q-tab-panel name="1" class="col-12">
<ViewPDF />
</q-tab-panel>
<q-tab-panels v-model="store.tabPanels" animated swipeable vertical> <q-tab-panel name="2" class="col-12">
<q-tab-panel name="1"> <ViewPDF />
<ViewPDF /> </q-tab-panel>
</q-tab-panel>
<q-tab-panel name="2"> <q-tab-panel name="3" class="col-12">
<ViewPDF /> <ViewPDF />
</q-tab-panel> </q-tab-panel>
<q-tab-panel name="4" class="col-12">
<q-tab-panel name="3"> <ViewPDF />
<ViewPDF /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="5" class="col-12">
<q-tab-panel name="4"> <ViewPDF />
<ViewPDF /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="6" class="col-12">
<q-tab-panel name="5"> <ViewPDF />
<ViewPDF /> </q-tab-panel>
</q-tab-panel> </q-tab-panels>
<q-tab-panel name="6"> </q-card>
<ViewPDF />
</q-tab-panel>
</q-tab-panels>
<q-dialog v-model="modalPerview" full-width fullHeight> <q-dialog v-model="modalPerview" full-width fullHeight>
<q-card> <q-card>

49
src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue
View file

@ -15,29 +15,34 @@ const modalPerview = ref<boolean>(false);
</script> </script>
<template> <template>
<div class="col-12 row"> <q-card bordered class="col-12 row shadow-0">
<q-space /> <div class="col-12 row items-center q-pa-sm q-gutter-sm">
<q-btn <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
flat <q-space />
round <q-btn
color="primary" flat
icon="download" dense
target="_blank" color="primary"
:href="store.urlDownloadFile" icon="download"
> target="_blank"
<q-tooltip>ดาวน์โหลด</q-tooltip> :href="store.urlDownloadFile"
</q-btn> >
<q-btn <q-tooltip>ดาวน์โหลด</q-tooltip>
flat </q-btn>
round <q-btn
color="primary" flat
icon="mdi-fullscreen" dense
@click="modalPerview = true" color="primary"
><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn icon="mdi-fullscreen"
> @click="modalPerview = true"
</div> ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12"><ViewPDF class="col-12" /></div>
</q-card>
<ViewPDF />
<q-dialog v-model="modalPerview" full-width fullHeight> <q-dialog v-model="modalPerview" full-width fullHeight>
<q-card> <q-card>

46
src/modules/12_evaluatePersonal/views/DetailPage.vue
View file

@ -74,33 +74,25 @@ onMounted(async () => {
<div>รายละเอียดการประเมินบุคคลของ {{ `${prefix}${fullName}` }}</div> <div>รายละเอียดการประเมินบุคคลของ {{ `${prefix}${fullName}` }}</div>
</div> </div>
</div> </div>
<q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md"> <q-card flat bordered class="col-12">
<div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md"> <q-tabs
<div class="col-12 row"> v-model="store.tabMenu"
<q-card bordered class="col-12 row caedNone"> dense
<q-card class="col-12 items-center"> align="left"
<q-tabs inline-label
v-model="store.tabMenu" class="rounded-borders"
dense indicator-color="primary"
align="left" active-bg-color="teal-1"
inline-label active-class="text-primary"
class="rounded-borders" >
indicator-color="primary" <q-tab name="1" label="รายละเอียดการประเมิน" />
active-bg-color="teal-1" <q-tab name="2" label="กรรมการและการประชุม" />
active-class="text-primary" </q-tabs>
> <q-separator />
<q-tab name="1" label="รายละเอียดการประเมิน" /> <q-tab-panels v-model="store.tabMenu" animated>
<q-tab name="2" label="กรรมการและการประชุม" /> <q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
</q-tabs>
<q-separator />
<q-tab-panels v-model="store.tabMenu" animated>
<q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
<q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel> <q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel>
</q-tab-panels> </q-tab-panels>
</q-card>
</q-card>
</div>
</div>
</q-card> </q-card>
</template> </template>

4
src/views/MainLayout.vue
View file

@ -1154,10 +1154,10 @@ function onLoad(index: any, done: any) {
border-radius: 0px 100px 100px 0px; border-radius: 0px 100px 100px 0px;
} }
.q-field--outlined .q-icon { /* .q-field--outlined .q-icon {
color: #7474747f; color: #7474747f;
} }
*/
.q-card__actions .q-btn--rectangle { .q-card__actions .q-btn--rectangle {
padding: 0 14px !important; padding: 0 14px !important;
} }