From a211c3dabb3bc4f06a877f947a85130184511482 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Tue, 28 Nov 2023 18:25:38 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=88=E0=B9=89=E0=B8=87=E0=B9=80?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B7=E0=B8=AD=E0=B8=99=20=E0=B8=81=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=93=E0=B8=B5=E0=B8=A1=E0=B8=B5=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Complaint/Form.vue           | 29 +++++++++++++++----
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/modules/11_discipline/components/1_Complaint/Form.vue b/src/modules/11_discipline/components/1_Complaint/Form.vue
index 6c12f6979..fa2465987 100644
--- a/src/modules/11_discipline/components/1_Complaint/Form.vue
+++ b/src/modules/11_discipline/components/1_Complaint/Form.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, onMounted, reactive, watch } from "vue";
-import { useQuasar } from "quasar";
+import { ref, onMounted, reactive, watch, watchEffect } from "vue";
+import { is, useQuasar } from "quasar";
 import { useRouter } from "vue-router";
 import type { QTableProps } from "quasar";
 /** import Type */
@@ -55,6 +55,8 @@ const complaintFromRef = ref<Object | null>(null);
 const appellantRef = ref<Object | null>(null);
 const resultRef = ref<Object | null>(null);
 
+const isSave = ref<boolean>(false); // มีการแก้ไขรอบันทึก
+
 const fileList = ref<ArrayFileList[]>([]);
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -305,6 +307,7 @@ function onSubmit() {
         props.onSubmit(formData);
       } else props.onSubmit(formData);
       // props.onSubmit(formData);
+      isSave.value = false;
     },
     "ยืนยันการบันทึกข้อมูล",
     "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"
@@ -393,7 +396,6 @@ function upLoadFileDoc() {
   http
     .put(config.API.complaintFileUpload(formData.id), Data)
     .then((res) => {
-      console.log(res);
       success($q, "บันทึกข้อมูลสำเร็จ");
       props.getData();
     })
@@ -404,12 +406,10 @@ function upLoadFileDoc() {
       hideLoader();
       formData.documentFile = null;
     });
-  console.log("file", formData.documentFile, formData.id);
 }
 
 async function addPerson(data: any) {
   toggleModal();
-  console.log(data);
   await complainstStore.fetchComplainstAdd(data);
 }
 
@@ -425,6 +425,7 @@ function deletePerson(id: string) {
 }
 
 function removePerson(id: string) {
+  isSave.value = true;
   const dataRow = complainstStore.rowsAdd;
   const updatedRows = dataRow.filter((item: any) => item.personId !== id);
   complainstStore.rowsAdd = updatedRows;
@@ -443,9 +444,21 @@ onMounted(() => {
   complainstStore.visibleColumns = visibleColumns.value;
 });
 </script>
+
 <template>
   <div class="row col-12 bg-white">
     <div class="col-sm-12 col-md-9">
+      <div v-if="isSave === true" class="q-pa-sm q-gutter-sm">
+        <q-banner
+          inline-actions
+          bordered
+          class="bg-red-1 text-red border-orange"
+        >
+          <q-icon name="mdi-information-outline" size="20px" /> แจ้งเตือน
+          ยังไม่ได้บันทึกข้อมูล
+        </q-banner>
+      </div>
+
       <form @submit.prevent="validateForm">
         <div class="col-12">
           <q-card bordered>
@@ -1108,4 +1121,8 @@ onMounted(() => {
   />
 </template>
 
-<style scoped></style>
+<style scoped>
+.q-banner {
+  min-height: 25px;
+}
+</style>