delete lazy rule

This commit is contained in:
setthawutttty 2024-03-01 14:40:25 +07:00
parent 2b54044df5
commit a24354c063
6 changed files with 60 additions and 121 deletions

View file

@ -308,28 +308,25 @@ function historyStatus() {
/** save ข้อมูล */
function onSubmit() {
dialogConfirm(
$q,
async () => {
const dataRow = dataStore.rowsAdd;
const data = {
profileId: dataRow[0].profileId,
citizenId: dataRow[0].citizenId,
fullname: dataRow[0].fullname,
title: formData.title,
description: formData.description,
type: formData.type,
year: formData.year,
caseType: formData.caseType,
caseNumber: formData.caseNumber,
file: formData.file,
oc: dataRow[0].oc,
position: dataRow[0].position,
status: formData.status,
};
props.onSubmit(data);
}
);
dialogConfirm($q, async () => {
const dataRow = dataStore.rowsAdd;
const data = {
profileId: dataRow[0].profileId,
citizenId: dataRow[0].citizenId,
fullname: dataRow[0].fullname,
title: formData.title,
description: formData.description,
type: formData.type,
year: formData.year,
caseType: formData.caseType,
caseNumber: formData.caseNumber,
file: formData.file,
oc: dataRow[0].oc,
position: dataRow[0].position,
status: formData.status,
};
props.onSubmit(data);
});
}
onMounted(() => {
@ -339,11 +336,15 @@ onMounted(() => {
</script>
<template>
<div class="row q-col-gutter-xs">
<form @submit.prevent="validateForm" class="col-12 row">
<q-card bordered class="col-12 row">
<div class="col-12 row">
<div :class="isReadonly== true ? 'col-sm-12 col-md-9 row no-wrap': 'col-12'">
<div class=" col-12 q-pa-md">
<form @submit.prevent="validateForm" class="col-12 row">
<q-card bordered class="col-12 row">
<div class="col-12 row">
<div
:class="
isReadonly == true ? 'col-sm-12 col-md-9 row no-wrap' : 'col-12'
"
>
<div class="col-12 q-pa-md">
<div class="q-gutter-y-sm">
<div class="row q-gutter-x-sm">
<div class="col-3">
@ -360,7 +361,6 @@ onMounted(() => {
option-value="id"
:options="dataStore.typeOptions"
:rules="[(val) => !!val || `${'กรุณาเลือกประเภท'}`]"
lazy-rules
hide-bottom-space
/>
</div>
@ -485,8 +485,9 @@ onMounted(() => {
outlined
hide-bottom-space
v-model="formData.title"
:rules="[(val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์']"
lazy-rules
:rules="[
(val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์',
]"
label="เรื่องอุทธรณ์/ร้องทุกข์"
/>
</div>
@ -503,7 +504,6 @@ onMounted(() => {
:rules="[
(val) => !!val || 'กรุณากรอกรายละเอียดอุทธรณ์/ร้องทุกข์',
]"
lazy-rules
label="รายละเอียดอุทธรณ์/ร้องทุกข์"
type="textarea"
rows="5"
@ -528,7 +528,6 @@ onMounted(() => {
<q-input
dense
:class="inputEdit(isReadonly)"
lazy-rules
outlined
:model-value="Number(formData.year) + 543"
:label="`${'ปีงบประมาณ'}`"
@ -554,7 +553,6 @@ onMounted(() => {
dense
outlined
:rules="[(val) => !!val || 'กรุณากรอกประเภทคดี']"
lazy-rules
hide-bottom-space
label="ประเภทคดี"
/>
@ -567,7 +565,6 @@ onMounted(() => {
dense
outlined
:rules="[(val) => !!val || 'กรุณากรอกเลขที่คดี']"
lazy-rules
label="เลขที่คดี"
hide-bottom-space
/>
@ -575,11 +572,15 @@ onMounted(() => {
</div>
</div>
</div>
<div class="row"><q-separator vertical /></div>
<div class="row"><q-separator vertical /></div>
</div>
<!-- พโหลดไฟล -->
<!-- พโหลดไฟล -->
<div v-if="isReadonly" class="col-sm-12 col-md-3 q-pa-md">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<q-card
bordered
class="row col-12"
style="border: 1px solid #d6dee1"
>
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
ปโหลดไฟลเอกสารหลกฐาน
</div>
@ -595,7 +596,6 @@ onMounted(() => {
@added="uploadFile"
label="ไฟล์เอกสารหลักฐาน"
hide-bottom-space
lazy-rules
accept=".pdf,.xlsx,.doc"
clearable
>
@ -604,15 +604,16 @@ onMounted(() => {
</template>
<template v-slot:after>
<q-btn
v-if="formData.file && isReadonly"
size="14px"
flat
round
dense
color="add"
icon="mdi-upload"
@click="uploadFile"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn>
v-if="formData.file && isReadonly"
size="14px"
flat
round
dense
color="add"
icon="mdi-upload"
@click="uploadFile"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</template>
</q-file>
</div>
@ -669,10 +670,8 @@ onMounted(() => {
>
</div>
</div>
</q-card>
</form>
</q-card>
</form>
</div>
<DialogAddPersonal
@ -694,7 +693,6 @@ onMounted(() => {
</template>
<style lang="scss">
.icon-color {
color: #4154b3;
}