Web/operation-system
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎈 perf: 优化路由，部分页面的路由添加base包名

Browse Source
This commit is contained in:
郭永超 2025-09-02 14:28:01 +08:00
parent 758b4fc1cc
commit 480ffc6aa9
19 changed files with 118 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.test
View File

@ -5,8 +5,8 @@ VITE_APP_TITLE = 运营云后台管理系统
VITE_APP_ENV = 'production' VITE_APP_ENV = 'production'
# 测试环境 # 测试环境
VITE_APP_BASE_API = 'http://192.168.18.99:8080' VITE_APP_BASE_API = 'http://192.168.18.88:8080'
VITE_APP_PLATFORM = 'http://192.168.18.99/platform' VITE_APP_PLATFORM = 'http://192.168.18.88/platform'
# 是否在打包时开启压缩，支持 gzip 和 brotli # 是否在打包时开启压缩，支持 gzip 和 brotli
VITE_BUILD_COMPRESS = gzip VITE_BUILD_COMPRESS = gzip

115
src/router/index.js
View File

@ -63,6 +63,42 @@ export const constantRoutes = [
component: () => import("@/components/icons"), component: () => import("@/components/icons"),
hidden: true, hidden: true,
}, },
{
path: '/sub-operation-admin/goodsManage',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'addGoods/:activeTab?',
component: () => import('@/views/goods/goodsManage/addGoods'),
name: 'addGoods',
meta: { title: '新增商品', icon: '' }
},
{
path: 'editGoods/:activeTab?',
component: () => import('@/views/goods/goodsManage/editGoods'),
name: 'editGoods',
meta: { title: '编辑商品', icon: '' }
},
{
path: 'seeDetails/:activeTab?',
component: () => import('@/views/goods/goodsManage/seeDetails'),
name: 'seeDetails',
meta: { title: '商品详情', icon: '' }
},
{
path: 'auditGoods/:activeTab?',
component: () => import('@/views/goods/goodsReview/auditGoods'),
name: 'auditGoods',
meta: {
title: "商品审核",
icon: "",
},
},
]
},
{ {
path: '/sub-operation-admin', path: '/sub-operation-admin',
component: Layout, component: Layout,
@ -76,41 +112,6 @@ export const constantRoutes = [
} }
] ]
}, },
{
path: '/sub-operation-admin/goods',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'goodsManage/addGoods/:activeTab?',
component: () => import('@/views/goods/goodsManage/addGoods'),
name: 'addGoods',
meta: { title: '新增商品', icon: '' }
},
{
path: 'goodsManage/editGoods/:activeTab?',
component: () => import('@/views/goods/goodsManage/editGoods'),
name: 'editGoods',
meta: { title: '编辑商品', icon: '' }
},
{
path: 'goodsManage/seeDetails/:activeTab?',
component: () => import('@/views/goods/goodsManage/seeDetails'),
name: 'seeDetails',
meta: { title: '商品详情', icon: '' }
},
{
path: 'goodsReview/auditGoods/:activeTab?',
component: () => import('@/views/goods/goodsReview/auditGoods'),
name: 'auditGoods',
meta: {
title: "商品审核",
icon: "",
},
},
]
},
{ {
path: '/sub-operation-admin/order', path: '/sub-operation-admin/order',
component: Layout, component: Layout,
@ -143,10 +144,10 @@ export const constantRoutes = [
path: '/sub-operation-admin/user', path: '/sub-operation-admin/user',
component: Layout, component: Layout,
hidden: true, hidden: true,
redirect: '/sub-operation-admin/user/profile', redirect: 'noredirect',
children: [ children: [
{ {
path: 'profile/:activeTab?', path: '',
component: () => import('@/views/system/user/profile/index'), component: () => import('@/views/system/user/profile/index'),
name: 'Profile', name: 'Profile',
meta: { title: '个人中心', icon: 'user' } meta: { title: '个人中心', icon: 'user' }
@ -194,12 +195,12 @@ export const constantRoutes = [
], ],
}, },
{ {
path: '/sub-operation-admin/goods', path: '/sub-operation-admin/goodsManage',
name: "goods", name: "goods",
component: Layout, component: Layout,
hidden: false, hidden: false,
alwaysShow: true, alwaysShow: true,
redirect: 'noredirect', redirect: '/sub-operation-admin/goodsManage',
meta: { meta: {
icon: "example", icon: "example",
link: null, link: null,
@ -218,6 +219,29 @@ export const constantRoutes = [
noCache: false, noCache: false,
link: null, link: null,
}, },
// children: [
// {
// path: 'addGoods/:activeTab?',
// component: () => import('@/views/goods/goodsManage/addGoods'),
// name: 'addGoods',
// meta: { title: '新增商品', icon: '' },
// hidden: true,
// },
// {
// path: 'editGoods/:activeTab?',
// component: () => import('@/views/goods/goodsManage/editGoods'),
// name: 'editGoods',
// meta: { title: '编辑商品', icon: '' },
// hidden: true,
// },
// {
// path: 'seeDetails/:activeTab?',
// component: () => import('@/views/goods/goodsManage/seeDetails'),
// name: 'seeDetails',
// meta: { title: '商品详情', icon: '' },
// hidden: true,
// },
// ]
}, },
{ {
path: 'goodsCategory', path: 'goodsCategory',
@ -254,6 +278,18 @@ export const constantRoutes = [
noCache: false, noCache: false,
link: null, link: null,
}, },
// children: [
// {
// path: 'auditGoods/:activeTab?',
// component: () => import('@/views/goods/goodsReview/auditGoods'),
// name: 'auditGoods',
// hidden: true,
// meta: {
// title: "商品审核",
// icon: "",
// },
// },
// ]
}, },
], ],
}, },
@ -442,6 +478,7 @@ export const constantRoutes = [
name: "order", name: "order",
component: Layout, component: Layout,
hidden: false, hidden: false,
redirect: 'noredirect',
meta: { meta: {
title: "订单列表", title: "订单列表",
icon: "documentation", icon: "documentation",

2
src/views/error/401.vue
View File

@ -12,7 +12,7 @@
<h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6> <h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="link-type"> <li class="link-type">
<router-link to="/"> <router-link to="/sub-operation-admin">
回首页 回首页
</router-link> </router-link>
</li> </li>

6
src/views/goods/goodsManage/index.vue
View File

@ -40,7 +40,7 @@
<div class="table-toolbar"> <div class="table-toolbar">
<el-button icon="delete" @click="batchDelete" :disabled="btnStatus" <el-button icon="delete" @click="batchDelete" :disabled="btnStatus"
style="margin-right: 10px">批量删除</el-button> style="margin-right: 10px">批量删除</el-button>
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit">新增商品</el-button> <el-button type="primary" icon="plus" @click="onSubmit">新增商品</el-button>
</router-link> </router-link>
</div> </div>
@ -284,7 +284,7 @@ const seeDetails = async (row) => {
await nextTick(); await nextTick();
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/seeDetails", path: "/sub-operation-admin/goodsManage/seeDetails",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
@ -318,7 +318,7 @@ const handleEdit = async (row) => {
await nextTick(); await nextTick();
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };

4
src/views/goods/goodsReview/index.vue
View File

@ -76,7 +76,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" class="el-button-gry" icon="plus" @click="onSubmit" <el-button type="primary" class="el-button-gry" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -360,7 +360,7 @@ const handleAudit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsReview/auditGoods", path: "/sub-operation-admin/goodsManage/auditGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };

2
src/views/login copy.vue
View File

@ -66,7 +66,7 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
<div style="float: right" v-if="register"> <div style="float: right" v-if="register">
<router-link class="link-type" :to="'/register'" <router-link class="link-type" :to="'/sub-operation-admin/register'"
>立即注册</router-link >立即注册</router-link
> >
</div> </div>

2
src/views/login.vue
View File

@ -74,7 +74,7 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
<div style="float: right" v-if="register"> <div style="float: right" v-if="register">
<router-link class="link-type" :to="'/register'" <router-link class="link-type" :to="'/sub-operation-admin/register'"
>立即注册</router-link >立即注册</router-link
> >
</div> </div>

2
src/views/monitor/job/index.vue
View File

@ -438,7 +438,7 @@ function crontabFill(value) {
/** 任务日志列表查询 */ /** 任务日志列表查询 */
function handleJobLog(row) { function handleJobLog(row) {
const jobId = row.jobId || 0 const jobId = row.jobId || 0
router.push('/monitor/job-log/index/' + jobId) router.push('/sub-operation-admin/monitor/job-log/index/' + jobId)
} }
/** 新增按钮操作 */ /** 新增按钮操作 */

6
src/views/order/cancelled.vue
View File

@ -74,7 +74,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -468,14 +468,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/sendGoodsInfo", path: "/sub-operation-admin/order/sendGoodsInfo",
query: { data: JSON.stringify(data) }, query: { data: JSON.stringify(data) },
}); });
}; };

