From 2f509ac1e4b3aab907036e161d756d31ff37cdc2 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Mon, 2 Oct 2023 09:43:38 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9A=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B6?=
 =?UTF-8?q?=E0=B8=81=E0=B8=9C=E0=B8=A5=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=84?=
 =?UTF-8?q?=E0=B8=94=E0=B9=89=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=9E=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=97=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?=E0=B9=80=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=AD=E0=B8=B4=E0=B8=AA=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=A2=E0=B8=B2=E0=B8=A0=E0=B8=A3=E0=B8=93=E0=B9=8C?=
 =?UTF-8?q?=20pop=20up=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=84=E0=B8=B7?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/3_result/Dialogbody.vue        | 31 +++++++++----------
 src/modules/07_insignia/views/ResultPage.vue  |  7 ++---
 2 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/modules/07_insignia/components/3_result/Dialogbody.vue b/src/modules/07_insignia/components/3_result/Dialogbody.vue
index e2ac73af1..94e72c7fd 100644
--- a/src/modules/07_insignia/components/3_result/Dialogbody.vue
+++ b/src/modules/07_insignia/components/3_result/Dialogbody.vue
@@ -15,6 +15,7 @@ const { date2Thai,showLoader,success,hideLoader,messageError,dialogConfirm } = m
 const files = ref<any>();
 const filesReturn = ref<any>();
 const OrganazationId = ref<string>("");
+const OrganazationId2 = ref<string>("");
 const OrgList = ref<DataOption[]>([]);
 const Datereceive = ref<Date | null>(null);
 const Datereturn = ref<Date | null>();
