From 447cbc7b27e35fb1d89d31b2476022dd6add7829 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Mon, 12 Feb 2024 14:34:29 +0700
Subject: [PATCH] clearable

---
 src/modules/04_registry/components/Coin.vue   | 21 ++++++++++++++-----
 .../04_registry/components/Discipline.vue     |  7 +++++++
 .../04_registry/components/Education.vue      | 14 +++++++++----
 .../04_registry/components/Insignia.vue       | 14 +++++++++++++
 src/modules/04_registry/components/Record.vue |  7 +++++++
 src/modules/04_registry/components/Work.vue   |  9 ++++++++
 6 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/src/modules/04_registry/components/Coin.vue b/src/modules/04_registry/components/Coin.vue
index 9b1ebf2cc..6223b289c 100644
--- a/src/modules/04_registry/components/Coin.vue
+++ b/src/modules/04_registry/components/Coin.vue
@@ -203,6 +203,13 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="refCommandDate && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="refCommandDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
@@ -302,7 +309,7 @@ const issuer = ref<string>();
 const detail = ref<string>();
 const issueDate = ref<Date>(new Date());
 const refCommandNo = ref<string>();
-const refCommandDate = ref<Date | null|string>(new Date());
+const refCommandDate = ref<Date | null | string>(new Date());
 const myForm = ref<any>(); //form data input
 const edit = ref<boolean>(false); //เช็คการกดปุ่มแก้ไขใน dialog
 const modal = ref<boolean>(false); //modal add detail
@@ -500,9 +507,9 @@ const fetchData = async () => {
             issuer: e.issuer,
             detail: e.detail,
             issueDate: new Date(e.issueDate),
-            refCommandNo: e.refCommandNo == '' ? '-':e.refCommandNo,
+            refCommandNo: e.refCommandNo == "" ? "-" : e.refCommandNo,
             refCommandDate:
-              e.refCommandDate == null ? '-' : new Date(e.refCommandDate),
+              e.refCommandDate == null ? "-" : new Date(e.refCommandDate),
             createdAt: new Date(e.createdAt),
             createdFullName: e.createdFullName,
           });
@@ -611,7 +618,9 @@ const saveData = async () => {
         issueDate: dateToISO(issueDate.value),
         refCommandNo: refCommandNo.value,
         refCommandDate:
-          refCommandDate.value == null ? null : dateToISO(refCommandDate.value as Date),
+          refCommandDate.value == null
+            ? null
+            : dateToISO(refCommandDate.value as Date),
       })
       .then((res) => {
         success($q, "บันทึกข้อมูลสำเร็จ");
@@ -639,7 +648,9 @@ const editData = async () => {
       issueDate: dateToISO(issueDate.value),
       refCommandNo: refCommandNo.value,
       refCommandDate:
-        refCommandDate.value == null ? null : dateToISO(refCommandDate.value as Date),
+        refCommandDate.value == null
+          ? null
+          : dateToISO(refCommandDate.value as Date),
     })
     .then((res) => {
       success($q, "บันทึกข้อมูลสำเร็จ");
diff --git a/src/modules/04_registry/components/Discipline.vue b/src/modules/04_registry/components/Discipline.vue
index f2838566e..657ec504b 100644
--- a/src/modules/04_registry/components/Discipline.vue
+++ b/src/modules/04_registry/components/Discipline.vue
@@ -219,6 +219,13 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="refCommandDate && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="refCommandDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
diff --git a/src/modules/04_registry/components/Education.vue b/src/modules/04_registry/components/Education.vue
index 2044a6325..32783d601 100644
--- a/src/modules/04_registry/components/Education.vue
+++ b/src/modules/04_registry/components/Education.vue
@@ -369,7 +369,7 @@
                       >
                       </q-icon>
                     </template>
-                    <template v-if="finishDate" v-slot:append>
+                    <template v-if="finishDate && edit" v-slot:append>
                       <q-icon
                         name="cancel"
                         @click.stop.prevent="finishDate = null"
@@ -381,7 +381,6 @@
               </datepicker>
             </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
-              {{ isEducation }}
               <selector
                 :class="getClass(edit)"
                 :outlined="edit"
@@ -395,7 +394,6 @@
                 @update:modelValue="clickEditRow"
                 emit-value
                 map-options
-                clearable
                 option-label="name"
                 :options="Ops.positionPathOptions"
                 option-value="id"
@@ -404,7 +402,15 @@
                 @filter="(inputValue:any,
                       doneFn:Function) => filterSelector(inputValue, doneFn,'positionPathOptions'
                       ) "
-              />
+              >
+                <template v-if="isEducation !== null && edit" v-slot:append>
+                  <q-icon
+                    name="cancel"
+                    @click.stop.prevent="isEducation = null"
+                    class="cursor-pointer"
+                  />
+                </template>
+              </selector>
             </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input
diff --git a/src/modules/04_registry/components/Insignia.vue b/src/modules/04_registry/components/Insignia.vue
index 82db3a859..109a85c5f 100644
--- a/src/modules/04_registry/components/Insignia.vue
+++ b/src/modules/04_registry/components/Insignia.vue
@@ -330,6 +330,13 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="dateAnnounce && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="dateAnnounce = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
@@ -396,6 +403,13 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="refCommandDate && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="refCommandDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
diff --git a/src/modules/04_registry/components/Record.vue b/src/modules/04_registry/components/Record.vue
index ecc961ded..2275ab6cb 100644
--- a/src/modules/04_registry/components/Record.vue
+++ b/src/modules/04_registry/components/Record.vue
@@ -201,6 +201,13 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="refCommandDate && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="refCommandDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
diff --git a/src/modules/04_registry/components/Work.vue b/src/modules/04_registry/components/Work.vue
index c32d4d136..2b7bd07e4 100644
--- a/src/modules/04_registry/components/Work.vue
+++ b/src/modules/04_registry/components/Work.vue
@@ -244,8 +244,17 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="refCommandDate && edit" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="refCommandDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
+                  
                 </template>
+                
               </datepicker>
             </div>
           </div>