样式修改

This commit is contained in:
2025-12-17 15:32:58 +08:00
parent ded3eddc56
commit aa8ce553b0
52 changed files with 3145 additions and 2010 deletions

View File

@@ -30,10 +30,10 @@
---
### 第二层:AdminSidebarLayout (各服务内部)
每个管理后台的内部二级菜单,使用 `AdminSidebarLayout` 布局。
### 第二层:SubSidebarLayout (各服务内部)
每个管理后台的内部二级菜单,使用 `SubSidebarLayout` 布局。
**布局**: `AdminSidebarLayout`
**布局**: `SubSidebarLayout`
**类型**: `route`(非 iframe
---
@@ -41,7 +41,7 @@
## Platform 管理后台(第二层)
**服务**: `platform`
**布局**: `AdminSidebarLayout`
**布局**: `SubSidebarLayout`
### 视图列表
@@ -69,7 +69,7 @@ PERM-0605: perm_platform_admin_config (platform:admin:config)
## Bidding 管理后台(第二层)
**服务**: `bidding`
**布局**: `AdminSidebarLayout`
**布局**: `SubSidebarLayout`
### 权限配置
```sql
@@ -84,7 +84,7 @@ PERM-0611: perm_bidding_admin (bidding:admin:view)
## Workcase 管理后台(第二层)
**服务**: `workcase`
**布局**: `AdminSidebarLayout`
**布局**: `SubSidebarLayout`
### 视图列表
@@ -123,27 +123,27 @@ PERM-0627: perm_workcase_log (workcase:log:view)
- 用户应用入口普通路由和iframe
- 管理后台入口iframe类型
### 内层 AdminSidebarLayout
各服务内部,显示 `layout='AdminSidebarLayout'``url.startsWith('/admin')` 的视图:
### 内层 SubSidebarLayout
各服务内部,显示 `layout='SubSidebarLayout'``url.startsWith('/admin')` 的视图:
#### Platform AdminSidebar
```typescript
service === 'platform' &&
layout === 'AdminSidebarLayout' &&
layout === 'SubSidebarLayout' &&
url.startsWith('/admin')
```
#### Bidding AdminSidebar
```typescript
service === 'bidding' &&
layout === 'AdminSidebarLayout' &&
layout === 'SubSidebarLayout' &&
url.startsWith('/admin')
```
#### Workcase AdminSidebar
```typescript
service === 'workcase' &&
layout === 'AdminSidebarLayout' &&
layout === 'SubSidebarLayout' &&
url.startsWith('/admin')
```
@@ -176,12 +176,12 @@ url.startsWith('/admin')
### 1. Layout 组件
- **SidebarLayout**: 外层主侧边栏platform 主界面)
- **AdminSidebarLayout**: 内层管理侧边栏(各管理后台内部)
- **SubSidebarLayout**: 内层管理侧边栏(各管理后台内部)
- **BlankLayout**: 空白布局(如智能客服首页)
### 2. iframe 嵌套
- 外层 platform 的 iframe 菜单 → 加载各服务的管理后台
- 各服务内部使用 AdminSidebarLayout 渲染二级菜单
- 各服务内部使用 SubSidebarLayout 渲染二级菜单
- iframe_url 必须正确指向实际服务地址
### 3. 路由配置
@@ -203,7 +203,7 @@ url.startsWith('/admin')
如果从旧的单层架构迁移到三层架构:
1. **视图迁移**
- 将原 platform 的管理视图改为 `layout='AdminSidebarLayout'`
- 将原 platform 的管理视图改为 `layout='SubSidebarLayout'`
- URL 统一改为 `/admin/*` 格式
- 在 platform 主侧边栏添加 iframe 入口
@@ -213,7 +213,7 @@ url.startsWith('/admin')
- 更新视图权限关联
3. **前端组件**
- 创建 AdminSidebarLayout 组件(参考 workcase 实现)
- 创建 SubSidebarLayout 组件(参考 workcase 实现)
- 更新 platform 路由配置支持 `/admin/*` 路径
- 配置 iframe 路由指向各服务管理后台

View File

@@ -201,38 +201,31 @@ INSERT INTO sys.tb_sys_view (
-- =========================
-- 平台应用菜单 (platform)
-- =========================
-- 一级菜单
('VIEW-P002', 'view_platform_chat', '泰豪AI助手', NULL, '/aichat', 'public/Chat/AIChatView.vue', 'ChatDotRound', 1,
-- 一级菜单 (图标使用 lucide-vue-next)
('VIEW-P002', 'view_platform_chat', '泰豪AI助手', NULL, '/aichat', 'public/Chat/AIChatView.vue', 'MessageCircle', 1,
'route', NULL, 'platform', 'SidebarLayout', 10, '泰豪AI助手-直接智能体对话', 'system', now(), false),
('VIEW-P001', 'view_platform_home', '全部应用', NULL, '/agents', 'public/Agents/AgentPlatformView.vue', 'Grid', 1,
('VIEW-P001', 'view_platform_home', '全部应用', NULL, '/agents', 'public/Agents/AgentPlatformView.vue', 'LayoutGrid', 1,
'route', NULL, 'platform', 'SidebarLayout', 20, '全部智能体', 'system', now(), false),
-- iframe 嵌入菜单
-- url: platform中的路由路径用于sidebar定位和路由跳转
-- iframe_url: iframe的src地址实际内容的URL
('VIEW-P005', 'view_platform_workflow', '智能体编排', NULL, '/app/workflow', NULL, 'Connection', 1,
('VIEW-P005', 'view_platform_workflow', '智能体编排', NULL, '/app/workflow', NULL, 'Workflow', 1,
'iframe', 'http://localhost:3000', 'platform', 'SidebarLayout', 30, 'Dify智能体编排iframe', 'system', now(), false),
('VIEW-P003', 'view_platform_bidding', '招标助手', NULL, '/app/bidding', NULL, 'Document', 1,
('VIEW-P003', 'view_platform_bidding', '招标助手', NULL, '/app/bidding', NULL, 'FileText', 1,
'iframe', '/bidding/', 'platform', 'SidebarLayout', 40, '招标应用iframe', 'system', now(), false),
('VIEW-P004', 'view_platform_workcase', '泰豪小电', NULL, '/app/workcase', NULL, 'Service', 1,
('VIEW-P004', 'view_platform_workcase', '泰豪小电', NULL, '/app/workcase', NULL, 'Headphones', 1,
'iframe', '/workcase/', 'platform', 'SidebarLayout', 50, '客服应用iframe', 'system', now(), false),
-- 管理后台入口iframe类型显示在外层主sidebar
('VIEW-P101', 'view_platform_admin_entry', '平台管理后台', NULL, '/admin/platform', NULL, 'Setting', 1,
'iframe', '/platform/admin', 'platform', 'AdminIframeSidebarLayout', 100, '平台管理后台入口', 'system', now(), false),
('VIEW-P102', 'view_bidding_admin_entry', '智能标书管理后台', NULL, '/admin/bidding', NULL, 'Document', 1,
'iframe', '/bidding/admin', 'platform', 'AdminIframeSidebarLayout', 110, '智能标书管理后台入口', 'system', now(), false),
('VIEW-P103', 'view_workcase_admin_entry', '泰豪小电管理后台', NULL, '/admin/workcase', NULL, 'Service', 1,
'iframe', '/workcase/admin', 'platform', 'AdminIframeSidebarLayout', 120, '泰豪小电管理后台入口', 'system', now(), false),
-- 平台管理后台内部视图(AdminSidebarLayout布局在platform服务内
('VIEW-P201', 'view_platform_admin_overview', '数据概览', NULL, '/admin/overview', 'admin/overview/OverviewView.vue', 'DataLine', 1,
'route', NULL, 'platform', 'AdminSidebarLayout', 210, '平台数据概览', 'system', now(), false),
('VIEW-P202', 'view_platform_admin_user', '用户管理', NULL, '/admin/userManagement', 'admin/userManagement/UserManagementView.vue', 'User', 1,
'route', NULL, 'platform', 'AdminSidebarLayout', 220, '平台用户管理', 'system', now(), false),
('VIEW-P203', 'view_platform_admin_knowledge', '知识库', NULL, '/admin/knowledge', 'admin/knowledge/KnowledgeView.vue', 'Document', 1,
'route', NULL, 'platform', 'AdminSidebarLayout', 230, '平台知识库管理', 'system', now(), false),
('VIEW-P204', 'view_platform_admin_config', '系统配置', NULL, '/admin/config', 'admin/config/ConfigView.vue', 'Setting', 1,
'route', NULL, 'platform', 'AdminSidebarLayout', 240, '平台系统配置', 'system', now(), false),
-- 平台管理后台内部视图(SubSidebarLayout布局在platform服务内
('VIEW-P201', 'view_platform_admin_overview', '数据概览', NULL, '/admin/overview', 'admin/overview/OverviewView.vue', 'BarChart3', 1,
'route', NULL, 'platform', 'SubSidebarLayout', 210, '平台数据概览', 'system', now(), false),
('VIEW-P202', 'view_platform_admin_user', '用户管理', NULL, '/admin/userManagement', 'admin/userManagement/UserManagementView.vue', 'Users', 1,
'route', NULL, 'platform', 'SubSidebarLayout', 220, '平台用户管理', 'system', now(), false),
('VIEW-P203', 'view_platform_admin_knowledge', '知识库', NULL, '/admin/knowledge', 'admin/knowledge/KnowledgeView.vue', 'FileText', 1,
'route', NULL, 'platform', 'SubSidebarLayout', 230, '平台知识库管理', 'system', now(), false),
('VIEW-P204', 'view_platform_admin_config', '系统配置', NULL, '/admin/config', 'admin/config/ConfigView.vue', 'Settings', 1,
'route', NULL, 'platform', 'SubSidebarLayout', 240, '平台系统配置', 'system', now(), false),
-- -- 系统管理目录
-- ('VIEW-P100', 'view_system', '系统管理', NULL, '/system', NULL, 'Settings', 0,
@@ -276,40 +269,40 @@ INSERT INTO sys.tb_sys_view (
-- 'route', NULL, 'bidding', 'DefaultLayout', 40, '投标管理页面', 'system', now(), false),
-- =========================
-- 客服应用菜单 (workcase)
-- 客服应用菜单 (workcase) - 图标使用 lucide-vue-next
-- =========================
-- 用户端视图
('VIEW-W001', 'view_workcase_home', '智能客服', NULL, '/aichat', 'public/AIChat/AIChatView.vue', 'House', 3,
'route', NULL, 'workcase', 'BlankLayout', 10, '智能客服首页', 'system', now(), false),
('VIEW-W001', 'view_workcase_home', '智能客服', NULL, '/aichat', 'public/AIChat/AIChatView.vue', 'Home', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 10, '智能客服首页', 'system', now(), false),
-- 管理端视图(使用 AdminSidebarLayout 布局)
('VIEW-W101', 'view_workcase_admin_overview', '数据概览', NULL, '/admin/overview', 'admin/overview/OverviewView.vue', 'DataLine', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 110, '泰豪小电数据概览', 'system', now(), false),
-- 管理端视图(使用 SubSidebarLayout 布局)
('VIEW-W101', 'view_workcase_admin_overview', '数据概览', NULL, '/admin/overview', 'admin/overview/OverviewView.vue', 'BarChart3', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 110, '泰豪小电数据概览', 'system', now(), false),
('VIEW-W102', 'view_workcase_admin_knowledge', '知识库管理', NULL, '/admin/knowledge', 'admin/knowledge/KnowLedgeView.vue', 'Document', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 120, '知识库文档管理', 'system', now(), false),
('VIEW-W102', 'view_workcase_admin_knowledge', '知识库管理', NULL, '/admin/knowledge', 'admin/knowledge/KnowLedgeView.vue', 'FileText', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 120, '知识库文档管理', 'system', now(), false),
('VIEW-W103', 'view_workcase_admin_tickets', '工单管理', NULL, '/admin/workcase', 'admin/workcase/WorkcaseView.vue', 'Tickets', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 130, '客服工单管理', 'system', now(), false),
('VIEW-W103', 'view_workcase_admin_tickets', '工单管理', NULL, '/admin/workcase', 'admin/workcase/WorkcaseView.vue', 'Ticket', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 130, '客服工单管理', 'system', now(), false),
('VIEW-W104', 'view_workcase_admin_conversation', '对话数据', NULL, '/admin/customerChat', 'admin/customerChat/CustomerChatView.vue', 'ChatDotRound', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 140, '客户对话数据管理', 'system', now(), false),
('VIEW-W104', 'view_workcase_admin_conversation', '对话数据', NULL, '/admin/customerChat', 'admin/customerChat/CustomerChatView.vue', 'MessageCircle', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 140, '客户对话数据管理', 'system', now(), false),
('VIEW-W105', 'view_workcase_admin_agent', '智能体管理', NULL, '/admin/agent', 'admin/agent/AgentView.vue', 'Service', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 150, '智能体配置管理', 'system', now(), false),
('VIEW-W105', 'view_workcase_admin_agent', '智能体管理', NULL, '/admin/agent', 'admin/agent/AgentView.vue', 'Bot', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 150, '智能体配置管理', 'system', now(), false),
-- 日志管理(带子级的目录)
('VIEW-W106', 'view_workcase_admin_log', '日志管理', NULL, '/admin/log', NULL, 'List', 0,
'route', NULL, 'workcase', 'AdminSidebarLayout', 160, '日志管理目录', 'system', now(), false),
('VIEW-W106', 'view_workcase_admin_log', '日志管理', NULL, '/admin/log', NULL, 'ScrollText', 1,
'route', NULL, 'workcase', 'SubSidebarLayout', 160, '日志管理目录', 'system', now(), false),
('VIEW-W107', 'view_workcase_admin_log_knowledge', '知识库日志', 'view_workcase_admin_log', '/admin/log/knowledge', 'admin/log/knowledgeLog/KnowledgeLogView.vue', 'Document', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 161, '知识库操作日志', 'system', now(), false),
('VIEW-W107', 'view_workcase_admin_log_knowledge', '知识库日志', 'view_workcase_admin_log', '/admin/log/knowledge', 'admin/log/knowledgeLog/KnowledgeLogView.vue', 'FileText', 1,
'route', NULL, 'workcase', NULL, 161, '知识库操作日志', 'system', now(), false),
('VIEW-W108', 'view_workcase_admin_log_workcase', '工单日志', 'view_workcase_admin_log', '/admin/log/workcase', 'admin/log/workcaseLog/WorkcaseLogView.vue', 'Tickets', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 162, '工单操作日志', 'system', now(), false),
('VIEW-W108', 'view_workcase_admin_log_workcase', '工单日志', 'view_workcase_admin_log', '/admin/log/workcase', 'admin/log/workcaseLog/WorkcaseLogView.vue', 'Ticket', 1,
'route', NULL, 'workcase', NULL, 162, '工单操作日志', 'system', now(), false),
('VIEW-W109', 'view_workcase_admin_log_system', '系统日志', 'view_workcase_admin_log', '/admin/log/system', 'admin/log/systemLog/SystemLogView.vue', 'Setting', 1,
'route', NULL, 'workcase', 'AdminSidebarLayout', 163, '系统运行日志', 'system', now(), false);
('VIEW-W109', 'view_workcase_admin_log_system', '系统日志', 'view_workcase_admin_log', '/admin/log/system', 'admin/log/systemLog/SystemLogView.vue', 'Settings', 1,
'route', NULL, 'workcase', NULL, 163, '系统运行日志', 'system', now(), false);
-- =============================
-- 6. 角色权限关联(超级管理员拥有所有权限)
@@ -397,7 +390,7 @@ INSERT INTO sys.tb_sys_view_permission (
('VP-P102', 'view_bidding_admin_entry', 'perm_bidding_admin', 'system', NULL, now(), false),
('VP-P103', 'view_workcase_admin_entry', 'perm_workcase_admin', 'system', NULL, now(), false),
-- 平台管理后台内部视图权限关联(AdminSidebarLayout
-- 平台管理后台内部视图权限关联(SubSidebarLayout
('VP-P201', 'view_platform_admin_overview', 'perm_platform_admin_overview', 'system', NULL, now(), false),
('VP-P202', 'view_platform_admin_user', 'perm_platform_admin_user', 'system', NULL, now(), false),
('VP-P203', 'view_platform_admin_knowledge', 'perm_platform_admin_knowledge', 'system', NULL, now(), false),

View File

@@ -94,7 +94,7 @@
- VP-W106 ~ VP-W109: 日志管理视图含父级和3个子级
## 布局配置
- **Layout**: `AdminSidebarLayout`
- **Layout**: `SubSidebarLayout`
- **Service**: `workcase`
- **Type**: 1 (菜单项) / 0 (目录)
- **View Type**: `route`
@@ -111,7 +111,7 @@
- 163: 系统日志
## 路由过滤规则
`AdminSidebarLayout.vue``loadMenuFromStorage()` 中:
`SubSidebarLayout.vue``loadMenuFromStorage()` 中:
```typescript
const sidebarViews = userViews.filter((view: any) =>
view.layout === 'SidebarLayout' && // 使用 SidebarLayout 布局
@@ -125,6 +125,6 @@ const sidebarViews = userViews.filter((view: any) =>
## 注意事项
1. 所有管理端路由都以 `/admin/` 开头
2. 日志管理使用父子级结构type=0 的目录 + type=1 的子菜单)
3. 所有视图都使用 `AdminSidebarLayout` 布局
3. 所有视图都使用 `SubSidebarLayout` 布局
4. 权限都归属于 `module_workcase` 模块
5. 超级管理员和系统管理员默认拥有所有 workcase 管理端权限