refactor: 访问路径统一调整为路由路径

This commit is contained in:
Ray.Hao
2026-07-10 00:38:19 +08:00
parent 9dab4efce3
commit 44be47ac7e
2 changed files with 12 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
{ {
"name": "vue3-element-admin", "name": "vue3-element-admin",
"description": "Vue3 + Vite + TypeScript + Element-Plus 的后台管理模板vue-element-admin 的 Vue3 版本", "description": "Vue3 + Vite + TypeScript + Element-Plus 的后台管理模板vue-element-admin 的 Vue3 版本",
"version": "4.7.4", "version": "4.7.5",
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {

View File

@@ -1,4 +1,4 @@
<template> <template>
<div class="page-container"> <div class="page-container">
<el-card class="page-search" shadow="never"> <el-card class="page-search" shadow="never">
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> <el-form ref="queryFormRef" :model="queryParams" :inline="true">
@@ -80,7 +80,7 @@
<el-tag v-if="scope.row.type === MenuTypeEnum.BUTTON" type="danger">按钮</el-tag> <el-tag v-if="scope.row.type === MenuTypeEnum.BUTTON" type="danger">按钮</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="访问路径" align="left" min-width="180"> <el-table-column label="路由路径" align="left" min-width="180">
<template #default="scope"> <template #default="scope">
{{ getMenuAccessPath(scope.row) }} {{ getMenuAccessPath(scope.row) }}
</template> </template>
@@ -192,7 +192,7 @@
<el-form-item prop="routePath"> <el-form-item prop="routePath">
<template #label> <template #label>
<div class="flex-y-center"> <div class="flex-y-center">
访问路径 路由路径
<el-tooltip <el-tooltip
content="填写当前菜单这一段路径,例如 user完整路径会自动跟随父级菜单" content="填写当前菜单这一段路径,例如 user完整路径会自动跟随父级菜单"
placement="bottom" placement="bottom"
@@ -232,7 +232,7 @@
<el-form-item prop="routePath"> <el-form-item prop="routePath">
<template #label> <template #label>
<div class="flex-y-center"> <div class="flex-y-center">
访问路径 路由路径
<el-tooltip <el-tooltip
content="顶级目录填写完整路径,例如 /system子级目录只填当前这一段例如 report" content="顶级目录填写完整路径,例如 /system子级目录只填当前这一段例如 report"
placement="bottom" placement="bottom"
@@ -280,8 +280,11 @@
<el-form-item prop="routePath"> <el-form-item prop="routePath">
<template #label> <template #label>
<div class="flex-y-center"> <div class="flex-y-center">
系统路径 路由路径
<el-tooltip content="内嵌外链在系统中的访问路径,例如 apifox" placement="bottom"> <el-tooltip
content="内嵌外链在地址栏显示的路由路径,例如 apifox"
placement="bottom"
>
<el-icon class="ml-1 cursor-pointer"> <el-icon class="ml-1 cursor-pointer">
<QuestionFilled /> <QuestionFilled />
</el-icon> </el-icon>
@@ -604,7 +607,7 @@ function getMenuType(type?: MenuForm["type"]): MenuTypeEnum {
const validateRoutePath = (_: unknown, value: string, callback: (error?: Error) => void) => { const validateRoutePath = (_: unknown, value: string, callback: (error?: Error) => void) => {
if (showRoutePath.value && !value) { if (showRoutePath.value && !value) {
callback(new Error(isEmbeddedExternal.value ? "请输入系统路径" : "请输入访问路径")); callback(new Error("请输入路由路径"));
return; return;
} }
callback(); callback();
@@ -653,7 +656,7 @@ const rules: FormRules<MenuForm> = {
{ required: true, message: "请输入页面标识", validator: validateRouteName, trigger: "blur" }, { required: true, message: "请输入页面标识", validator: validateRouteName, trigger: "blur" },
], ],
routePath: [ routePath: [
{ required: true, message: "请输入访问路径", validator: validateRoutePath, trigger: "blur" }, { required: true, message: "请输入路由路径", validator: validateRoutePath, trigger: "blur" },
], ],
component: [ component: [
{ required: true, message: "请输入页面组件", validator: validateComponent, trigger: "blur" }, { required: true, message: "请输入页面组件", validator: validateComponent, trigger: "blur" },