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>