From a23fe978a234b6b6a0623b4147076d4432184f3f Mon Sep 17 00:00:00 2001
From: Mrtangl <1807746833@qq.com>
Date: Mon, 25 Apr 2022 15:45:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/permission/menu/edit.vue      |  3 +-
 .../permission/menu/select-icon/index.vue     | 34 +++++++++++++++++--
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/admin/src/views/permission/menu/edit.vue b/admin/src/views/permission/menu/edit.vue
index 244296a2..38ac2b91 100644
--- a/admin/src/views/permission/menu/edit.vue
+++ b/admin/src/views/permission/menu/edit.vue
@@ -70,7 +70,7 @@
                                     </template>
                                 </el-input> -->
 
-                                <select-icon></select-icon>
+                                <select-icon :icon="formData.menuIcon"></select-icon>
                             </div>
                         </el-form-item>
                     </div>
@@ -228,7 +228,6 @@ const getMenuDetail = async (id: number) => {
 const getFatherMenu = async () => {
     const menus = (await apiConfigGetMenu()) || []
     menuList.value = [{ id: 0, menuName: '顶级' }, ...menus]
-    console.log(menuList.value, '---------------menuaList.value')
 }
 
 // 添加菜单
diff --git a/admin/src/views/permission/menu/select-icon/index.vue b/admin/src/views/permission/menu/select-icon/index.vue
index 8f111e0b..acc2fc5d 100644
--- a/admin/src/views/permission/menu/select-icon/index.vue
+++ b/admin/src/views/permission/menu/select-icon/index.vue
@@ -2,7 +2,7 @@
     <div class="select-icon">
         <div class="flex">
             <div class="show-icon">
-                <i class="iconfont"></i>
+                <i class="iconfont" :class="iconItemValue"></i>
             </div>
 
             <el-popover placement="bottom" :width="400" trigger="click">
@@ -117,9 +117,33 @@ const selectIcon = ref<any>([
     'icon_gongyingshang'
 ])
 
+const iconItemValue = ref<any>([])
+
 const selectIconItem = (item: string) => {
-    console.log(item, 'item')
+    console.log(item, 'item____')
+    iconItemValue.value = item
 }
+
+const emit = defineEmits(['update:icon'])
+
+const props = withDefaults(
+    defineProps<{
+        icon: any
+    }>(),
+    {
+        icon: ''
+    }
+)
+
+const iconValue = computed({
+    get: () => {
+        return [props.icon]
+    },
+    set: (value: any) => {
+        emit('update:icon', selectIconItem)
+        console.log(selectIconItem, 'selectIconItem______')
+    }
+})
 </script>
 
 <style lang="scss" scoped>
@@ -128,6 +152,12 @@ const selectIconItem = (item: string) => {
     height: 32px;
     border: 1px solid #dcdfe6;
     border-radius: 3px;
+    display: flex;
+    justify-content: center;
+
+    .iconfont {
+        font-size: 30px;
+    }
 }
 .select-icon-item {
     display: flex;