From 7eb2418c07b877de3124733a0ec2d18c55449663 Mon Sep 17 00:00:00 2001
From: Arif Rahman Hakim <new.arifrh199@gmail.com>
Date: Thu, 27 Jun 2024 15:45:07 +0800
Subject: [PATCH] feat: add clear filter for period & search

---
 src/views/contract/ListContractView.vue | 4 +++-
 src/views/report/ListReportView.vue     | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/contract/ListContractView.vue b/src/views/contract/ListContractView.vue
index 51af7ff..da7e2df 100644
--- a/src/views/contract/ListContractView.vue
+++ b/src/views/contract/ListContractView.vue
@@ -78,7 +78,7 @@
         <template #default="scope">
           <el-tag :type="statusType(scope.row)" effect="dark">{{
             statusText(scope.row)
-            }}</el-tag>
+          }}</el-tag>
         </template>
       </el-table-column>
 
@@ -236,6 +236,8 @@ const print = () => {
 
 const clearFilter = () => {
   contractsTableRef.value!.clearFilter();
+  search.value = ""
+  periodSelected.value = null;
 };
 
 const clearSelection = () => {
diff --git a/src/views/report/ListReportView.vue b/src/views/report/ListReportView.vue
index 9addf4d..c626459 100644
--- a/src/views/report/ListReportView.vue
+++ b/src/views/report/ListReportView.vue
@@ -150,6 +150,8 @@ const print = () => {
 
 const clearFilter = () => {
   reportsTableRef.value!.clearFilter();
+  search.value = ""
+  periodSelected.value = null;
 };
 
 const clearSelection = () => {