hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ออกคำสั่ง disable input step 4

Browse source
This commit is contained in:
Warunee Tamkoo 2023-09-04 17:16:14 +07:00
parent 3a7f1ee950
commit 45adb802b2
1 changed files with 17 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/modules/10_order/components/step/step04.vue
View file

@ -350,7 +350,9 @@ const validateFormUpload = () => {
const validateForm = () => { const validateForm = () => {
return ( return (
order.value.trim() !== "" order.value.trim() !== "" &&
years.value !== null &&
date.value !== null
); );
}; };
@ -381,7 +383,7 @@ const viewFileUpload = async (url: string) => {
<div class="space"> <div class="space">
<div @click="setTab('main')" :class="getClass(tab == 'main')"> <div @click="setTab('main')" :class="getClass(tab == 'main')">
<div class="q-pr-sm">คำสั่ง</div> <div class="q-pr-sm">คำสั่ง</div>
<q-btn size="12px" flat dense icon="mdi-download" :disable="tab !== 'main'" <q-btn v-if="orderStatusName != 'ออกคำสั่งแล้ว'" size="12px" flat dense icon="mdi-download" :disable="tab !== 'main'"
:color="tab !== 'main' ? 'grey' : 'add'"> :color="tab !== 'main' ? 'grey' : 'add'">
<q-tooltip>ดาวน์โหลด</q-tooltip> <q-tooltip>ดาวน์โหลด</q-tooltip>
<q-menu> <q-menu>
@ -413,7 +415,7 @@ const viewFileUpload = async (url: string) => {
code != 'c-pm-20' code != 'c-pm-20'
" @click="setTab('second')" :class="getClass(tab == 'second')"> " @click="setTab('second')" :class="getClass(tab == 'second')">
<div class="q-pr-sm">เอกสารแนบท้าย</div> <div class="q-pr-sm">เอกสารแนบท้าย</div>
<q-btn size="12px" flat dense :color="tab !== 'second' ? 'grey' : 'add'" icon="mdi-download" <q-btn v-if="orderStatusName != 'ออกคำสั่งแล้ว'" size="12px" flat dense :color="tab !== 'second' ? 'grey' : 'add'" icon="mdi-download"
:disable="tab !== 'second'"> :disable="tab !== 'second'">
<q-tooltip>ดาวน์โหลด</q-tooltip> <q-tooltip>ดาวน์โหลด</q-tooltip>
<q-menu> <q-menu>
@ -496,7 +498,7 @@ const viewFileUpload = async (url: string) => {
<q-tooltip>ดาวน์โหลดไฟล์คำสั่ง</q-tooltip> <q-tooltip>ดาวน์โหลดไฟล์คำสั่ง</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<q-file outlined dense v-model="fileOrder" label="เลือกไฟล์คำสั่ง" hide-bottom-space lazy-rules <q-file v-if="orderStatusName != 'ออกคำสั่งแล้ว'" outlined dense v-model="fileOrder" label="เลือกไฟล์คำสั่ง" hide-bottom-space lazy-rules
:rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']" accept=".pdf"> :rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']" accept=".pdf">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" /> <q-icon name="attach_file" />
@ -523,7 +525,7 @@ const viewFileUpload = async (url: string) => {
</q-btn> </q-btn>
</div> </div>
<q-file outlined dense v-model="fileTailer" label="เลือกไฟล์เอกสารแนบท้าย" hide-bottom-space <q-file v-if="orderStatusName != 'ออกคำสั่งแล้ว'" outlined dense v-model="fileTailer" label="เลือกไฟล์เอกสารแนบท้าย" hide-bottom-space
lazy-rules :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']" accept=".pdf"> lazy-rules :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']" accept=".pdf">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" /> <q-icon name="attach_file" />
@ -531,9 +533,9 @@ const viewFileUpload = async (url: string) => {
</q-file> </q-file>
<!-- บันทึกอัพโหลดเอกสาร --> <!-- บันทึกอัพโหลดเอกสาร -->
<div class="row col-12 q-mt-md"> <div v-if="orderStatusName != 'ออกคำสั่งแล้ว'" class="row col-12 q-mt-md">
<q-space></q-space> <q-space></q-space>
<q-btn unelevated label="บันทึก" :color="validateFormUpload() ? 'public' : 'grey'" <q-btn unelevated label="บันทึก" :color="validateFormUpload() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
:disable="!validateFormUpload() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveUpload"> :disable="!validateFormUpload() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveUpload">
</q-btn> </q-btn>
</div> </div>
@ -551,18 +553,18 @@ const viewFileUpload = async (url: string) => {
<label class="text-file">เลขที่คำสั่ง</label> <label class="text-file">เลขที่คำสั่ง</label>
<q-input :outlined="true" dense lazy-rules :readonly="!true" :borderless="!true" v-model="order" <q-input :outlined="true" dense lazy-rules :readonly="!true" :borderless="!true" v-model="order"
:rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]" hide-bottom-space :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]" hide-bottom-space
:label="`${'เลขที่คำสั่ง'}`" /> :label="`${'เลขที่คำสั่ง'}`" :disable="orderStatusName == 'ออกคำสั่งแล้ว'"/>
</div> </div>
<div> <div>
<label class="text-file">ปีที่ออกคำสั่ง</label> <label class="text-file">ปีที่ออกคำสั่ง</label>
<datepicker menu-class-name="modalfix" v-model="years" :locale="'th'" autoApply year-picker <datepicker :disabled="orderStatusName == 'ออกคำสั่งแล้ว'" menu-class-name="modalfix" v-model="years" :locale="'th'" autoApply year-picker
:enableTimePicker="false" week-start="0"> :enableTimePicker="false" week-start="0">
<template #year="{ year }">{{ year + 543 }}</template> <template #year="{ year }">{{ year + 543 }}</template>
<template #year-overlay-value="{ value }">{{ <template #year-overlay-value="{ value }">{{
parseInt(value + 543) parseInt(value + 543)
}}</template> }}</template>
<template #trigger> <template #trigger>
<q-input outlined dense lazy-rules :model-value="years + 543" :rules="[ <q-input :disable="orderStatusName == 'ออกคำสั่งแล้ว'" outlined dense lazy-rules :model-value="years + 543" :rules="[
(val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`, (val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,
]" hide-bottom-space :label="`${'ปีที่ออกคำสั่ง'}`"> ]" hide-bottom-space :label="`${'ปีที่ออกคำสั่ง'}`">
<template v-slot:prepend> <template v-slot:prepend>
@ -575,7 +577,7 @@ const viewFileUpload = async (url: string) => {
</div> </div>
<div> <div>
<label class="text-file">วันที่ลงนาม</label> <label class="text-file">วันที่ลงนาม</label>
<datepicker menu-class-name="modalfix" v-model="date" :locale="'th'" autoApply borderless <datepicker :disabled="orderStatusName == 'ออกคำสั่งแล้ว'" menu-class-name="modalfix" v-model="date" :locale="'th'" autoApply borderless
:enableTimePicker="false" week-start="0"> :enableTimePicker="false" week-start="0">
<template #year="{ year }"> <template #year="{ year }">
{{ year + 543 }} {{ year + 543 }}
@ -584,7 +586,7 @@ const viewFileUpload = async (url: string) => {
{{ parseInt(value + 543) }} {{ parseInt(value + 543) }}
</template> </template>
<template #trigger> <template #trigger>
<q-input outlined dense class="full-width datepicker" hide-bottom-space <q-input :disable="orderStatusName == 'ออกคำสั่งแล้ว'" outlined dense class="full-width datepicker" hide-bottom-space
:model-value="date != null ? date2Thai(date) : null" :label="`${'วันที่ลงนาม'}`" :rules="[ :model-value="date != null ? date2Thai(date) : null" :label="`${'วันที่ลงนาม'}`" :rules="[
(val) => !!val || `${'กรุณาเลือกวันที่ลงนาม'}`, (val) => !!val || `${'กรุณาเลือกวันที่ลงนาม'}`,
]"> ]">
@ -598,10 +600,10 @@ const viewFileUpload = async (url: string) => {
</div> </div>
<!-- บันทึกรายละเอียดคำสั่ง --> <!-- บันทึกรายละเอียดคำสั่ง -->
<div class="row col-12 q-mt-md"> <div v-if="orderStatusName != 'ออกคำสั่งแล้ว'" class="row col-12 q-mt-md">
<q-space></q-space> <q-space></q-space>
<q-btn unelevated label="บันทึก" :color="validateForm() ? 'public' : 'grey'" <q-btn unelevated label="บันทึก" :color="validateForm() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
:disable="!validateForm()" @click="saveDetail"> :disable="!validateForm() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveDetail">
</q-btn> </q-btn>
</div> </div>