84 lines
No EOL
4.6 KiB
Vue
84 lines
No EOL
4.6 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import type { CheckboxItem } from "@/modules/05_placement/interface/index/Main";
|
|
|
|
const selection = ref([]);
|
|
const checkboxItems: CheckboxItem[] = [
|
|
{ id: 1, label: 'ไม่เป็นผู้ดำรงตำแหน่งทางการเมือง' },
|
|
{ id: 2, label: 'ไม่เป็นคนไร้ความสามารถ คนเสมือนไร้ความสามารถ คนวิกลจริตหรือจิตฟั่นเฟือน ไม่สมประกอบหรือเป็นโรคตามที่กำหนดในกฎ ก.พ.' },
|
|
{ id: 3, label: 'ไม่เป็นผู้อยู่ในระหว่างถูกสั่งพักราชการหรือถูกสั่งให้ออกจากราชการไว้ก่อนตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
|
|
{ id: 4, label: 'ไม่เป็นผู้บกพร่องในศีลธรรมอันดีจนเป็นที่รังเกียจของสังคม' },
|
|
{ id: 5, label: 'ไม่เป็นกรรมการหรือผู้ดำรงตำแหน่งที่รับผิดชอบในการบริหารพรรคการเมือง หรือเจ้าหน้าที่ในพรรคการเมือง' },
|
|
{ id: 6, label: 'ไม่เป็นบุคคลล้มละลาย' },
|
|
{ id: 7, label: 'ไม่เป็นผู้เคยต้องรับโทษจำคุกโดยคำพิพากษาถึงที่สุดให้จำคุกเพราะกระทำความผิดทางอาญา เว้นแต่เป็นโทษสำหรับความผิดที่ใด้กระทำโดยประมาทหรือความผิดลหุโทษ' },
|
|
{ id: 8, label: 'ไม่เป็นผู้เคยถูกลงโทษให้ออก ปลดออก หรือไล่ออกจากรัฐวิสาหกิจ หรือ หน่วยงานอื่นของรัฐ' },
|
|
{ id: 9, label: 'เป็นผู้เคยถูลงโทษให้ออก หรือปลดออก เพราะกระทำผิตวินัยตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
|
|
{ id: 10, label: 'เป็นผู้เคยถูกลงโทษไล่ออก เพราะกระทำผิดวินัยตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
|
|
{ id: 11, label: 'เป็นผู้เคยกระทำการทุจริตในการสอบเข้ารับราชการ หรือเข้าปฏิบัติงานใน หน่วยงานของรัฐ' },
|
|
]
|
|
</script>
|
|
<template>
|
|
<div class="row">
|
|
<q-icon name="mdi-briefcase-edit" size="1.5em" color="grey-5" class="q-pr-md" />
|
|
<span class="text-bold text-subtitle2 ">การคัดกรองคุณสมบัติ</span>
|
|
</div>
|
|
<div class="contanier-box-mini">
|
|
<q-card bordered class="card-panding">
|
|
<div class="col-12 row items-center q-pa-sm header-text">
|
|
การคัดกรองคุณสมบัติ
|
|
</div>
|
|
<div v-for="item of checkboxItems" :key="item.id" class="q-pa-sm">
|
|
<q-checkbox size="xs" v-model="selection" :val="item.id" :label="item.label" keep-color color="teal"
|
|
class="checkbox-group" />
|
|
<q-separator />
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
.header-text {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
color: #4F4F4F;
|
|
}
|
|
|
|
.sub-text-right {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 150%;
|
|
color: #000000;
|
|
}
|
|
|
|
.sub-text {
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.0025em;
|
|
color: #35373C;
|
|
}
|
|
|
|
.card-exam {
|
|
border-radius: 5px;
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
.header-sub-text-exam {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 150%;
|
|
color: #818181;
|
|
}
|
|
|
|
.header-sub-text-exam-2 {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 150%;
|
|
color: #00AA86;
|
|
}
|
|
|
|
.sub-text-exam {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
}
|
|
</style> |