6
src/views/order/completed.vue
View File

@ -74,7 +74,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -468,14 +468,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/sendGoodsInfo", path: "/sub-operation-admin/order/sendGoodsInfo",
query: { data: JSON.stringify(data) }, query: { data: JSON.stringify(data) },
}); });
}; };

6
src/views/order/obligation.vue
View File

@ -74,7 +74,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -314,7 +314,7 @@ const resetForm = () => {
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: data }, query: { data: data },
}); });
}; };
@ -478,7 +478,7 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };

6
src/views/order/receivedGoods.vue
View File

@ -74,7 +74,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -471,14 +471,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: data }, query: { data: data },
}); });
}; };

6
src/views/order/refunded.vue
View File

@ -70,7 +70,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -467,14 +467,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: data }, query: { data: data },
}); });
}; };

6
src/views/order/salesService.vue
View File

@ -74,7 +74,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -480,14 +480,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: data }, query: { data: data },
}); });
}; };

10
src/views/order/sendGoods.vue
View File

@ -144,7 +144,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -426,7 +426,7 @@ const resetForm = () => {
const goSends = (data) => { const goSends = (data) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: data }, query: { data: data },
}); });
}; };
@ -541,7 +541,7 @@ const upAddress = (data) => {
upid.value = data; upid.value = data;
// router.push({ // router.push({
// path: "/order/order/sendGoodsInfo", // path: "/sub-operation-admin/order/sendGoodsInfo",
// query: { data: JSON.stringify(data) }, // query: { data: JSON.stringify(data) },
// }); // });
}; };
@ -601,14 +601,14 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
const goSend = (data) => { const goSend = (data) => {
router.push({ router.push({
path: "/order/order/sendGoodsInfo", path: "/sub-operation-admin/order/sendGoodsInfo",
query: { data: JSON.stringify(data) }, query: { data: JSON.stringify(data) },
}); });
}; };

