主要改动: - SQL: biz_support_unit → biz_org, 加 org_type, 加 business_nature; 删 biz_execution_unit, biz_service_org - SQL: biz_project.support_unit_id/name + service_org_id/name → org_id/name/type - SQL: biz_meeting.support_unit_name → org_name - SQL: biz_person.work_unit → org_id (FK) - 后端: 新 BizOrg entity/mapper/service/controller - 后端: BizProject/BizMeeting 字段重命名 - 后端: 删 12 个 BizSupportUnit/BizExecutionUnit/BizServiceOrg Java 文件 - 后端: BizPersonImportVO.workUnit → orgName (导入时查 biz_org 取 org_id) - 后端: BizAuthController.registerExecutor 完整实现 (原 registerSupplier stub) - 前端: 新 admin/Orgs.vue + manager/Orgs.vue (原 SupportUnits) - 前端: RegisterExecutor.vue (原 RegisterSupplier, 单页 2 步) - 前端: sponsor/executor/manager 多个文件 workUnit → orgId/orgName 重命名 - 前端: 统一 supplier → executor, 业务命名 sponsor(赞助方) / executor(执行方=供应商) - 前端: 全工程 execution → executor (company type / role / person unit_type)
60 lines
4.8 KiB
HTML
60 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
角色: 赞助方
|
|
原型菜单: 首页_1/项目列表_1/人员管理_1/会议列表/账号信息_1
|
|
-->
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>赞助方工作台 - 项目管理系统</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; color: #333; background: #fff; display: flex; min-height: 100vh; }
|
|
.sidebar { width: 220px; background: #001529; color: #fff; flex-shrink: 0; height: 100vh; position: sticky; top: 0; display: flex; flex-direction: column; box-shadow: 2px 0 8px rgba(0,0,0,0.08); }
|
|
.sidebar-logo { height: 60px; display: flex; align-items: center; gap: 12px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.06); font-weight: 600; font-size: 16px; }
|
|
.sidebar-logo-icon { width: 36px; height: 36px; background: linear-gradient(135deg, #1890ff, #096dd9); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
|
|
.sidebar-menu { list-style: none; padding: 12px 0; flex: 1; overflow-y: auto; }
|
|
.sidebar-menu li a { display: block; margin: 2px 12px; padding: 11px 20px; border-radius: 6px; color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; transition: all 0.2s; }
|
|
.sidebar-menu li a:hover { color: #fff; background: rgba(255,255,255,0.06); }
|
|
.sidebar-menu li a.active { color: #fff; background: linear-gradient(90deg, #1890ff, #096dd9); font-weight: 500; }
|
|
.main-area { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
|
.topbar { height: 60px; padding: 0 24px; background: #fff; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-shrink: 0; }
|
|
.user-info { display: flex; align-items: center; gap: 10px; padding: 4px 12px 4px 4px; border-radius: 20px; text-decoration: none; color: #1a1a1a; }
|
|
.user-info:hover { background: #f5f5f5; }
|
|
.avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #1890ff, #722ed1); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 600; }
|
|
.divider-v { width: 1px; height: 20px; background: #e8e8e8; }
|
|
.account-link { color: #1890ff; text-decoration: none; font-size: 14px; }
|
|
.account-link:hover { text-decoration: underline; }
|
|
.content { flex: 1; background: #fafafa; overflow: hidden; display: flex; flex-direction: column; }
|
|
.content-frame { width: 100%; height: 100%; border: none; flex: 1; background: #fff; }
|
|
@media (max-width: 768px) { body { flex-direction: column; } .sidebar { width: 100%; height: auto; position: relative; } .sidebar-menu { display: flex; overflow-x: auto; padding: 8px; } .sidebar-menu li a { white-space: nowrap; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<aside class="sidebar">
|
|
<div class="sidebar-logo"><div class="sidebar-logo-icon">P</div><span>项目管理系统</span></div>
|
|
<ul class="sidebar-menu">
|
|
<li><a href="#" data-page="components/sponsor-home.html" class="menu-link active">首页</a></li>
|
|
<li><a href="#" data-page="components/sponsor-projects.html" class="menu-link">项目列表</a></li>
|
|
<li><a href="#" data-page="components/sponsor-people.html" class="menu-link">人员管理</a></li>
|
|
<li><a href="#" data-page="components/sponsor-meetings.html" class="menu-link">会议列表</a></li>
|
|
<li><a href="#" data-page="components/sponsor-account.html" class="menu-link">账号信息</a></li>
|
|
</ul>
|
|
</aside>
|
|
<div class="main-area">
|
|
<header class="topbar">
|
|
<a class="user-info" id="userMenu"><div class="avatar">张</div><span>张三</span></a>
|
|
<div class="divider-v"></div>
|
|
<a href="#" class="account-link" onclick="document.getElementById('contentFrame').src='components/account-info.html'">账号信息</a>
|
|
</header>
|
|
<main class="content">
|
|
<iframe id="contentFrame" class="content-frame" src="components/sponsor-home.html"></iframe>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
document.getElementById('userMenu').addEventListener('click', function(e) { if (confirm('是否退出登录?')) { window.location.href = '登录.html'; } });
|
|
document.querySelectorAll('.menu-link').forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); document.querySelectorAll('.menu-link').forEach(l => l.classList.remove('active')); this.classList.add('active'); document.getElementById('contentFrame').src = this.dataset.page; }); });
|
|
</script>
|
|
</body>
|
|
</html> |