菜单加中文修改
This commit is contained in:
parent
e21ef7fe3e
commit
6e237034a6
@ -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"]]
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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,
|
||||||
|
@ -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>
|
||||||
|
@ -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,
|
||||||
|
@ -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=" 菜单图标:">
|
<el-form-item label=" 菜单图标:">
|
||||||
<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=" 菜单图标:">
|
<el-form-item label=" 菜单图标:">
|
||||||
<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
|
||||||
|
Loading…
Reference in New Issue
Block a user