freedak/OPC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: UI 优化 · 门户无侧边栏 + 政策落地表格紧凑 + 结算/质量用表格布局

Browse Source 
- index.html 已登录也不显示侧边栏（公开展示页）
- 政策落地三栏表格精简为 3 列，加 word-break: keep-all 防止中文竖排
- 结算总览和质量与信用从 list 改为表格布局，更紧凑
- 智能体服务菜单移到「服务与政策」分组
- 门户"我要接订单"恢复为 login.html（先选角色）

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
freedak
2026-09-14 09:17:33 +08:00
co-authored by Devin
parent 6027898fbe
commit 63dda2fb4c
3 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Demo/assets/app.js
+1 -1
View File
@@ -25,7 +25,7 @@ const MENUS = [
{ page: 'profile', label: '画像中心', href: 'profile.html', roles: ['operator', 'gov', 'enterprise'], group: '运营管理' },
{ page: 'opc', label: 'OPC 工作台', href: 'opc.html', roles: ['opc'], group: '我的工作台' },
{ page: 'team', label: '组队协同', href: 'team.html', roles: ['opc', 'operator'], group: '我的工作台' },
{ page: 'agent', label: '智能体服务', href: 'agent.html', roles: ['opc', 'enterprise', 'personal', 'operator'], group: '我的工作台' },
{ page: 'agent', label: '智能体服务', href: 'agent.html', roles: ['opc', 'enterprise', 'personal', 'operator'], group: '服务与政策' },
{ page: 'enterprise', label: '企业工作台', href: 'enterprise.html', roles: ['enterprise', 'personal'], labelMap: { personal: '个人工作台' }, group: '我的工作台' },
{ page: 'order', label: '订单与协同', href: 'order.html', roles: ['opc', 'enterprise', 'personal', 'operator'], group: '我的工作台' },
{ page: 'market', label: '橙果商城', href: 'market.html', roles: ['opc', 'enterprise', 'personal', 'learner', 'operator'], group: '我的工作台' },
Demo/assets/style.css
+6 -2
View File
@@ -154,9 +154,13 @@ body[data-page="login"], body[data-page="index"], body.screen { padding-left: 0;
/* ===== 表格 ===== */
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { padding: 9px 10px; text-align: left; border-bottom: 1px solid var(--border); }
th { color: var(--text-2); font-weight: 600; font-size: 12px; background: var(--primary-50); }
th, td { padding: 9px 10px; text-align: left; border-bottom: 1px solid var(--border); word-break: keep-all; }
th { color: var(--text-2); font-weight: 600; font-size: 12px; background: var(--primary-50); white-space: nowrap; }
tr:hover td { background: var(--primary-50); }
/* 三栏卡片中的表格：紧凑布局 */
.three-col .card table, .two-col .card table { font-size: 12px; }
.three-col .card th, .three-col .card td,
.two-col .card th, .two-col .card td { padding: 6px 8px; }
/* ===== 按钮 ===== */
.btn {