แบ่ง Layout ประเมินบุคคลใหม่
This commit is contained in:
Tanyalak
parent
516c78d5ab
commit
c3191c2fb4
7 changed files with 553 additions and 575 deletions
|
|
@ -84,139 +84,141 @@ onMounted(() => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<q-list dense>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isEducationalQft"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>คุณวุฒิการศึกษา
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="info"
|
||||
icon="info"
|
||||
@click="openModal(false)"
|
||||
<div class="q-pa-md">
|
||||
<q-list dense>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isEducationalQft"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>คุณวุฒิการศึกษา
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="info"
|
||||
icon="info"
|
||||
@click="openModal(false)"
|
||||
>
|
||||
<q-tooltip>ข้อมูลเพิ่มเติม</q-tooltip>
|
||||
</q-btn>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isGovermantServiceHtr"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>ประวัติการรับราชการ </q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isOperatingExp"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isMinPeriodOfTenure"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="info"
|
||||
icon="info"
|
||||
@click="openModal(true)"
|
||||
>
|
||||
<q-tooltip>ข้อมูลเพิ่มเติม</q-tooltip>
|
||||
</q-btn></q-item-label
|
||||
>
|
||||
<q-tooltip>ข้อมูลเพิ่มเติม</q-tooltip>
|
||||
</q-btn>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isGovermantServiceHtr"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>ประวัติการรับราชการ </q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isOperatingExp"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isMinPeriodOfTenure"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="info"
|
||||
icon="info"
|
||||
@click="openModal(true)"
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveSpecificQft"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
|
||||
ในมาตรฐานกำหนดตำแหน่ง</q-item-label
|
||||
>
|
||||
<q-tooltip>ข้อมูลเพิ่มเติม</q-tooltip>
|
||||
</q-btn></q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveSpecificQft"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
|
||||
ในมาตรฐานกำหนดตำแหน่ง</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveProLicense"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
|
||||
คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
|
||||
สถาปนิก ฯลฯ)</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveMinPeriodOrHoldPos"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveProLicense"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
|
||||
คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
|
||||
สถาปนิก ฯลฯ)</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-ripple class="listItem">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox
|
||||
:disable="store.currentStep > 1"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formData.isHaveMinPeriodOrHoldPos"
|
||||
@update:model-value="updateValue"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
>มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</div>
|
||||
|
||||
<PopupCheckFeatures
|
||||
:modal="modal"
|
||||
|
|
|
|||
|
|
@ -5,17 +5,15 @@ const status = ref<string>("WAIT_CHECK_DOC_V1");
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<q-badge
|
||||
v-if="status == 'WAIT_CHECK_DOC_V1'"
|
||||
outline
|
||||
color="orange-5"
|
||||
label="รอตรวจสอบคุณสมบัติ"
|
||||
class="q-pa-sm"
|
||||
style="font-size: 16px"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12 row justify-center">
|
||||
<q-badge
|
||||
v-if="status == 'WAIT_CHECK_DOC_V1'"
|
||||
outline
|
||||
color="orange-5"
|
||||
label="รอตรวจสอบคุณสมบัติ"
|
||||
class="q-pa-sm"
|
||||
style="font-size: 16px"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue