From 45adb802b290c95cbf0e3e6c2d1f0991b3255462 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Mon, 4 Sep 2023 17:16:14 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AD=E0=B8=AD=E0=B8=81=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87=20disable=20input=20step?=
 =?UTF-8?q?=204?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../10_order/components/step/step04.vue       | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/modules/10_order/components/step/step04.vue b/src/modules/10_order/components/step/step04.vue
index 0ac4959ff..22d318ec3 100644
--- a/src/modules/10_order/components/step/step04.vue
+++ b/src/modules/10_order/components/step/step04.vue
@@ -350,7 +350,9 @@ const validateFormUpload = () => {
 
 const validateForm = () => {
   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 @click="setTab('main')" :class="getClass(tab == 'main')">
               <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'">
                 <q-tooltip>ดาวน์โหลด</q-tooltip>
                 <q-menu>
@@ -413,7 +415,7 @@ const viewFileUpload = async (url: string) => {
               code != 'c-pm-20'
               " @click="setTab('second')" :class="getClass(tab == 'second')">
               <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'">
                 <q-tooltip>ดาวน์โหลด</q-tooltip>
                 <q-menu>
@@ -496,7 +498,7 @@ const viewFileUpload = async (url: string) => {
                         <q-tooltip>ดาวน์โหลดไฟล์คำสั่ง</q-tooltip>
                       </q-btn>
                     </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">
                       <template v-slot:prepend>
                         <q-icon name="attach_file" />
@@ -523,7 +525,7 @@ const viewFileUpload = async (url: string) => {
                       </q-btn>
                     </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">
                       <template v-slot:prepend>
                         <q-icon name="attach_file" />
@@ -531,9 +533,9 @@ const viewFileUpload = async (url: string) => {
                     </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-btn unelevated label="บันทึก" :color="validateFormUpload() ? 'public' : 'grey'"
+                      <q-btn unelevated label="บันทึก" :color="validateFormUpload() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
                         :disable="!validateFormUpload() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveUpload">
                       </q-btn>
                     </div>
@@ -551,18 +553,18 @@ const viewFileUpload = async (url: string) => {
                     <label class="text-file">เลขที่คำสั่ง</label>
                     <q-input :outlined="true" dense lazy-rules :readonly="!true" :borderless="!true" v-model="order"
                       :rules="[(val) => !!val || `${'กรุณากรอกเลขที่คำสั่ง'}`]" hide-bottom-space
-                      :label="`${'เลขที่คำสั่ง'}`" />
+                      :label="`${'เลขที่คำสั่ง'}`" :disable="orderStatusName == 'ออกคำสั่งแล้ว'"/>
                   </div>
                   <div>
                     <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">
                       <template #year="{ year }">{{ year + 543 }}</template>
                       <template #year-overlay-value="{ value }">{{
                         parseInt(value + 543)
                       }}</template>
                       <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 || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,
                         ]" hide-bottom-space :label="`${'ปีที่ออกคำสั่ง'}`">
                           <template v-slot:prepend>
@@ -575,7 +577,7 @@ const viewFileUpload = async (url: string) => {
                   </div>
                   <div>
                     <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">
                       <template #year="{ year }">
                         {{ year + 543 }}
@@ -584,7 +586,7 @@ const viewFileUpload = async (url: string) => {
                         {{ parseInt(value + 543) }}
                       </template>
                       <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="[
                             (val) => !!val || `${'กรุณาเลือกวันที่ลงนาม'}`,
                           ]">
@@ -598,10 +600,10 @@ const viewFileUpload = async (url: string) => {
                   </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-btn unelevated label="บันทึก" :color="validateForm() ? 'public' : 'grey'"
-                      :disable="!validateForm()" @click="saveDetail">
+                    <q-btn unelevated label="บันทึก" :color="validateForm() && orderStatusName != 'ออกคำสั่งแล้ว' ? 'public' : 'grey'"
+                        :disable="!validateForm() || orderStatusName == 'ออกคำสั่งแล้ว'" @click="saveDetail">
                     </q-btn>
                   </div>