重构权限管理路由和组件结构

- 将系统管理中的用户、角色和权限管理移动到新的 auth 目录
- 更新路由配置,将 system 和 auth 路由分离
- 调整权限管理相关组件的导入和路由配置
- 优化路由和组件的命名和结构
- 移除系统管理中的用户相关管理功能
This commit is contained in:
wzclm 2025-03-09 14:32:42 +08:00
parent 91df104b0d
commit 286ff15a08
5 changed files with 40 additions and 22 deletions

View File

@ -7,8 +7,11 @@ const Dashboard = () => import(/* webpackChunkName: "dashboard" */ '../views/das
const WechatConfig = () => import(/* webpackChunkName: "wechat" */ '../views/wechat/config/index.vue')
const WechatTemplates = () => import(/* webpackChunkName: "wechat" */ '../views/wechat/templates/index.vue')
const WechatLogs = () => import(/* webpackChunkName: "wechat" */ '../views/wechat/logs/index.vue')
const UserManagement = () => import(/* webpackChunkName: "system" */ '../views/system/users/index.vue')
const RoleManagement = () => import(/* webpackChunkName: "system" */ '../views/system/roles/index.vue')
// 权限管理相关组件
const UserManagement = () => import(/* webpackChunkName: "auth" */ '../views/auth/users/index.vue')
const RoleManagement = () => import(/* webpackChunkName: "auth" */ '../views/auth/roles/index.vue')
const PermissionManagement = () => import(/* webpackChunkName: "auth" */ '../views/auth/permissions/index.vue')
// 预加载这些组件
Promise.all([
@ -104,31 +107,49 @@ const router = createRouter({
}
]
},
// 系统管理
// 权限管理
{
path: 'system',
name: 'System',
meta: { title: '系统管理', icon: 'Setting' },
redirect: '/system/users',
path: 'auth',
name: 'Auth',
meta: { title: '权限管理', icon: 'Lock' },
redirect: '/auth/users',
children: [
{
path: 'users',
name: 'UserManagement',
component: () => import('../views/system/users/index.vue'),
meta: { title: '用户管理' }
component: UserManagement,
meta: {
title: '用户管理',
keepAlive: true
}
},
{
path: 'roles',
name: 'RoleManagement',
component: () => import('../views/system/roles/index.vue'),
meta: { title: '角色管理' }
component: RoleManagement,
meta: {
title: '角色管理',
keepAlive: true
}
},
{
path: 'permissions',
name: 'PermissionManagement',
component: () => import('../views/system/permissions/index.vue'),
meta: { title: '权限管理' }
},
component: PermissionManagement,
meta: {
title: '权限管理',
keepAlive: true
}
}
]
},
// 系统管理(移除用户相关管理)
{
path: 'system',
name: 'System',
meta: { title: '系统管理', icon: 'Setting' },
redirect: '/system/settings',
children: [
{
path: 'settings',
name: 'SystemSettings',
@ -352,7 +373,7 @@ const router = createRouter({
path: 'projects',
name: 'Projects',
component: () => import('@/views/about/projects/index.vue'),
meta: { title: '项目简介' }
meta: { title: '简介' }
},
{
path: 'needToKnow',

View File

@ -48,7 +48,7 @@ const columns = [
//
const dialogVisible = ref(false)
const dialogTitle = ref('新增项目简介')
const dialogTitle = ref('新增简介')
const formRef = ref(null)
const formData = ref({
title: '',
@ -75,9 +75,6 @@ const rules = {
sort_order: [
{ required: true, message: '请输入排序', trigger: 'blur' },
{ type: 'number', message: '排序必须为数字', trigger: 'blur' }
],
cover_image: [
{ required: true, message: '请上传封面图片或输入图片地址', trigger: ['change', 'blur'] }
]
}
@ -165,7 +162,7 @@ const handleCurrentChange = (val) => {
//
const handleAdd = () => {
dialogTitle.value = '新增项目简介'
dialogTitle.value = '新增简介'
formData.value = {
title: '',
content: '',
@ -180,7 +177,7 @@ const handleAdd = () => {
//
const handleEdit = (row) => {
dialogTitle.value = '编辑项目简介'
dialogTitle.value = '编辑简介'
formData.value = {
...row,
imageInputType: row.cover_image?.startsWith('http') ? 'url' : 'upload' //
@ -195,7 +192,7 @@ const handleEdit = (row) => {
//
const handleDelete = async (row) => {
try {
await ElMessageBox.confirm('确定要删除该项目简介吗?', '提示', {
await ElMessageBox.confirm('确定要删除该简介吗?', '提示', {
type: 'warning'
})
await deleteProject(row.id)