|
|
@ -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> |
|
|
|