เเก้ 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

@ -133,7 +133,7 @@
/>
</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)"
@ -149,7 +149,7 @@
/>
</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)"
@ -165,7 +165,7 @@
/>
</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)"
@ -181,7 +181,7 @@
/>
</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)"
@ -207,7 +207,7 @@
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -223,7 +223,7 @@
/>
</div>
</div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<datepicker
menu-class-name="modalfix"
@ -244,6 +244,7 @@
:outlined="edit"
dense
lazy-rules
:readonly="!edit"
:borderless="!edit"
:model-value="date !== null ? date2Thai(date) : null"
:rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"

View file

@ -137,7 +137,7 @@
/>
</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)"
@ -153,7 +153,7 @@
/>
</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)"
@ -169,7 +169,7 @@
/>
</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)"
@ -185,7 +185,7 @@
/>
</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)"
@ -212,7 +212,7 @@
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -228,7 +228,7 @@
/>
</div>
</div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<datepicker
menu-class-name="modalfix"

View file

@ -137,7 +137,7 @@
/>
</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)"
@ -153,7 +153,7 @@
/>
</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)"
@ -169,7 +169,7 @@
/>
</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)"
@ -185,7 +185,7 @@
/>
</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)"
@ -212,7 +212,7 @@
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -228,7 +228,7 @@
/>
</div>
</div>
<div class="col-xs-6 col-sm-6 row items-center">
<div class="col-xs-6 col-sm-6 row ">
<div class="col-12">
<datepicker
menu-class-name="modalfix"
@ -250,6 +250,7 @@
dense
lazy-rules
:borderless="!edit"
:readonly="!edit"
:model-value="date !== null ? date2Thai(date) : null"
:rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"
hide-bottom-space

View file

@ -774,7 +774,7 @@ const statusOrder = (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)"
@ -790,7 +790,7 @@ const statusOrder = (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)"
@ -806,7 +806,7 @@ const statusOrder = (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)"
@ -822,7 +822,7 @@ const statusOrder = (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)"
@ -849,7 +849,7 @@ const statusOrder = (val: boolean) => {
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-xs-4 row items-center">
<div class="col-xs-4 row ">
<div class="col-12">
<q-input
:class="getClass(edit)"
@ -867,7 +867,7 @@ const statusOrder = (val: boolean) => {
/>
</div>
</div>
<div class="col-xs-4 row items-center">
<div class="col-xs-4 row ">
<div class="col-12">
<datepicker
menu-class-name="modalfix"
@ -884,6 +884,7 @@ const statusOrder = (val: boolean) => {
}}</template>
<template #trigger>
<q-input
:readonly="!edit"
:class="getClass(edit)"
:outlined="edit"
dense
@ -914,7 +915,7 @@ const statusOrder = (val: boolean) => {
</datepicker>
</div>
</div>
<div class="col-xs-4 row items-center">
<div class="col-xs-4 row ">
<div class="col-12">
<datepicker
menu-class-name="modalfix"
@ -931,6 +932,7 @@ const statusOrder = (val: boolean) => {
}}</template>
<template #trigger>
<q-input
:readonly="!edit"
:class="getClass(edit)"
:outlined="edit"
dense