แยก dialog

This commit is contained in:
setthawutttty 2024-10-22 17:42:03 +07:00
parent e0a2a2bc35
commit 17d1cc19c8
8 changed files with 1067 additions and 876 deletions

View file

@ -117,47 +117,25 @@ watch(
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
<q-input
dense
outlined
use-input
lazy-rules
emit-value
map-options
hide-bottom-space
input-debounce="0"
option-label="name"
option-value="name"
v-model="formInformations.prefix"
class="inputgreen"
:options="props.Ops.prefixOps"
:label="dataLabel.prefix"
:rules="[(val: string) => !!val || `${'กรุณาเลือก คำนำหน้าชื่อ'}`]"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'prefixOps'
)"
:rules="[(val: string) => !!val || `${'กรุณากรอก คำนำหน้าชื่อ'}`]"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
<q-input
dense
outlined
clearable
use-input
lazy-rules
emit-value
map-options
hide-bottom-space
input-debounce="0"
option-label="name"
option-value="name"
v-model="formInformations.rank"
class="inputgreen"
:options="props.Ops.rankOps"
:label="dataLabel.rank"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'rankOps'
)"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
@ -239,47 +217,23 @@ watch(
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
<q-input
dense
outlined
use-input
clearable
lazy-rules
emit-value
map-options
hide-bottom-space
input-debounce="0"
option-label="name"
option-value="name"
v-model="formInformations.gender"
class="inputgreen"
:options="props.Ops.genderOps"
:label="dataLabel.gender"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'genderOps'
)"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
<q-input
dense
outlined
use-input
clearable
lazy-rules
emit-value
map-options
hide-bottom-space
option-value="name"
option-label="name"
input-debounce="0"
class="inputgreen"
v-model="formInformations.relationship"
:options="props.Ops.statusOps"
class="inputgreen"
:label="dataLabel.relationship"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'statusOps'
)"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
@ -305,47 +259,13 @@ watch(
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
<q-input
dense
outlined
use-input
clearable
lazy-rules
emit-value
map-options
hide-bottom-space
option-value="name"
option-label="name"
input-debounce="0"
v-model="formInformations.religion"
class="inputgreen"
:options="props.Ops.religionOps"
:label="dataLabel.religion"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'religionOps'
)"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<q-select
dense
outlined
use-input
clearable
lazy-rules
emit-value
map-options
hide-bottom-space
option-value="name"
option-label="name"
input-debounce="0"
v-model="formInformations.bloodGroup"
class="inputgreen"
:options="props.Ops.bloodOps"
:label="dataLabel.bloodGroup"
@filter="(inputValue: string,
doneFn: Function) => filterSelector(inputValue, doneFn, 'bloodOps'
)"
/>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
@ -353,11 +273,9 @@ watch(
dense
outlined
lazy-rules
hide-bottom-space
mask="##########"
v-model="formInformations.bloodGroup"
class="inputgreen"
v-model="formInformations.phone"
:label="dataLabel.phone"
:label="dataLabel.bloodGroup"
/>
</div>
</div>