no message

src/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue

@@ -36,7 +36,7 @@ const profileId = ref<string>(
 /**
  * props
  */
- const isLeave = defineModel<boolean>("isLeave", {
+const isLeave = defineModel<boolean>("isLeave", {
   required: true,
 });
 
@@ -283,7 +283,8 @@ function onClickHistory() {
       const data = res.data.result;
       rows.value = data.sort(
         (a: any, b: any) =>
-          new Date(b.lastUpdatedAt).getTime() - new Date(a.lastUpdatedAt).getTime()
+          new Date(b.lastUpdatedAt).getTime() -
+          new Date(a.lastUpdatedAt).getTime()
       );
     })
     .catch((err) => {
@@ -578,7 +579,7 @@ onMounted(() => {
     <q-card style="min-width: 80%">
       <DialogHeader
         tittle="ประวัติแก้ไขข้อมูลส่วนตัว"
-        :close="() => (modalHistory = false)"
+        :close="() => ((modalHistory = false), (filter = ''), (rows = []))"
       />
       <q-separator />
 
@@ -595,18 +596,7 @@ onMounted(() => {
             debounce="300"
           >
             <template v-slot:append>
-              <q-icon
-                v-if="filter == ''"
-                name="search"
-                @click.stop.prevent="filter = ''"
-                class="cursor-pointer"
-              />
-              <q-icon
-                v-if="filter"
-                name="cancel"
-                @click.stop.prevent="filter = ''"
-                class="cursor-pointer"
-              />
+              <q-icon name="search" />
             </template>
           </q-input>
           <q-select
@@ -620,7 +610,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
           />
         </div>
@@ -634,7 +623,7 @@ onMounted(() => {
           :rows="rows"
           :rows-per-page-options="[10, 25, 50, 100]"
           :visible-columns="visibleColumns"
-          :filter="filter"
+          :filter="filter.trim()"
         >
           >
           <template v-slot:header="props">