From d021472cca7fc20277cd27774e3789f647337db5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E7=BA=A2=E4=B8=BD?= <1181930680@qq.com>
Date: Thu, 14 Nov 2024 12:51:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E7=AE=A1=E7=90=86=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/data/config/editItem.vue | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/views/data/config/editItem.vue b/src/views/data/config/editItem.vue
index f16efaf..e3e4562 100644
--- a/src/views/data/config/editItem.vue
+++ b/src/views/data/config/editItem.vue
@@ -101,9 +101,17 @@
         <template v-else-if="formData.type == 'number'">
           <number-input v-model="formData.value" placeholder="请输入配置项值" />
         </template>
-        <!-- <template v-else-if="formData.type == 'icon'">
-          <IconPicker  class="flex-1" v-model="formData.value" />
-        </template> -->
+        <template v-else-if="formData.type == 'icon'">
+          <icon-picker v-model:icon="formData.value">
+            <template #iconSelect>
+              <a-input v-model:value="formData.value" placeholder="请选择菜单图标">
+                <template #addonBefore>
+                  <component :is="iconComponent(formData.value)" />
+                </template>
+              </a-input>
+            </template>
+          </icon-picker>
+        </template>
         <template v-else-if="formData.type == 'radio'">
           <a-radio-group v-model:value="formData.value">
             <a-radio v-for="(item, index) in optionsData" :value="item.value" :key="index">
@@ -230,6 +238,8 @@
   import UploadImg from '@/components/Upload/Image.vue';
   import UploadImgs from '@/components/Upload/Images.vue';
   import UploadFile from '@/components/Upload/file.vue';
+  import IconPicker from '@/components/icon/picker.vue';
+  import * as VueIcon from '@ant-design/icons-vue';
 
   /**
    * 定义参数变量
@@ -369,7 +379,14 @@
     formData.values = [];
     formData.value = '';
   };
-
+  /**
+   * 定义Icon组件
+   * @param icon 图标
+   */
+   const iconComponent = (icon) => {
+    const IconComponent = VueIcon[icon];
+    return IconComponent;
+  };
   /**
    * 执行提交表单
    */