ทะเบียนประวัติ => ปรับ form

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-06-11 15:48:29 +07:00
parent f18e224db0
commit 18d1429adb
21 changed files with 117 additions and 278 deletions

View file

@ -440,8 +440,8 @@ onMounted(() => {
v-model="formData.employeeOc"
class="inputgreen"
label="สังกัด"
:rules="[(val: string) => !!val || `${'กรุณากรอกสังกัด'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกสังกัด'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
@ -453,8 +453,8 @@ onMounted(() => {
v-model="formData.employeeTypeIndividual"
class="inputgreen"
label="ประเภทบุคคล"
:rules="[(val: string) => !!val || `${'กรุณากรอกประเภทบุคคล'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกประเภทบุคคล'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<q-input
@ -465,10 +465,10 @@ onMounted(() => {
v-model="formData.employeeWage"
class="inputgreen"
label="ค่าจ้าง"
mask="#"
mask="###,###,###,###"
reverse-fill-mask
:rules="[(val: string) => !!val || `${'กรุณากรอกค่าจ้าง'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกค่าจ้าง'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
@ -480,10 +480,10 @@ onMounted(() => {
v-model="formData.employeeMoneyIncrease"
class="inputgreen"
label="เงินเพิ่มการครองชึพชั่วคราว"
mask="#"
mask="###,###,###,###"
reverse-fill-mask
:rules="[(val: string) => !!val || `${'กรุณากรอกเงินเพิ่มการครองชึพชั่วคราว'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกเงินเพิ่มการครองชึพชั่วคราว'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<q-input
@ -494,10 +494,10 @@ onMounted(() => {
v-model="formData.employeeMoneyAllowance"
class="inputgreen"
label="เงินช่วยเหลือการครองชึพชั่วคราว"
mask="#"
mask="###,###,###,###"
reverse-fill-mask
:rules="[(val: string) => !!val || `${'กรุณากรอกเงินช่วยเหลือการครองชึพชั่วคราว'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกเงินช่วยเหลือการครองชึพชั่วคราว'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<q-input
@ -508,10 +508,10 @@ onMounted(() => {
v-model="formData.employeeMoneyEmployee"
class="inputgreen"
label="เงินสมทบประกันสังคม(ลูกจ้าง)"
mask="#"
mask="###,###,###,###"
reverse-fill-mask
:rules="[(val: string) => !!val || `${'กรุณากรอกเงินสมทบประกันสังคม(ลูกจ้าง)'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกเงินสมทบประกันสังคม(ลูกจ้าง)'}`]" -->
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<q-input
@ -522,25 +522,17 @@ onMounted(() => {
v-model="formData.employeeMoneyEmployer"
class="inputgreen"
label="เงินสมทบประกันสังคม(นายจ้าง)"
mask="#"
mask="###,###,###,###"
reverse-fill-mask
:rules="[(val: string) => !!val || `${'กรุณากรอกเงินสมทบประกันสังคม(นายจ้าง))'}`]"
/>
<!-- :rules="[(val: string) => !!val || `${'กรุณากรอกเงินสมทบประกันสังคม(นายจ้าง))'}`]" -->
</div>
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right">
<q-btn
dense
unelevated
label="บันทึก"
id="onSubmit"
type="submit"
color="public"
class="q-px-md"
>
<q-btn label="บันทึก" id="onSubmit" type="submit" color="public">
<q-tooltip>นทกขอม</q-tooltip>
</q-btn>
</q-card-actions>