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

ทะเบียนประวัติ: แก้สีinput

Browse source
This commit is contained in:
oat_dev 2024-03-29 17:29:11 +07:00
parent 76b662f5fa
commit 3bbbe8347a
6 changed files with 104 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/modules/04_registryNew/components/detail/Achievement/01_ProfessionalLicense.vue
View file

@ -550,6 +550,7 @@ onMounted(async () => {
label="ชื่อใบอนุญาต"
bg-color="white"
dense
class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อใบอนุญาต'}`]"
hide-bottom-space
/>
@ -561,6 +562,7 @@ onMounted(async () => {
label="หน่วยงานผู้ออกใบอนุญาต"
bg-color="white"
dense
class="inputgreen"
:rules="[
(val) => !!val || `${'กรุณากรอกหน่วยงานผู้ออกใบอนุญาต'}`,
]"
@ -575,6 +577,7 @@ onMounted(async () => {
v-model="profesLicenseData.certificateNo"
label="เลขที่ใบอนุญาต"
bg-color="white"
class="inputgreen"
dense
:rules="[(val) => !!val || `${'กรุณากรอกเลขที่ใบอนุญาต'}`]"
hide-bottom-space
@ -598,6 +601,7 @@ onMounted(async () => {
<q-input
dense
lazy-rules
class="inputgreen"
outlined
bg-color="white"
hide-bottom-space
@ -643,6 +647,7 @@ onMounted(async () => {
dense
outlined
bg-color="white"
class="inputgreen"
clearable
@clear="() => (profesLicenseData.expireDate = null)"
hide-bottom-space

12
src/modules/04_registryNew/components/detail/Achievement/02_Train.vue
View file

@ -711,6 +711,7 @@ onMounted(async () => {
label="ชื่อโครงการ/หลักสูตรการฝึกอบรม"
bg-color="white"
dense
class="inputgreen"
:rules="[
(val) =>
!!val || `${'กรุณากรอกชื่อโครงการ/หลักสูตรการฝึกอบรม'}`,
@ -721,6 +722,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="trainData.topic"
label="หัวข้อการฝึกอบรม/ดูงาน"
bg-color="white"
@ -780,6 +782,7 @@ onMounted(async () => {
dense
lazy-rules
outlined
class="inputgreen"
hide-bottom-space
:model-value="trainData.startYear + 543"
:rules="[
@ -824,6 +827,7 @@ onMounted(async () => {
<q-input
dense
lazy-rules
class="inputgreen"
outlined
hide-bottom-space
:model-value="trainData.finishYear + 543"
@ -871,6 +875,7 @@ onMounted(async () => {
outlined
dense
lazy-rules
class="inputgreen"
:model-value="date2Thai(trainData.startDate)"
:rules="[
(val) =>
@ -916,6 +921,7 @@ onMounted(async () => {
outlined
dense
lazy-rules
class="inputgreen"
:model-value="date2Thai(trainData.endDate)"
:rules="[
(val) =>
@ -958,6 +964,7 @@ onMounted(async () => {
dense
lazy-rules
outlined
class="inputgreen"
hide-bottom-space
:model-value="
!!trainData.yearly ? trainData.yearly + 543 : null
@ -982,6 +989,7 @@ onMounted(async () => {
v-model="trainData.place"
label="สถานที่ฝึกอบรม/ดูงาน"
bg-color="white"
class="inputgreen"
dense
:rules="[
(val) => !!val || `${'กรุณากรอกสถานที่ฝึกอบรม/ดูงาน'}`,
@ -994,6 +1002,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="trainData.duration"
label="รวมระยะเวลาในการฝึกอบรม/ดูงาน"
bg-color="white"
@ -1003,6 +1012,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="trainData.department"
label="หน่วยงานที่รับผิดชอบจัดการฝึกอบรม/ดูงาน"
bg-color="white"
@ -1013,6 +1023,7 @@ onMounted(async () => {
<div class="row q-px-md q-mb-sm q-gutter-sm">
<div class="col">
<q-input
class="inputgreen"
outlined
v-model="trainData.numberOrder"
label="เลขที่คำสั่ง/เลขที่หนังสืออนุมัติ"
@ -1037,6 +1048,7 @@ onMounted(async () => {
<q-input
outlined
dense
class="inputgreen"
lazy-rules
:model-value="date2Thai(trainData.dateOrder)"
hide-bottom-space

32
src/modules/04_registryNew/components/detail/PersonalInformation/02_NameChangeHistory.vue
View file

@ -676,6 +676,17 @@ function filterSelector(val: string, update: Function, refData: string) {
:options="store.Ops.prefixOps"
label="คำนำหน้าชื่อ"
dense
:class="
!changeNameData.status ||
(changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ' &&
changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ และชื่อ' &&
changeNameData.status !==
'เปลี่ยนคำนำหน้าชื่อ และนามสกุล' &&
changeNameData.status !==
'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
? ''
: 'inputgreen'
"
outlined
use-input
lazy-rules
@ -706,6 +717,16 @@ function filterSelector(val: string, update: Function, refData: string) {
label="ชื่อ"
bg-color="white"
dense
:class="
!changeNameData.status ||
(changeNameData.status !== 'เปลี่ยนชื่อ' &&
changeNameData.status !== 'เปลี่ยนคำนำหน้าชื่อ และชื่อ' &&
changeNameData.status !== 'เปลี่ยนชื่อ-นามสกุล' &&
changeNameData.status !==
'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
? ''
: 'inputgreen'
"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ'}`]"
hide-bottom-space
/>
@ -726,6 +747,17 @@ function filterSelector(val: string, update: Function, refData: string) {
label="นามสกุล"
bg-color="white"
dense
:class="
!changeNameData.status ||
(changeNameData.status !== 'เปลี่ยนนามสกุล' &&
changeNameData.status !== 'เปลี่ยนชื่อ-นามสกุล' &&
changeNameData.status !==
'เปลี่ยนคำนำหน้าชื่อ และนามสกุล' &&
changeNameData.status !==
'เปลี่ยนคำนำหน้าชื่อ และชื่อ-นามสกุล')
? ''
: 'inputgreen'
"
:rules="[(val) => !!val || `${'กรุณากรอกนามสกุล'}`]"
hide-bottom-space
/>

32
src/modules/04_registryNew/components/detail/PersonalInformation/04_Family.vue
View file

@ -505,6 +505,10 @@ onMounted(async () => {
v-model="fatherData.citizenId"
:label="`${'เลขประจำตัวประชาชน'}`"
maxlength="13"
:rules="[
(val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
]"
class="inputgreen"
mask="#############"
/>
</div>
@ -516,6 +520,7 @@ onMounted(async () => {
lazy-rules
hidden-space
dense
class="inputgreen"
:rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
label="คำนำหน้าชื่อ"
v-model="fatherData.prefix"
@ -537,6 +542,7 @@ onMounted(async () => {
outlined
dense
bg-color="white"
class="inputgreen"
lazy-rules
v-model="fatherData.firstName"
:rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
@ -549,6 +555,7 @@ onMounted(async () => {
:disable="!fatherData.isHaveInfo"
outlined
dense
class="inputgreen"
bg-color="white"
lazy-rules
v-model="fatherData.lastName"
@ -561,6 +568,7 @@ onMounted(async () => {
:disable="!fatherData.isHaveInfo"
outlined
dense
class="inputgreen"
bg-color="white"
v-model="fatherData.job"
label="อาชีพ"
@ -633,6 +641,10 @@ onMounted(async () => {
v-model="motherData.citizenId"
:label="`${'เลขประจำตัวประชาชน'}`"
maxlength="13"
:rules="[
(val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
]"
class="inputgreen"
mask="#############"
/>
</div>
@ -647,6 +659,7 @@ onMounted(async () => {
:rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
label="คำนำหน้าชื่อ"
hidden-space
class="inputgreen"
use-input
input-debounce="0"
emit-value
@ -664,6 +677,7 @@ onMounted(async () => {
:disable="!motherData.isHaveInfo"
outlined
dense
class="inputgreen"
bg-color="white"
lazy-rules
v-model="motherData.firstName"
@ -676,6 +690,7 @@ onMounted(async () => {
<q-input
:disable="!motherData.isHaveInfo"
outlined
class="inputgreen"
dense
bg-color="white"
lazy-rules
@ -688,6 +703,7 @@ onMounted(async () => {
<q-input
:disable="!motherData.isHaveInfo"
outlined
class="inputgreen"
dense
bg-color="white"
v-model="motherData.job"
@ -758,9 +774,13 @@ onMounted(async () => {
hide-bottom-space
bg-color="white"
dense
class="inputgreen"
v-model="spouseData.citizenId"
:label="`${'เลขประจำตัวประชาชน'}`"
maxlength="13"
:rules="[
(val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
]"
mask="#############"
/>
</div>
@ -768,6 +788,7 @@ onMounted(async () => {
<q-select
:disable="!spouseData.isHave"
outlined
class="inputgreen"
bg-color="white"
lazy-rules
dense
@ -791,6 +812,7 @@ onMounted(async () => {
<q-input
:disable="!spouseData.isHave"
outlined
class="inputgreen"
dense
bg-color="white"
lazy-rules
@ -805,6 +827,7 @@ onMounted(async () => {
:disable="!spouseData.isHave"
outlined
dense
class="inputgreen"
bg-color="white"
lazy-rules
v-model="spouseData.lastName"
@ -817,6 +840,7 @@ onMounted(async () => {
:disable="!spouseData.isHave"
outlined
dense
class="inputgreen"
bg-color="white"
v-model="spouseData.job"
label="อาชีพ"
@ -882,6 +906,10 @@ onMounted(async () => {
v-model="items.childrenCitizenId"
:label="`${'เลขประจำตัวประชาชน'}`"
bg-color="white"
class="inputgreen"
:rules="[
(val) => val.length === 13 || 'กรุณากรอกเลขบัตรประชาชน',
]"
maxlength="13"
mask="#############"
/>
@ -896,6 +924,7 @@ onMounted(async () => {
:rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
label="คำนำหน้าชื่อ"
use-input
class="inputgreen"
input-debounce="0"
emit-value
map-options
@ -912,6 +941,7 @@ onMounted(async () => {
outlined
dense
lazy-rules
class="inputgreen"
bg-color="white"
v-model="items.childrenFirstName"
:rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
@ -922,6 +952,7 @@ onMounted(async () => {
<q-input
outlined
lazy-rules
class="inputgreen"
bg-color="white"
dense
v-model="items.childrenLastName"
@ -934,6 +965,7 @@ onMounted(async () => {
outlined
bg-color="white"
dense
class="inputgreen"
v-model="items.childrenCareer"
label="อาชีพ"
/>

19
src/modules/04_registryNew/components/detail/PersonalInformation/05_Education.vue
View file

@ -977,6 +977,7 @@ onMounted(async () => {
) "
:rules="[(val) => !!val || `${'กรุณาเลือกระดับการศึกษา'}`]"
label="ระดับการศึกษา"
class="inputgreen"
/>
</div>
<div class="col-6">
@ -986,6 +987,7 @@ onMounted(async () => {
label="สถานศึกษา"
bg-color="white"
dense
class="inputgreen"
:rules="[(val) => !!val || `${'กรุณากรอกสถานศึกษา'}`]"
hide-bottom-space
/>
@ -1003,6 +1005,7 @@ onMounted(async () => {
unchecked-icon="panorama_fish_eye"
val="false"
label="ปี"
class="inputgreen"
dense
/>
<q-radio
@ -1010,6 +1013,7 @@ onMounted(async () => {
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
val="true"
class="inputgreen"
label="วัน/เดือน/ปี"
dense
/>
@ -1039,6 +1043,7 @@ onMounted(async () => {
dense
lazy-rules
outlined
class="inputgreen"
hide-bottom-space
:model-value="educationData.startYear + 543"
:rules="[
@ -1080,6 +1085,7 @@ onMounted(async () => {
<template #trigger>
<q-input
dense
class="inputgreen"
lazy-rules
outlined
hide-bottom-space
@ -1125,6 +1131,7 @@ onMounted(async () => {
<template #trigger>
<q-input
outlined
class="inputgreen"
dense
lazy-rules
:model-value="date2Thai(educationData.startDate)"
@ -1169,6 +1176,7 @@ onMounted(async () => {
<q-input
outlined
dense
class="inputgreen"
lazy-rules
:model-value="date2Thai(educationData.endDate)"
:rules="[
@ -1210,6 +1218,7 @@ onMounted(async () => {
outlined
bg-color="white"
dense
class="inputgreen"
lazy-rules
:model-value="date2Thai(educationData.finishDate)"
:rules="[
@ -1240,6 +1249,7 @@ onMounted(async () => {
v-model="educationData.isEducation"
:options="educationOption"
option-value="value"
class="inputgreen"
option-label="label"
input-debounce="0"
use-input
@ -1260,6 +1270,7 @@ onMounted(async () => {
outlined
v-model="educationData.degree"
label="วุฒิการศึกษา"
class="inputgreen"
bg-color="white"
dense
:rules="[(val) => !!val || `${'กรุณากรอกวุฒิการศึกษา'}`]"
@ -1269,6 +1280,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.field"
label="สาขาวิชา/ทาง"
bg-color="white"
@ -1282,6 +1294,7 @@ onMounted(async () => {
outlined
v-model="educationData.fundName"
label="ทุน"
class="inputgreen"
bg-color="white"
dense
/>
@ -1289,6 +1302,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.gpa"
label="เกรดเฉลี่ย"
bg-color="white"
@ -1301,6 +1315,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.country"
label="ประเทศ"
bg-color="white"
@ -1310,6 +1325,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.other"
label="ข้อมูลติดต่อ"
bg-color="white"
@ -1321,6 +1337,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.duration"
label="ระยะเวลา"
:rules="[(val) => !!val || `${'กรุณากรอกระยะเวลา'}`]"
@ -1331,6 +1348,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.durationYear"
label="ระยะเวลาหลักสูตร (ปี)"
:rules="[
@ -1346,6 +1364,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
v-model="educationData.note"
label="หมายเหตุ"
bg-color="white"

6
src/modules/04_registryNew/components/detail/PersonalInformation/06_SpecialSkill.vue
View file

@ -518,6 +518,7 @@ onMounted(async () => {
<div class="col">
<q-input
outlined
class="inputgreen"
dense
bg-color="white"
v-model="specialSkill.field"
@ -530,6 +531,7 @@ onMounted(async () => {
<q-input
outlined
dense
class="inputgreen"
bg-color="white"
v-model="specialSkill.detail"
label="รายละเอียด"
@ -539,7 +541,7 @@ onMounted(async () => {
</div>
</div>
<q-input
class="col-12"
class="col-12 inputgreen"
outlined
dense
bg-color="white"
@ -547,9 +549,9 @@ onMounted(async () => {
label="หมายเหตุ"
/>
<q-input
class="col-12 inputgreen"
outlined
dense
class="col-12"
bg-color="white"
v-model="specialSkill.reference"
label="เอกสารอ้างอิง"