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-undef': 'off',
'no-unused-vars': 'off', 'no-unused-vars': 'off',
'vue/no-v-html': 'off', 'vue/no-v-html': 'off',
'vue/no-mutating-props': 'off',
'vue/require-default-prop': 'off', 'vue/require-default-prop': 'off',
'vue/require-explicit-emits': 'off', 'vue/require-explicit-emits': 'off',
'vue/multi-word-component-names': '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 { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n'; import { $t } from '@/plugins/i18n';
import { useMenuIconStore } from '@/store/system/menuIcon'; import { useMenuIconStore } from '@/store/system/menuIcon';
import MenuIconSelectIconName from '@/views/system/menuIcon/menu-icon-select-icon-name.vue';
const tableRef = ref(); const tableRef = ref();
const formRef = ref(); const formRef = ref();
@ -60,12 +61,12 @@ onMounted(() => {
<template> <template>
<div class="main"> <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 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-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-input v-model="menuIconStore.form.iconCode" :placeholder="`${$t('input')} ${$t('iconCode')}`" class="!w-[180px]" clearable />
</el-form-item> </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-form-item>
<el-button :icon="useRenderIcon('ri:search-line')" :loading="menuIconStore.loading" type="primary" @click="onSearch"> {{ $t('search') }} </el-button> <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> <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-input v-model="form.iconCode" autocomplete="off" type="text" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName"> <el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<MenuIconSelectIconName :form="form" /> <MenuIconSelectIconName :formInline="form" />
</el-form-item> </el-form-item>
<el-form-item v-show="form.iconCode" :label="$t('menuIcon_preview')"> <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 { ref } from 'vue';
import { fetchGetIconNameList } from '@/api/v1/menuIcon'; import { fetchGetIconNameList } from '@/api/v1/menuIcon';
import LoadingSvg from '@/assets/svg/loading.svg'; import LoadingSvg from '@/assets/svg/loading.svg';
import { FormProps } from '@/views/system/menuIcon/utils/types';
defineProps({ const props = withDefaults(defineProps<FormProps>(), {
form: { type: Object as PropType<any> }, formInline: () => ({}),
}); });
const loading = ref(false); const loading = ref(false);
const iconNameList = ref([]); const iconNameList = ref([]);
const form = ref(props.formInline);
/** /**
* * 搜索 * * 搜索