<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="上海隧道收入合同产值管理演示系统">
<title>收入合同产值管理 Demo</title>
</head>
<body>
<div class="app-shell" id="appShell">
<header class="topbar">
<div class="brand-area">
<button class="icon-button menu-toggle" type="button" data-action="toggle-sidebar" aria-label="切换菜单">
<i data-lucide="menu" aria-hidden="true"></i>
</button>
<div class="brand-mark" aria-hidden="true">ST</div>
<div class="brand-title">综合业务管理平台</div>
</div>
<nav class="top-nav" aria-label="主导航">
<button type="button" class="top-nav-item">首页</button>
<button type="button" class="top-nav-item active">经营管理</button>
<button type="button" class="top-nav-item">项目管理</button>
<button type="button" class="top-nav-item">财务管理</button>
<button type="button" class="top-nav-item">分析看板</button>
</nav>
<div class="top-actions">
<span class="demo-label">演示环境</span>
<button class="icon-button" type="button" data-action="global-search" aria-label="全局搜索" title="全局搜索">
<i data-lucide="search" aria-hidden="true"></i>
</button>
<button class="icon-button notification-button" type="button" data-action="show-tasks" aria-label="待办任务" title="待办任务">
<i data-lucide="bell" aria-hidden="true"></i>
<span id="taskBadge" class="notification-dot">3</span>
</button>
<div class="user-control">
<div class="avatar" id="userAvatar">王</div>
<label class="sr-only" for="roleSwitch">切换演示角色</label>
<select id="roleSwitch" class="role-switch" aria-label="切换演示角色">
<option value="operator">王海峰 · 经办人</option>
<option value="manager">李晓东 · 经营部负责人</option>
<option value="chief">周明 · 分管总工</option>
<option value="admin">陈静 · 产值管理员</option>
</select>
</div>
</div>
</header>
<aside class="sidebar" id="sidebar">
<div class="sidebar-scroll">
<div class="menu-caption">经营管理</div>
<div class="menu-group open">
<button class="menu-parent" type="button" data-action="toggle-group" aria-expanded="true">
<i data-lucide="file-chart-column" aria-hidden="true"></i>
<span>收入合同产值管理</span>
<i class="menu-chevron" data-lucide="chevron-down" aria-hidden="true"></i>
</button>
<div class="menu-children">
<button class="menu-item active" type="button" data-page="applications">
<i data-lucide="clipboard-pen-line" aria-hidden="true"></i>
<span>产值申请</span>
</button>
<button class="menu-item" type="button" data-page="allocation">
<i data-lucide="network" aria-hidden="true"></i>
<span>部门比例分配</span>
</button>
<button class="menu-item" type="button" data-page="balances">
<i data-lucide="scale" aria-hidden="true"></i>
<span>项目产值部门余额表</span>
</button>
<button class="menu-item" type="button" data-page="payouts">
<i data-lucide="badge-dollar-sign" aria-hidden="true"></i>
<span>产值发放申请</span>
</button>
<button class="menu-item" type="button" data-page="summaries">
<i data-lucide="list-checks" aria-hidden="true"></i>
<span>发放申请汇总提交</span>
</button>
<button class="menu-item" type="button" data-page="statistics">
<i data-lucide="chart-no-axes-combined" aria-hidden="true"></i>
<span>产值明细统计</span>
</button>
</div>
</div>
<div class="menu-caption secondary-caption">常用功能</div>
<button class="standalone-menu" type="button" data-action="show-tasks">
<i data-lucide="inbox" aria-hidden="true"></i>
<span>我的待办</span>
<span class="menu-count" id="menuTaskCount">3</span>
</button>
<button class="standalone-menu" type="button" data-action="show-favorites">
<i data-lucide="star" aria-hidden="true"></i>
<span>我的收藏</span>
</button>
</div>
<div class="sidebar-footer">
<i data-lucide="circle-help" aria-hidden="true"></i>
<span>业务支持</span>
<span class="version">Demo v1.0</span>
</div>
</aside>
<main class="main-content" id="mainContent">
<div id="pageRoot"></div>
</main>
</div>
<div class="sidebar-backdrop" id="sidebarBackdrop" data-action="toggle-sidebar"></div>
<div id="drawerRoot"></div>
<div id="modalRoot"></div>
<div class="toast-region" id="toastRegion" aria-live="polite"></div>
<input type="file" id="excelInput" accept=".xlsx,.xls" hidden>
<script src="https://cdn.jsdelivr.net/npm/lucide@0.468.0/dist/umd/lucide.min.js"></script>
</body>
</html>