auth/auth-web
auth
/
auth-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 🧩 更新菜单图标搜索

This commit is contained in:
Bunny 2024-10-05 21:18:20 +08:00
parent 824efa6b51
commit 5c8ff76a4a
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
eslint.config.js
View File

@ -153,7 +153,6 @@ export default defineFlatConfig([
'no-undef': 'off',
'no-unused-vars': 'off',
'vue/no-v-html': 'off',
'vue/no-mutating-props': 'off',
'vue/require-default-prop': 'off',
'vue/require-explicit-emits': 'off',
'vue/multi-word-component-names': 'off',

7
src/views/system/menuIcon/index.vue
View File

@ -12,6 +12,7 @@ import Refresh from '@iconify-icons/ep/refresh';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { useMenuIconStore } from '@/store/system/menuIcon';
import MenuIconSelectIconName from '@/views/system/menuIcon/menu-icon-select-icon-name.vue';
const tableRef = ref();
const formRef = ref();
@ -60,12 +61,12 @@ onMounted(() => {
<template>
<div class="main">
<el-form ref="formRef" :inline="true" :model="menuIconStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<el-input v-model="menuIconStore.form.iconName" :placeholder="`${$t('input')} ${$t('iconName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('menuIcon_iconCode')" prop="iconCode">
<el-input v-model="menuIconStore.form.iconCode" :placeholder="`${$t('input')} ${$t('iconCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<MenuIconSelectIconName :form-inline="menuIconStore.form" class="!w-[180px]" />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri:search-line')" :loading="menuIconStore.loading" type="primary" @click="onSearch"> {{ $t('search') }} </el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)"> {{ $t('buttons.reset') }}</el-button>

2
src/views/system/menuIcon/menu-icon-dialog.vue
View File

@ -26,7 +26,7 @@ defineExpose({ formRef });
<el-input v-model="form.iconCode" autocomplete="off" type="text" />
</el-form-item>
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<MenuIconSelectIconName :form="form" />
<MenuIconSelectIconName :formInline="form" />
</el-form-item>
<el-form-item v-show="form.iconCode" :label="$t('menuIcon_preview')">

6
src/views/system/menuIcon/menu-icon-select-icon-name.vue
View File

@ -3,13 +3,15 @@ import { $t } from '@/plugins/i18n';
import { ref } from 'vue';
import { fetchGetIconNameList } from '@/api/v1/menuIcon';
import LoadingSvg from '@/assets/svg/loading.svg';
import { FormProps } from '@/views/system/menuIcon/utils/types';
defineProps({
form: { type: Object as PropType<any> },
const props = withDefaults(defineProps<FormProps>(), {
formInline: () => ({}),
});
const loading = ref(false);
const iconNameList = ref([]);
const form = ref(props.formInline);
/**
* * 搜索