117 lines
4.9 KiB
Vue
117 lines
4.9 KiB
Vue
<script setup lang="ts">
|
|
import { reactive } from "vue";
|
|
|
|
const formData = reactive<any>({
|
|
isEducationalQft: false, // คุณวุฒิการศึกษา
|
|
isGovermantServiceHtr: false, // ประวัติการรับราชการ
|
|
isOperatingExp: false, // ประสบการณ์ในการปฏิบัติงาน
|
|
isMinPeriodOfTenure: false, // ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
|
|
isHaveSpecificQft: false, // มีคุณสมบัติตรงตามคุณสมบัติเฉพาะสำหรับตำแหน่งที่กำหนด ในมาตราฐานกำหนดตำแหน่ง
|
|
isHaveProLicense: false, // มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ
|
|
isHaveMinPeriodOrHoldPos: false, // มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก]
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<q-list>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isEducationalQft"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>คุณวุฒิการศึกษา </q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isGovermantServiceHtr"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>ประวัติการรับราชการ </q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isOperatingExp"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isMinPeriodOfTenure"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label
|
|
>ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก</q-item-label
|
|
>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isHaveSpecificQft"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label
|
|
>มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
|
|
ในมาตรฐานกำหนดตำแหน่ง</q-item-label
|
|
>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isHaveProLicense"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label
|
|
>มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
|
|
คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
|
|
สถาปนิก ฯลฯ)</q-item-label
|
|
>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item v-ripple>
|
|
<q-item-section avatar>
|
|
<q-checkbox
|
|
keep-color
|
|
color="primary"
|
|
v-model="formData.isHaveMinPeriodOrHoldPos"
|
|
/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label
|
|
>มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคย
|
|
ดำรงตำแหน่งในสายงานที่จะคัดเลือก
|
|
ตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
|
|
>
|
|
</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</template>
|
|
|
|
<style scoped></style>
|