项目资料收集

src/views/system/menu.vue

@@ -72,9 +72,9 @@
                         <el-cascader v-model="formModel.parentId" :options="tableData" :props="topMenuoptions" clearable />
                     </el-form-item>
                     <el-form-item label="菜单图标:">
-                        <el-input v-model="formModel.source" placeholder="图标库为 ">
+                        <el-input v-model="formModel.source" clearable>
                             <template #append>
-                                <a href="https://remixicon.cn/" target="_blank">图标库</a>
+                                <el-button @click="isIconShow = true">选择图标</el-button>
                             </template>
                         </el-input>
                     </el-form-item>
@@ -95,6 +95,8 @@
             </el-row>
         </el-form>
     </hc-dialog>
+    <!-- 图标选择 -->
+    <hc-menu-icon v-model="isIconShow" @finish="menuIconFinish" />
 </template>
 
    <script setup>
@@ -208,6 +210,13 @@ const menuDataModalSave = ()=>{
 const menuDataModalClose = ()=>{
 
 }
+
+   //图标选择
+   const isIconShow = ref(false)
+   const menuIconFinish = (icon) => {
+       formModel.value.source = icon
+       isIconShow.value = false
+   }
 </script>
 
  <style lang='scss' scoped>