菜单加中文修改

This commit is contained in:
fengrong 2024-10-15 15:13:00 +08:00
parent e21ef7fe3e
commit 6e237034a6
7 changed files with 36 additions and 11 deletions

View File

@ -6,9 +6,9 @@ VITE_BASE_PATH = './'
# 代理配置(开发使用),必须在一行中 # 代理配置(开发使用),必须在一行中
# 本地 # 本地
# VITE_APP_PROXY=[["/api","http://192.168.130.12:8080/api"]] # VITE_APP_PROXY=[["/api","http://10.65.57.55:8080/api"]]
# 线上 # 线上
VITE_APP_PROXY=[["/api","https://test.jsspisoft.com/api"]] VITE_APP_PROXY=[["/api","https://test.jsspisoft.com/api"]]

View File

@ -4,7 +4,7 @@
<el-sub-menu @click="onClickSubMenu(menu)" :index="menu.path" :key="menu.path"> <el-sub-menu @click="onClickSubMenu(menu)" :index="menu.path" :key="menu.path">
<template #title> <template #title>
<Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" /> <Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" />
<span>{{ menu.meta?.title ? menu.meta?.title : $t('noTitle') }}</span> <span>{{ menu.meta?.menuDesc ? menu.meta?.menuDesc : $t('noTitle') }}</span>
</template> </template>
<menu-tree :extends="{ ...props.extends, level: props.extends.level + 1 }" :menus="menu.children"></menu-tree> <menu-tree :extends="{ ...props.extends, level: props.extends.level + 1 }" :menus="menu.children"></menu-tree>
</el-sub-menu> </el-sub-menu>
@ -12,7 +12,7 @@
<template v-else> <template v-else>
<el-menu-item :index="menu.path" :key="menu.path" @click="onClickMenu(menu)"> <el-menu-item :index="menu.path" :key="menu.path" @click="onClickMenu(menu)">
<Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" /> <Icon :color="config.getColorVal('menuColor')" :name="menu.meta?.icon ? menu.meta?.icon : config.layout.menuDefaultIcon" />
<span>{{ menu.meta?.title ? menu.meta?.title : $t('noTitle') }}</span> <span>{{ menu.meta?.menuDesc ? menu.meta?.menuDesc : $t('noTitle') }}</span>
</el-menu-item> </el-menu-item>
</template> </template>
</template> </template>

View File

@ -9,7 +9,7 @@
:ref="tabsRefs.set" :ref="tabsRefs.set"
:key="idx" :key="idx"
> >
{{ item.meta.title }} {{ item.meta.menuDesc }}
<transition @after-leave="selectNavTab(tabsRefs[navTabs.state.activeIndex])" name="el-fade-in"> <transition @after-leave="selectNavTab(tabsRefs[navTabs.state.activeIndex])" name="el-fade-in">
<Icon v-show="navTabs.state.tabsView.length > 1" class="close-icon" @click.stop="closeTab(item)" size="15" name="el-icon-Close" /> <Icon v-show="navTabs.state.tabsView.length > 1" class="close-icon" @click.stop="closeTab(item)" size="15" name="el-icon-Close" />
</transition> </transition>

View File

