This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-11-19 11:03:58 +07:00
parent 6f1318b55c
commit c95c4e9e8f
14 changed files with 363 additions and 229 deletions

View file

@ -16,33 +16,33 @@
label="ลูกจ้างประจำ"
color="teal"
val="prem"
:disable="!(status == 'register' || status == 'rejectRegister')"
:disable="!isStatusRegister"
/>
<q-radio
v-model="defaultOccupation.positionType"
label="ลูกจ้างชั่วคราว"
color="teal"
val="temp"
:disable="!(status == 'register' || status == 'rejectRegister')"
:disable="!isStatusRegister"
/>
<q-radio
v-model="defaultOccupation.positionType"
label="ผู้ปฏิบัติงานอื่นในกรุงเทพมหานคร"
color="teal"
val="other"
:disable="!(status == 'register' || status == 'rejectRegister')"
:disable="!isStatusRegister"
/>
</div>
<div class="col-12 row">
<div class="col-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.position"
:rules="[(val) => !!val || `${'กรุณากรอก ชื่อตำแหน่ง'}`]"
:label="`${'ชื่อตำแหน่ง'}`"
@ -51,14 +51,14 @@
<div class="col-3">
<CurrencyInput
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
:options="{
currency: 'THB'
}"
lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.salary"
:rules="[(val:number| undefined) => !!val || `${'กรุณากรอก เงินเดือน'}`]"
:label="`${'เงินเดือน'}`"
@ -68,13 +68,13 @@
<div class="col-12 row">
<div class="col-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.group"
:rules="[(val) => !!val || `${'กรุณากรอก กลุ่ม/ฝ่าย'}`]"
:label="`${'กลุ่ม/ฝ่าย'}`"
@ -83,13 +83,13 @@
<div class="col-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.pile"
:rules="[(val) => !!val || `${'กรุณากรอก กอง'}`]"
:label="`${'กอง'}`"
@ -98,13 +98,13 @@
<div class="col-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
lazy-rules
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.org"
:rules="[(val) => !!val || `${'กรุณากรอก สังกัด'}`]"
:label="`${'สังกัด'}`"
@ -113,26 +113,22 @@
<div class="col-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
:class="getClass(isStatusRegister)"
:outlined="isStatusRegister"
dense
:counter="status == 'register' || status == 'rejectRegister' ? true : false"
maxlength="10"
lazy-rules
type="tel"
mask="##########"
autogrow
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
:readonly="!isStatusRegister"
:borderless="!isStatusRegister"
v-model="defaultOccupation.tel"
:rules="[
(val) => !!val || '* กรุณากรอกข้อมูลหมายเลขโทรศัพท์',
(val) =>
(val.length >= 9 && val.length <= 10 && val.startsWith('0')) ||
'กรุณากรอกข้อมูลหมายเลขโทรศัพท์ให้ถูกต้อง'
]"
:rules="[(val) => !!val || '* กรุณากรอกข้อมูลหมายเลขโทรศัพท์']"
:label="`${'เบอร์โทรที่ทำงาน'}`"
/>
<!-- :counter="isStatusRegister ? true : false" -->
<!-- (val) =>
(val.length >= 9 && val.length <= 10 && val.startsWith('0')) ||
'กรุณากรอกข้อมูลหมายเลขโทรศัพท์ให้ถูกต้อง' -->
<!-- type="tel" mask="##########" autogrow -->
<!-- maxlength="10" -->
</div>
</div>
</div>
@ -159,6 +155,10 @@ const props = defineProps({
form: {
type: Object,
required: true
},
isStatusRegister: {
type: Boolean,
required: true
}
})
const emit = defineEmits(['update:form'])