From 590e89cd337bbba4559bd5cff2fd84219530a821 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Sat, 4 Jun 2022 16:52:21 +0800
Subject: [PATCH] =?UTF-8?q?fixed=EF=BC=9A=E8=8F=9C=E5=8D=95=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E9=80=89=E6=8B=A9=E4=B8=8D=E8=83=BD=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IconSelect/index.vue | 6 ++++--
 src/views/system/menu/index.vue     | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 20bf670..ee5e9a1 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -15,7 +15,7 @@
     <el-tabs v-model="activeName">
       <el-tab-pane label="svg-icon" name="1">
         <div class="icon-list">
-          <div class="icon-item mb10" v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item)">
+          <div class="icon-item mb10" v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item, '')">
             <svg-icon :name="item" style="height: 30px; width: 16px" />
             <div class="name">{{ item }}</div>
           </div>
@@ -54,7 +54,9 @@ function filterIcons() {
 }
 
 function selectedIcon(name, prefix) {
-  emit('selected', prefix != undefined ? prefix + name : name)
+  const iconName = prefix != undefined ? prefix + name : name
+  console.log(iconName)
+  emit('selected', iconName)
   document.body.click()
 }
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 1fcddbc..c492088 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -156,12 +156,12 @@
           </el-col>
           <el-col :lg="24" v-if="form.menuType != 'F'">
             <el-form-item :label="$t('m.icon')" prop="icon">
-              <el-popover placement="bottom-start" :width="540" v-model:visible="showChooseIcon" trigger="click" @show="showSelectIcon">
+              <el-popover placement="bottom-start" :teleported="false" :width="540" v-model:visible="showChooseIcon" trigger="click">
                 <template #reference>
                   <el-input v-model="form.icon" placeholder="点击选择图标" @click="showSelectIcon" readonly>
                     <template #prefix>
-                      <svg-icon v-if="form.icon" :name="form.icon" class="el-input__icon" />
-                      <el-icon class="el-input__icon" v-else>
+                      <svg-icon v-if="form.icon" :name="form.icon" />
+                      <el-icon v-else>
                         <search />
                       </el-icon>
                     </template>