เเก้ input ลอย ตอน validate เด้ง

This commit is contained in:
setthawutttty 2023-09-13 14:57:30 +07:00
parent e74e845cda
commit bc41809f86
12 changed files with 475 additions and 459 deletions

View file

@ -201,7 +201,7 @@ const getClass = (val: boolean) => {
<q-img :src="avatar" v-if="avatar !== ''" />
<q-img src="@/assets/avatar_user.jpg" v-else />
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12 q-pl-md">
<div class="col-12 text-top">ตำแหนงในสายงาน</div>
<div class="col-12 text-detail">
@ -209,7 +209,7 @@ const getClass = (val: boolean) => {
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12">
<div class="col-12 text-top">ระด</div>
<div class="col-12 text-detail">
@ -217,7 +217,7 @@ const getClass = (val: boolean) => {
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row">
<div class="col-12">
<div class="col-12 text-top">งก</div>
<div class="col-12 text-detail">
@ -300,7 +300,7 @@ const getClass = (val: boolean) => {
/>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -316,7 +316,7 @@ const getClass = (val: boolean) => {
/>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -332,7 +332,7 @@ const getClass = (val: boolean) => {
/>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -348,7 +348,7 @@ const getClass = (val: boolean) => {
/>
</div>
</div>
<div class="col-xs-6 col-sm-3 row items-center">
<div class="col-xs-6 col-sm-3 row ">
<div class="col-12">
<!-- <q-input
:class="getClass(edit)"
@ -409,6 +409,7 @@ const getClass = (val: boolean) => {
:outlined="edit"
dense
lazy-rules
:readonly="!edit"
:borderless="!edit"
:model-value="date !== null ? date2Thai(date) : null"
:rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"