fix bug

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -274,11 +274,15 @@ function changtypeOc() {
 
 /** function เพิ่มรายชื่อ*/
 async function clickmodalAdd() {
+  await clearForm();
   let ocId = DataStore.typeOc ? DataStore.typeOc : DataStore.agency;
   // showLoader();
   await fecthInsignia();
   await fecthlistperson(ocId);
-  clearForm();
+}
+
+function onCloseModalAdd() {
+  modalAdd.value = false;
 }
 
 const maxPage = ref<number>(0);
@@ -662,6 +666,9 @@ function clearForm() {
   dataPerson.level = "";
   reason.value = "";
   insigniaType.value = "";
+  formFilter.page = 1;
+  formFilter.searchField = "citizenId";
+  formFilter.searchKeyword = "";
 }
 
 const insignia = ref<string>("");
@@ -1227,8 +1234,9 @@ onMounted(async () => {
   <!-- add -->
   <q-dialog v-model="modalAdd" persistent>
     <q-card style="width: 900px; max-width: 80vw">
-      <q-toolbar class="q-py-md">
-        <q-toolbar-title class="text-h6">เพิ่มรายชื่อ </q-toolbar-title>
+      <DialogHeader tittle="เพิ่มรายชื่อ" :close="onCloseModalAdd" />
+      <!-- <q-toolbar class="q-py-md">
+        <q-toolbar-title class="text-h6"> </q-toolbar-title>
 
         <q-btn
           icon="close"
@@ -1244,7 +1252,7 @@ onMounted(async () => {
           "
           style="color: #ff8080; background-color: #ffdede"
         />
-      </q-toolbar>
+      </q-toolbar> -->
       <q-separator />
       <q-card-section class="q-pa-sm bg-grey-1">
         <div class="row col-12 q-col-gutter-sm">
@@ -1423,7 +1431,7 @@ onMounted(async () => {
       </q-card-section>
       <q-separator />
       <q-card-actions align="right">
-        <q-btn dense unelevated label="บันทึก" color="public" @click="clickAdd">
+        <q-btn unelevated label="บันทึก" color="public" @click="clickAdd">
           <q-tooltip>บันทึก</q-tooltip>
         </q-btn>
       </q-card-actions>