เพิ่ม dialog กรอกบัตร, ปรับ input เพิ่มเติม

This commit is contained in:
Tanyalak 2023-10-03 17:10:00 +07:00
parent 1d5a73bb03
commit 16dd4c2fe8
4 changed files with 135 additions and 35 deletions

View file

@ -10,8 +10,8 @@
/>
<q-form ref="myform">
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
<div class="col-12 row">
<div class="col-3">
<div class="col-12 row q-col-gutter-sm">
<div class="col-xs-12 col-sm-3">
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
@ -29,9 +29,8 @@
:label="`${'วุฒิที่ใช้สมัครสอบ'}`"
/>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
dense
@ -44,9 +43,8 @@
:label="`${'ชื่อปริญญา'}`"
/>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
dense
@ -59,9 +57,7 @@
:label="`${'สาขาวิชา/วิชาเอก'}`"
/>
</div>
</div>
<div class="col-12 row">
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-input
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
@ -75,9 +71,8 @@
:label="`${'ชื่อสถานศึกษา'}`"
/>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-select
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')"
@ -94,7 +89,7 @@
:label="`${'ประเภทสถานศึกษา'}`"
/>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<datepicker
:readonly="!(status == 'register' || status == 'rejectRegister')"
v-model="defaultEducation.educationEndDate"
@ -113,7 +108,6 @@
</template>
<template #trigger>
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
dense
@ -122,7 +116,6 @@
:borderless="!(status == 'register' || status == 'rejectRegister')"
:model-value="date2Thai(defaultEducation.educationEndDate)"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่สำเร็จการศึกษา'}`]"
hide-bottom-space
:label="`${'วันที่สำเร็จการศึกษา'}`"
>
<template v-slot:prepend>
@ -141,9 +134,8 @@
</template>
</datepicker>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-input
class="q-pl-sm"
:class="getClass(status == 'register' || status == 'rejectRegister')"
:outlined="status == 'register' || status == 'rejectRegister'"
dense
@ -156,9 +148,7 @@
:label="`${'คะแนนเฉลี่ยสะสม'}`"
/>
</div>
</div>
<div class="col-12 row">
<div class="col-3">
<div class="col-xs-12 col-sm-3">
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
:readonly="!(status == 'register' || status == 'rejectRegister')"