ปรับ Layout เรื่องร้องเรียน
This commit is contained in:
parent
02c8376b7f
commit
7716b459ac
1 changed files with 16 additions and 2 deletions
|
|
@ -228,7 +228,7 @@ watch(props.data, async () => {
|
|||
<form @submit.prevent="validateForm">
|
||||
<div class="col-12 row q-pa-md">
|
||||
<div
|
||||
class="col-xs-12 col-sm-12 row q-col-gutter-x-md q-col-gutter-y-xs"
|
||||
class="col-xs-12 col-sm-12 row q-col-gutter-md"
|
||||
>
|
||||
<div class="col-xs-12 col-sm-3" id="complainantType">
|
||||
<q-select
|
||||
|
|
@ -243,6 +243,7 @@ watch(props.data, async () => {
|
|||
option-label="name"
|
||||
emit-value
|
||||
map-options
|
||||
hide-bottom-space
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกผู้ร้องเรียน'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="
|
||||
|
|
@ -278,6 +279,7 @@ watch(props.data, async () => {
|
|||
label="รายชื่อจากทะเบียรประวัติ"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
hide-bottom-space
|
||||
emit-value
|
||||
map-options
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกรายชื่อ'}`]"
|
||||
|
|
@ -305,6 +307,7 @@ watch(props.data, async () => {
|
|||
name="office"
|
||||
ref="officeRef"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
v-model="formData.office"
|
||||
label="เลือกสำนักงาน"
|
||||
|
|
@ -323,6 +326,7 @@ watch(props.data, async () => {
|
|||
label="หน่วยงานที่พิจารณา"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
hide-bottom-space
|
||||
emit-value
|
||||
map-options
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
|
||||
|
|
@ -347,6 +351,7 @@ watch(props.data, async () => {
|
|||
ref="topicComplaintRef"
|
||||
dense
|
||||
outlined
|
||||
hide-bottom-space
|
||||
v-model="formData.topicComplaint"
|
||||
:rules="[(val) => !!val || 'กรุณาการข้อมูล']"
|
||||
lazy-rules
|
||||
|
|
@ -361,6 +366,7 @@ watch(props.data, async () => {
|
|||
ref="detailRef"
|
||||
dense
|
||||
outlined
|
||||
hide-bottom-space
|
||||
v-model="formData.detail"
|
||||
:rules="[(val) => !!val || 'กรุณาการข้อมูล']"
|
||||
lazy-rules
|
||||
|
|
@ -391,6 +397,7 @@ watch(props.data, async () => {
|
|||
ref="datereceiveRef"
|
||||
outlined
|
||||
dense
|
||||
hide-bottom-space
|
||||
class="full-width datepicker"
|
||||
:model-value="
|
||||
formData.datereceive != null
|
||||
|
|
@ -428,6 +435,7 @@ watch(props.data, async () => {
|
|||
option-value="id"
|
||||
option-label="name"
|
||||
emit-value
|
||||
hide-bottom-space
|
||||
map-options
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกระดับการพิจารณา'}`]"
|
||||
lazy-rules
|
||||
|
|
@ -464,6 +472,7 @@ watch(props.data, async () => {
|
|||
: null
|
||||
"
|
||||
label="วันที่กำหนดวันพิจารณา"
|
||||
hide-bottom-space
|
||||
:rules="[
|
||||
(val) => !!val || `${'กรุณาเลือกวันที่กำหนดวันพิจารณา'}`,
|
||||
]"
|
||||
|
|
@ -493,6 +502,7 @@ watch(props.data, async () => {
|
|||
option-value="id"
|
||||
option-label="name"
|
||||
emit-value
|
||||
hide-bottom-space
|
||||
map-options
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
|
||||
lazy-rules
|
||||
|
|
@ -521,6 +531,7 @@ watch(props.data, async () => {
|
|||
ref="datewarnRef"
|
||||
outlined
|
||||
dense
|
||||
hide-bottom-space
|
||||
class="full-width datepicker"
|
||||
:model-value="
|
||||
formData.datewarn != null
|
||||
|
|
@ -557,6 +568,7 @@ watch(props.data, async () => {
|
|||
label="รับเรื่องร้องเรียน"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
hide-bottom-space
|
||||
emit-value
|
||||
map-options
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกรับเรื่องร้องเรียน'}`]"
|
||||
|
|
@ -573,16 +585,18 @@ watch(props.data, async () => {
|
|||
label="ผู้ร้องเรียน"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกข้อมูล'}`]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
rows="5"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6" id="files">
|
||||
<div class="col-12" id="files">
|
||||
<q-file
|
||||
for="inputFiles"
|
||||
ref="filesRef"
|
||||
outlined
|
||||
dense
|
||||
class="fit"
|
||||
v-model="formData.files"
|
||||
@added="fileUploadDoc"
|
||||
label="ไฟล์เอกสารหลักฐาน"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue