gitadmin/wms-antdvue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

配置管理字体图标

Browse Source
This commit is contained in:
陈红丽 2024-11-14 12:51:01 +08:00
parent b03e88bded
commit d021472cca
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/data/config/editItem.vue
View File

@ -101,9 +101,17 @@
<template v-else-if="formData.type == 'number'"> <template v-else-if="formData.type == 'number'">
<number-input v-model="formData.value" placeholder="请输入配置项值" /> <number-input v-model="formData.value" placeholder="请输入配置项值" />
</template> </template>
<!-- <template v-else-if="formData.type == 'icon'"> <template v-else-if="formData.type == 'icon'">
<IconPicker class="flex-1" v-model="formData.value" /> <icon-picker v-model:icon="formData.value">
</template> --> <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'"> <template v-else-if="formData.type == 'radio'">
<a-radio-group v-model:value="formData.value"> <a-radio-group v-model:value="formData.value">
<a-radio v-for="(item, index) in optionsData" :value="item.value" :key="index"> <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 UploadImg from '@/components/Upload/Image.vue';
import UploadImgs from '@/components/Upload/Images.vue'; import UploadImgs from '@/components/Upload/Images.vue';
import UploadFile from '@/components/Upload/file.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.values = [];
formData.value = ''; formData.value = '';
}; };
/**
* 定义Icon组件
* @param icon 图标
*/
const iconComponent = (icon) => {
const IconComponent = VueIcon[icon];
return IconComponent;
};
/** /**
* 执行提交表单 * 执行提交表单
*/ */