แก้ฟอร์มเรื่องร้องเรียน

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -74,12 +74,6 @@ const props = defineProps({
   },
 });
 
-const fileListOj = reactive<ArrayFileList>({
-  id: "",
-  pathName: "",
-  fileName: "",
-});
-
 const formData = reactive<FormData>({
   id: "",
   respondentType: "",
@@ -261,20 +255,20 @@ async function fileUploadDoc(documentFile: any) {
  */
 function selectLevel(val: string) {
   let dayNum = 0;
-  if (val == "3") {
+  if (val == "VERY_URGENT") {
     dayNum = 15; // ด่วนมาก
-  } else if (val == "1") {
+  } else if (val == "URGENT") {
     dayNum = 30; // ด่วน
   } else {
     dayNum = 45; // ปกติ
   }
   // วันแจ้งเตือนล่วงหน้า
-  if (formData.dateConsideration) {
-    const currentDate = new Date(formData.dateConsideration);
+  if (formData.dateReceived) {
+    const currentDate = new Date(formData.dateReceived);
     const newDate = new Date(
       currentDate.getTime() + dayNum * 24 * 60 * 60 * 1000
     );
-    formData.dateNotification = newDate;
+    formData.dateConsideration = newDate;
   }
 }
 
@@ -410,6 +404,7 @@ function upLoadFileDoc() {
 
 async function addPerson(data: any) {
   toggleModal();
+  changeFormData();
   await complainstStore.fetchComplainstAdd(data);
 }
 
@@ -425,20 +420,24 @@ function deletePerson(id: string) {
 }
 
 function removePerson(id: string) {
-  isSave.value = true;
+  changeFormData();
   const dataRow = complainstStore.rowsAdd;
   const updatedRows = dataRow.filter((item: any) => item.personId !== id);
   complainstStore.rowsAdd = updatedRows;
 }
 
-function getList() {
+function getListChannel() {
   http.get(config.API.complaintListOp()).then((res) => {
     complaintFromtoptions.value = res.data.result.data;
   });
 }
 
+function changeFormData() {
+  isSave.value = props.data != null ?? true;
+}
+
 onMounted(() => {
-  getList();
+  getListChannel();
   getOc();
   complainstStore.columns = columns.value;
   complainstStore.visibleColumns = visibleColumns.value;
@@ -487,6 +486,7 @@ onMounted(() => {
                     @filter="(inputValue: any,
                 doneFn: Function) => filterSelector(inputValue, doneFn, 'filterrespondentType'
                 )"
+                    @update:model-value="changeFormData()"
                   >
                     <template v-slot:no-option>
                       <q-item>
@@ -522,6 +522,7 @@ onMounted(() => {
                     label="เลือกสำนักงาน"
                     :rules="[(val) => !!val || `${'กรุณาเลือกสำนักงาน'}`]"
                     lazy-rules
+                    @update:model-value="changeFormData()"
                   />
                 </div>
 
@@ -548,6 +549,7 @@ onMounted(() => {
                     @filter="(inputValue: any,
                 doneFn: Function) => filterSelector(inputValue, doneFn, 'filterconsideredAgencytoptions'
                 )"
+                    @update:model-value="changeFormData()"
                   >
                     <template v-slot:no-option>
                       <q-item>
@@ -686,6 +688,7 @@ onMounted(() => {
                     label="เรื่องร้องเรียน"
                     type="textarea"
                     rows="5"
+                    @update:model-value="changeFormData()"
                   />
                 </div>
 
@@ -705,6 +708,7 @@ onMounted(() => {
                     label="รายละเอียดเรื่องร้องเรียน"
                     type="textarea"
                     rows="5"
+                    @update:model-value="changeFormData()"
                   />
                 </div>
 
@@ -720,6 +724,7 @@ onMounted(() => {
                     "
                     :enableTimePicker="false"
                     week-start="0"
+                    @update:model-value="changeFormData()"
                   >
                     <template #year="{ year }">
                       {{ year + 543 }}
@@ -784,7 +789,8 @@ onMounted(() => {
                     ]"
                     lazy-rules
                     @update:model-value="
-                      selectLevel(formData.levelConsideration)
+                      selectLevel(formData.levelConsideration);
+                      changeFormData();
                     "
                   />
                 </div>
@@ -793,9 +799,7 @@ onMounted(() => {
                   <datepicker
                     menu-class-name="modalfix"
                     v-model="formData.dateConsideration"
-                    @update:model-value="
-                      selectLevel(formData.levelConsideration)
-                    "
+                    @update:model-value="changeFormData()"
                     :locale="'th'"
                     :readonly="
                       formData.status !== 'NEW' && formData.status !== ''
@@ -866,6 +870,7 @@ onMounted(() => {
                     map-options
                     :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
                     lazy-rules
+                    @update:model-value="changeFormData()"
                   />
                 </div>
 
@@ -881,6 +886,7 @@ onMounted(() => {
                     borderless
                     :enableTimePicker="false"
                     week-start="0"
+                    @update:model-value="changeFormData()"
                   >
                     <template #year="{ year }">
                       {{ year + 543 }}
@@ -945,6 +951,7 @@ onMounted(() => {
                       (val) => !!val || `${'กรุณาเลือกรับเรื่องร้องเรียน'}`,
                     ]"
                     lazy-rules
+                    @update:model-value="changeFormData()"
                   />
                 </div>
 
@@ -964,6 +971,7 @@ onMounted(() => {
                     hide-bottom-space
                     type="textarea"
                     rows="5"
+                    @update:model-value="changeFormData()"
                   />
                 </div>
                 <div class="col-xs-12 col-sm-12">
@@ -984,6 +992,7 @@ onMounted(() => {
                     label="ผลการตรวจสอบเรื่องร้องเรียน"
                     type="textarea"
                     rows="5"
+                    @update:model-value="changeFormData()"
                   />
                 </div>
               </div>
@@ -1100,7 +1109,7 @@ onMounted(() => {
                 </q-list>
               </div>
 
-              <div class="col-12 q-mt-sm" v-if="fileList.length == 0">
+              <div class="col-12 q-pa-sm" v-if="fileList.length == 0">
                 <q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
               </div>
             </q-card>