8
src/views/order/shipped.vue
View File

@ -144,7 +144,7 @@
style="margin-right: 10px" style="margin-right: 10px"
>批量删除</el-button >批量删除</el-button
> >
<router-link to="/goods/goodsManage/addGoods"> <router-link to="/sub-operation-admin/goodsManage/addGoods">
<el-button type="primary" icon="plus" @click="onSubmit" <el-button type="primary" icon="plus" @click="onSubmit"
>新增商品</el-button >新增商品</el-button
> >
@ -398,7 +398,7 @@ const onSubmit = () => {
const goSends = (id) => { const goSends = (id) => {
router.push({ router.push({
path: "/order/order/orderDetails", path: "/sub-operation-admin/order/orderDetails",
query: { data: id }, query: { data: id },
}); });
}; };
@ -577,7 +577,7 @@ const handleEdit = (row) => {
console.log("要编辑的行:", row); console.log("要编辑的行:", row);
// 跳转路由并携带参数，行数据，和query的值edit // 跳转路由并携带参数，行数据，和query的值edit
router.push({ router.push({
path: "/goods/goodsManage/editGoods", path: "/sub-operation-admin/goodsManage/editGoods",
query: { goodId: row.goodId }, query: { goodId: row.goodId },
}); });
}; };
@ -585,7 +585,7 @@ const handleEdit = (row) => {
const goSend = (data) => { const goSend = (data) => {
dialogVisible.value = true; dialogVisible.value = true;
// router.push({ // router.push({
// path: "/order/order/sendGoodsInfo", // path: "/sub-operation-admin/order/sendGoodsInfo",
// query: { data: JSON.stringify(data) }, // query: { data: JSON.stringify(data) },
// }); // });
}; };

4
src/views/register.vue
View File

@ -64,7 +64,7 @@
<span v-else>注 册 中...</span> <span v-else>注 册 中...</span>
</el-button> </el-button>
<div style="float: right;"> <div style="float: right;">
<router-link class="link-type" :to="'/login'">使用已有账户登录</router-link> <router-link class="link-type" :to="'/sub-operation-admin/login'">使用已有账户登录</router-link>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -130,7 +130,7 @@ function handleRegister() {
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true,
type: "success", type: "success",
}).then(() => { }).then(() => {
router.push("/login") router.push("/sub-operation-admin/login")
}).catch(() => {}) }).catch(() => {})
}).catch(() => { }).catch(() => {
loading.value = false loading.value = false

2
src/views/system/dict/index.vue
View File

@ -107,7 +107,7 @@
<el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true"/> <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true"/>
<el-table-column label="字典类型" align="center" :show-overflow-tooltip="true"> <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
<template #default="scope"> <template #default="scope">
<router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type"> <router-link :to="'/sub-operation-admin/system/dict-data/index/' + scope.row.dictId" class="link-type">
<span>{{ scope.row.dictType }}</span> <span>{{ scope.row.dictType }}</span>
</router-link> </router-link>
</template> </template>

2
vite.config.js
View File

@ -41,7 +41,7 @@ export default defineConfig(({ mode, command }) => {
}, },
// vite 相关配置 // vite 相关配置
server: { server: {
port: 80, port: 81,
host: '0.0.0.0', host: '0.0.0.0',
open: true, open: true,
headers: { headers: {