@@ -25,7 +26,8 @@ const props = defineProps({
   personId: String,
   close: Function,
   fecthlistInsignia: Function,
-  fileCheck:String
+  fileCheck:String,
+  fileCheck2:String
 });
 // reset วันที่ประกาศราชกิจจานุเบกษา
 const clearReceiveDate = () => {
@@ -41,7 +43,7 @@ const close = () => {
       OrganazationId.value = ''
       Datereturn.value = null
       filesReturn.value = null
-      OrganazationId.value = ''
+      OrganazationId2.value = ''
 };
 
 const SaveData = async (type:string,id:string) => {
@@ -81,7 +83,7 @@ const dataSave = (type:string,id:string) => {
       OrganazationId.value = ''
       Datereturn.value = null
       filesReturn.value = null
-      OrganazationId.value = ''
+      OrganazationId2.value = ''
       props.close?.();
       hideLoader();
       props.fecthlistInsignia?.()
@@ -173,16 +175,16 @@ onMounted(()=>{
                   :rules="[(val) => !!val || 'กรุณาเลือกหน่วยงานที่รับ']" :disable="fileCheck !== null"/>
               </div>
             </div>
-            <div class="col-12 q-my-sm">            <q-separator/></div>
-
-            <div  class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
+            
+            <div v-if="fileCheck !== null" class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
+              <div class="col-12 q-mt-sm"><q-separator/></div>
               <div class="col-12 text-weight-bold text-grey-7">
                 คืนเครื่องราชฯ
               </div>
               <div class="col-xs-12 col-sm-4">
                 
                 <datepicker menu-class-name="modalfix" v-model="Datereturn" :locale="'th'" autoApply borderless
-                  :enableTimePicker="false" week-start="0">
+                  :enableTimePicker="false" week-start="0" :readonly="fileCheck2 !== null">
                   <template #year="{ year }">
                     {{ year + 543 }}
                   </template>
@@ -192,7 +194,7 @@ onMounted(()=>{
                   <template #trigger>
                     <q-input dense borderless outlined lazy-rules :rules="[(val) => !!val || 'กรุณาเลือกวันที่คืน']"
                       hide-bottom-space :model-value="Datereturn != null ? date2Thai(Datereturn) : undefined
-                        " :label="`${'วันที่คืน'}`" clearable @clear="clearReturnDate">
+                        " :label="`${'วันที่คืน'}`" clearable @clear="clearReturnDate" :disable="fileCheck2 !== null">
                       <template v-slot:prepend>
                         <q-icon name="event" class="cursor-pointer" color="primary">
                         </q-icon>
@@ -203,7 +205,7 @@ onMounted(()=>{
               </div>
               <div class="col-xs-12 col-sm-4">
                 <q-file outlined dense v-model="filesReturn" label="ไฟล์หลักฐานการคืน" lazy-rules
-                  :rules="[(val) => val || 'กรุณาเลือกไฟล์หลักฐานการคืน']" hide-bottom-space>
+                  :rules="[(val) => val || 'กรุณาเลือกไฟล์หลักฐานการคืน']" hide-bottom-space :disable="fileCheck2 !== null">
                   <template v-slot:prepend>
                     <q-icon name="attach_file" color="primary" />
                   </template>
@@ -211,14 +213,9 @@ onMounted(()=>{
               </div>
               <div class="col-xs-12 col-sm-4">
                 <q-select hide-bottom-space :options="OrgList" dense borderless option-label="name" option-value="id"
-                  emit-value map-options outlined v-model="OrganazationId" lazy-rules :label="`หน่วยงานที่คืน`"
-                  :rules="[(val) => !!val || 'กรุณาเลือกหน่วยงานที่คืน']" />
+                  emit-value map-options outlined v-model="OrganazationId2" lazy-rules :label="`หน่วยงานที่คืน` "
+                  :rules="[(val) => !!val || 'กรุณาเลือกหน่วยงานที่คืน']" :disable="fileCheck2 !== null"/>
               </div>
-
-              <!-- <div class="col-xs-12 col-sm-12">
-                <q-input type="textarea" v-model="remark" outlined dense rows="3" :label="`${'หมายเหตุ'}`"/>
-              </div> -->
-
             </div>
           </div>
 
@@ -227,7 +224,7 @@ onMounted(()=>{
       <q-separator />
       <div class="q-px-md q-py-sm">
         <div class="row justify-end">
-          <q-btn label="บันทึก" color="public" @click="SaveData(props.fileCheck === null ? 'receive':'return',props.personId as string)">
+          <q-btn v-if="fileCheck2 === null" label="บันทึก" color="public" @click="SaveData(props.fileCheck === null ? 'receive':'return',props.personId as string)">
             <q-tooltip>บันทึก</q-tooltip>
           </q-btn>
         </div>
diff --git a/src/modules/07_insignia/views/ResultPage.vue b/src/modules/07_insignia/views/ResultPage.vue
index b763fc651..94a69ca28 100644
--- a/src/modules/07_insignia/views/ResultPage.vue
+++ b/src/modules/07_insignia/views/ResultPage.vue
@@ -44,6 +44,7 @@ const filterEmployee = ref<any>(DataStore.employeeClassOps);
 const ModalDialog = ref<boolean>(false);
 const dateReceiveInsignia = ref<Date>();
 const fileCheck = ref<any>();
+const fileCheck2 = ref<any>();
 onMounted(async () => {
   await fecthRound();
 });
@@ -437,6 +438,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
 const OpenModal = (data: any) => {
   ModalDialog.value = true;
   fileCheck.value = data.docReceiveInsignia;
+  fileCheck2.value = data.docReturnInsignia;
   personId.value = data.id;
 };
 const filterSelector = (val: any, update: Function, name: any) => {
@@ -824,10 +826,6 @@ const clearInsigniaFilters = (name: string) => {
                           <q-item-section>เเก้ไขข้อมูล</q-item-section>
                         </q-item>
                         <q-item
-                          :disable="
-                            props.row.docReceiveInsignia !== null &&
-                            props.row.docReturnInsignia !== null
-                          "
                           clickable
                           v-close-popup
                           @click="OpenModal(props.row)"
@@ -868,6 +866,7 @@ const clearInsigniaFilters = (name: string) => {
       :modal="ModalDialog"
       :close="close"
       :fileCheck="fileCheck"
+      :fileCheck2="fileCheck2"
       :personId="personId"
       :fecthlistInsignia="fecthlistInsignia"
     />