From 5a737c6ae2ac557ed8d7ac1972cccef13b1ddfdd Mon Sep 17 00:00:00 2001
From: tinyu <tinyu@inscode.cn>
Date: Mon, 29 Apr 2024 10:48:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=98=E5=8C=96=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E4=B8=8B=E6=8B=89=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SelectPanel/index.vue | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/SelectPanel/index.vue b/src/components/SelectPanel/index.vue
index 159e676..e876cc6 100644
--- a/src/components/SelectPanel/index.vue
+++ b/src/components/SelectPanel/index.vue
@@ -1,10 +1,9 @@
 <template>
     <div>
-        <el-popover placement="bottom-start" width="200" trigger="click">
-            <el-select slot="reference" ref="selectBox" :value="selectKey" multiple  collapse-tags
+        <el-popover placement="bottom-start"  v-model="shwoPop" width="200" trigger="click">
+            <el-select slot="reference" ref="selectBox"  suffix-icon="el-close" :value="selectKey" multiple  collapse-tags
                 placeholder="请选择" @visible-change="$refs['selectBox'].blur()" @remove-tag="delTag">
                 <el-option label="1" value="a"></el-option>
-                <template #suffix>AAAA</template>
             </el-select>
             <div>
                 <el-row>
@@ -37,6 +36,7 @@ export default {
     },
     data() {
         return {
+            shwoPop:false,
             checkValue: {
                 category1: [],
                 category2: []
@@ -60,15 +60,33 @@ export default {
 
         selectKey(){
             return this.allcheck.map(v => v.value)
-        }
+        },
+
 
     },
 
     mounted() {
-
+        this.init()
     },
 
     methods: {
+        //初始化
+        
+        init(){
+            if(this.$refs['selectBox']){
+                const iconDom = this.$refs['selectBox'].$el.querySelector('.el-input__suffix .el-input__icon');
+                const closeWatch = this.$watch('shwoPop',(val => {
+                    const num = val ? 0 : 180;
+                    iconDom.style.transform=`rotateZ(${num}deg)`
+                }))
+                this.$once('hook:beforeDestroy', () => {
+                    closeWatch()
+                })
+            }else{
+                console.log('Not find ref of selectBox')
+            }
+        },
+
         //删除标签
         delTag(tag){
             this.allcheck = this.allcheck.filter(v =>{
-- 
GitLab