From 2e69a5d8763df3c83769f5704a24fcdaaed20f6a Mon Sep 17 00:00:00 2001
From: Joe <1712833832@qq.com>
Date: Thu, 25 Jan 2024 18:07:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Home/components/HomeFilter/index.vue        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue
index d959d6f1..a4356d9b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue
@@ -1,7 +1,8 @@
 <template>
   <div class='HomeFilter'>
-    <ElPopover trigger="click" :visibleArrow="false" placement="left" popper-class="global-input-search-popover">
-      <Button :class="['btn', { 'btn-active': true }]" slot="reference">
+    <ElPopover trigger="manual" :value="activeIcon === 'filter'" :visibleArrow="false" placement="left"
+      popper-class="global-input-search-popover">
+      <Button :class="['btn', { 'btn-active': activeIcon }]" slot="reference" @click.native="handleClick('filter')">
         <img src="@screen/images/home-filter/filter.svg">
       </Button>
 
@@ -37,6 +38,7 @@ export default {
   },
   data() {
     return {
+      activeIcon: null,
       formList: [
         {
           ...PresetFormItems.station,
@@ -52,6 +54,11 @@ export default {
         }
       ]
     }
+  },
+  methods: {
+    handleClick(type) {
+      this.activeIcon = this.activeIcon === type ? null : type;
+    }
   }
 }
 </script>