@ -350,7 +350,7 @@ const menu = [
], ],
}, },
] ]
debugger
function transformNode(menu: any) { function transformNode(menu: any) {
menu = menu.map((node: any) => { menu = menu.map((node: any) => {
return { return {
@ -358,6 +358,7 @@ function transformNode(menu: any) {
pid: node.parentMenuId, pid: node.parentMenuId,
type: node.children.length != 0 ? 'menu_dir' : 'menu', type: node.children.length != 0 ? 'menu_dir' : 'menu',
title: node.menuName, title: node.menuName,
menuDesc: node.menuDesc,
name: node.menuName, name: node.menuName,
path: node.menuName, path: node.menuName,
icon: node.menuIcon, icon: node.menuIcon,

View File

@ -1,13 +1,13 @@
<template> <template>
<el-main class="layout-main"> <el-main class="layout-main">
<el-scrollbar view-class="layout-main-scrollbar" :view-style="layoutMainScrollbarStyle" ref="layoutMainScrollbarRef"> <el-scrollbar view-class="layout-main-scrollbar" :view-style="layoutMainScrollbarStyle" ref="layoutMainScrollbarRef">
<router-view v-slot="{ Component }"> <transition :name="config.layout.mainAnimation" mode="out-in">
<transition :name="config.layout.mainAnimation" mode="out-in"> <router-view v-slot="{ Component }">
<keep-alive :include="state.keepAliveComponentNameList"> <keep-alive :include="state.keepAliveComponentNameList">
<component :is="Component" :key="state.componentKey" /> <component :is="Component" :key="state.componentKey" />
</keep-alive> </keep-alive>
</transition> </router-view>
</router-view> </transition>
</el-scrollbar> </el-scrollbar>
</el-main> </el-main>
</template> </template>

View File

@ -186,6 +186,7 @@ const handleMenuRule = (routes: any, pathPrefix = '/', type = ['menu', 'menu_dir
meta: { meta: {
id: routes[key].id, id: routes[key].id,
title: routes[key].title, title: routes[key].title,
menuDesc: routes[key].menuDesc,
icon: routes[key].icon, icon: routes[key].icon,
keepalive: routes[key].keepalive, keepalive: routes[key].keepalive,
menu_type: routes[key].menu_type, menu_type: routes[key].menu_type,
@ -279,6 +280,7 @@ export const addRouteItem = (viewsComponent: Record<string, any>, route: any, pa
component: component, component: component,
meta: { meta: {
title: route.title, title: route.title,
menuDesc: route.menuDesc,
extend: route.extend, extend: route.extend,
icon: route.icon, icon: route.icon,
keepalive: route.keepalive, keepalive: route.keepalive,

View File

@ -26,6 +26,7 @@
<el-main class="defaultMain"> <el-main class="defaultMain">
<el-table :data="tableData" class="tablePart"> <el-table :data="tableData" class="tablePart">
<el-table-column prop="menuName" label="菜单名称" /> <el-table-column prop="menuName" label="菜单名称" />
<el-table-column prop="menuDesc" label="菜单描述" />
<el-table-column prop="funParam" label="菜单路径" /> <el-table-column prop="funParam" label="菜单路径" />
<el-table-column prop="menuOrder" label="菜单排序" /> <el-table-column prop="menuOrder" label="菜单排序" />
<el-table-column label="图标"> <el-table-column label="图标">
@ -56,6 +57,10 @@
<el-input v-model="fromUpDate.menuName" placeholder="" clearable /> <el-input v-model="fromUpDate.menuName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="菜单描述:" prop="menuDesc">
<el-input v-model="fromUpDate.menuDesc" placeholder="" clearable />
</el-form-item>
<el-form-item label="&nbsp;&nbsp;菜单图标:"> <el-form-item label="&nbsp;&nbsp;菜单图标:">
<BaInput type="icon" v-model="fromUpDate.menuIcon" /> <BaInput type="icon" v-model="fromUpDate.menuIcon" />
</el-form-item> </el-form-item>
@ -102,6 +107,10 @@
<el-input v-model="formInlineAdd.menuName" placeholder="" clearable /> <el-input v-model="formInlineAdd.menuName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="菜单描述:" prop="menuDesc">
<el-input v-model="formInlineAdd.menuDesc" placeholder="" clearable />
</el-form-item>
<el-form-item label="&nbsp;&nbsp;菜单图标:"> <el-form-item label="&nbsp;&nbsp;菜单图标:">
<BaInput type="icon" v-model="formInlineAdd.menuIcon" /> <BaInput type="icon" v-model="formInlineAdd.menuIcon" />
</el-form-item> </el-form-item>
@ -225,6 +234,7 @@ interface Tree {
id: number id: number
menuIcon: string menuIcon: string
menuName: string menuName: string
menuDesc: string
menuOrder: number menuOrder: number
parentMenuId: number parentMenuId: number
revision: number revision: number
@ -266,7 +276,7 @@ const queryMenuMethod = (data: any) => {
const defaultProps = { const defaultProps = {
children: 'children', children: 'children',
label: 'menuName', label: 'menuDesc',
} }
// //
@ -276,6 +286,7 @@ const menuEdit = (data: any) => {
fromUpDate.id = data.row.id fromUpDate.id = data.row.id
fromUpDate.revision = data.row.revision fromUpDate.revision = data.row.revision
fromUpDate.menuName = data.row.menuName fromUpDate.menuName = data.row.menuName
fromUpDate.menuDesc = data.row.menuDesc
fromUpDate.menuOrder = data.row.menuOrder fromUpDate.menuOrder = data.row.menuOrder
fromUpDate.menuIcon = data.row.menuIcon fromUpDate.menuIcon = data.row.menuIcon
fromUpDate.funType = data.row.funType fromUpDate.funType = data.row.funType
@ -293,6 +304,7 @@ const handleCloseAdd = () => {
interface RuleForm { interface RuleForm {
menuName: string | undefined menuName: string | undefined
menuDesc: string | undefined
menuOrder: number menuOrder: number
menuIcon: string menuIcon: string
funType: number funType: number
@ -339,6 +351,13 @@ const rules = reactive<FormRules<RuleForm>>({
trigger: 'blur', trigger: 'blur',
}, },
], ],
menuDesc: [
{
required: true,
message: '菜单描述不能为空',
trigger: 'blur',
},
]
}) })
// //
@ -353,6 +372,7 @@ interface RyReplaceFields {
const fromUpDate = reactive({ const fromUpDate = reactive({
id: '', id: '',
menuName: '', menuName: '',
menuDesc:'',
menuOrder: 0, menuOrder: 0,
menuIcon: '', menuIcon: '',
funType: 0, funType: 0,
@ -451,6 +471,7 @@ const visibleAdd = ref(false)
const formInlineAdd = reactive<RuleForm>({ const formInlineAdd = reactive<RuleForm>({
menuName: '', menuName: '',
menuDesc: '',
menuOrder: 0, menuOrder: 0,
menuIcon: '', menuIcon: '',
funType: 1, funType: 1,
@ -470,6 +491,7 @@ const formInlineAdd = reactive<RuleForm>({
const fromAdd = () => { const fromAdd = () => {
visibleAdd.value = true visibleAdd.value = true
formInlineAdd.menuName = '' formInlineAdd.menuName = ''
formInlineAdd.menuDesc =''
formInlineAdd.menuOrder = 0 formInlineAdd.menuOrder = 0
formInlineAdd.menuIcon = '' formInlineAdd.menuIcon = ''
formInlineAdd.funType = 1 formInlineAdd.funType = 1