fix: 恢复档案模块三个页面被误覆盖的菜单修改
arc-employee.html、arc-unit.html、arc-algo.html 在 11d3464 提交时
菜单相关修改被批量操作意外覆盖，现从本地历史恢复正确状态。
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
@@ -112,10 +112,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.form-item input,.form-item select,.form-item textarea{height:36px;padding:0 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;outline:none;}
|
||||
.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1890FF;}
|
||||
.form-item textarea{height:80px;padding:8px 12px;resize:vertical;}
|
||||
/* 操作列固定右侧 */
|
||||
thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;}
|
||||
thead th:last-child{background:#FAFAFA;}
|
||||
tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
${CSS_RULE}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -153,60 +150,19 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<!-- 主内容区 -->
|
||||
<div class="main">
|
||||
|
||||
<!-- 统计卡片 -->
|
||||
<div class="stats-row">
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon blue">🤖</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">3</div>
|
||||
<div class="stat-card__label">在用模型数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">📦</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">12</div>
|
||||
<div class="stat-card__label">历史版本</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon orange">🎯</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">91.2%</div>
|
||||
<div class="stat-card__label">推荐准确率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">⚡</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">48ms</div>
|
||||
<div class="stat-card__label">平均响应</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>模型名称</label>
|
||||
<input class="filter-input" type="text" placeholder="请输入模型名称">
|
||||
<label>文档名称</label>
|
||||
<input class="filter-input" type="text" placeholder="请输入文档名称">
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>适用场景</label>
|
||||
<label>制作年份</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>营养计算</option>
|
||||
<option>菜品推荐</option>
|
||||
<option>慢病预警</option>
|
||||
<option>指标监测</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>状态</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>运行中</option>
|
||||
<option>已停用</option>
|
||||
<option selected>2026年</option>
|
||||
<option>2025年</option>
|
||||
<option>2024年</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">查询</button>
|
||||
@@ -215,7 +171,9 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-primary" onclick="openModal()">➕ 新增版本</button>
|
||||
<button class="btn btn-primary" onclick="openModal()">+ 新增</button>
|
||||
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
|
||||
<button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
|
||||
</div>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
@@ -227,111 +185,113 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>模型名称</th>
|
||||
<th>版本号</th>
|
||||
<th>适用场景</th>
|
||||
<th>上线时间</th>
|
||||
<th>准确率</th>
|
||||
<th>响应时间</th>
|
||||
<th>状态</th>
|
||||
<th>文档名称</th>
|
||||
<th>文档描述</th>
|
||||
<th>制作机构</th>
|
||||
<th>制作人</th>
|
||||
<th>制作年份</th>
|
||||
<th>上传日期</th>
|
||||
<th>附件</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>营养摄入计算模型</td>
|
||||
<td>v2.3.1</td>
|
||||
<td>营养计算</td>
|
||||
<td>营养摄入计算模型说明书</td>
|
||||
<td>基于用户体征数据和膳食记录，计算每日营养素摄入量</td>
|
||||
<td>营养研究院</td>
|
||||
<td>张博士</td>
|
||||
<td>2026</td>
|
||||
<td>2026-02-15</td>
|
||||
<td>93.5%</td>
|
||||
<td>32ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link">预览</a> <a class="link">下载</a></td>
|
||||
<td><a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>个性化推荐引擎</td>
|
||||
<td>v1.8.0</td>
|
||||
<td>菜品推荐</td>
|
||||
<td>个性化推荐引擎技术文档</td>
|
||||
<td>根据员工营养档案和饮食偏好，智能推荐每餐菜品组合</td>
|
||||
<td>AI算法中心</td>
|
||||
<td>李工</td>
|
||||
<td>2026</td>
|
||||
<td>2026-01-20</td>
|
||||
<td>88.7%</td>
|
||||
<td>65ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link">预览</a> <a class="link">下载</a></td>
|
||||
<td><a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>慢病风险评估模型</td>
|
||||
<td>v1.2.4</td>
|
||||
<td>慢病预警</td>
|
||||
<td>慢病风险评估模型白皮书</td>
|
||||
<td>综合分析长期饮食数据与体检指标，评估慢性病风险等级</td>
|
||||
<td>健康管理部</td>
|
||||
<td>王主任</td>
|
||||
<td>2025</td>
|
||||
<td>2025-12-01</td>
|
||||
<td>91.2%</td>
|
||||
<td>48ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link">预览</a> <a class="link">下载</a></td>
|
||||
<td><a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>营养摄入计算模型</td>
|
||||
<td>v2.2.0</td>
|
||||
<td>营养计算</td>
|
||||
<td>食材营养成分识别算法</td>
|
||||
<td>通过图像识别和数据库匹配，自动获取食材营养成分信息</td>
|
||||
<td>AI算法中心</td>
|
||||
<td>赵工</td>
|
||||
<td>2025</td>
|
||||
<td>2025-10-10</td>
|
||||
<td>90.1%</td>
|
||||
<td>38ms</td>
|
||||
<td><span class="tag tag-gray">已停用</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link">预览</a> <a class="link">下载</a></td>
|
||||
<td><a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>个性化推荐引擎</td>
|
||||
<td>v1.7.2</td>
|
||||
<td>菜品推荐</td>
|
||||
<td>膳食平衡评分模型规范</td>
|
||||
<td>基于中国居民膳食指南，对每日膳食结构进行综合评分</td>
|
||||
<td>营养研究院</td>
|
||||
<td>刘博士</td>
|
||||
<td>2025</td>
|
||||
<td>2025-09-05</td>
|
||||
<td>85.3%</td>
|
||||
<td>72ms</td>
|
||||
<td><span class="tag tag-gray">已停用</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link">预览</a> <a class="link">下载</a></td>
|
||||
<td><a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 12 条</span>
|
||||
<span>显示 5 条，共 5 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">3</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 新增算法版本弹窗 -->
|
||||
<!-- 新增算法模型弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">新增算法版本</span>
|
||||
<span class="modal-title">新增算法模型</span>
|
||||
<span class="modal-close" onclick="closeModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-grid">
|
||||
<div class="form-item">
|
||||
<label>模型名称<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入模型名称">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>版本号<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入版本号">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>适用场景</label>
|
||||
<select><option value="">请选择</option><option>营养计算</option><option>菜品推荐</option><option>慢病预警</option><option>指标监测</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>上线时间</label>
|
||||
<input type="date">
|
||||
<div class="form-item full">
|
||||
<label>文档名称<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入文档名称">
|
||||
</div>
|
||||
<div class="form-item full">
|
||||
<label>模型描述</label>
|
||||
<textarea placeholder="请输入模型描述"></textarea>
|
||||
<label>文档描述</label>
|
||||
<textarea placeholder="请输入文档描述"></textarea>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>制作机构<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入制作机构">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>制作人<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入制作人">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>制作年份<span class="required">*</span></label>
|
||||
<select><option value="">请选择年份</option><option>2026</option><option>2025</option><option>2024</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>上传附件</label>
|
||||
<input type="file">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -36,38 +36,17 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
.mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
|
||||
.sidebar-item.active .mi{opacity:0.9;}
|
||||
.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
|
||||
|
||||
/* 筛选栏 */
|
||||
.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
|
||||
.filter-item{display:flex;align-items:center;gap:8px;}
|
||||
.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
|
||||
.filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:200px;}
|
||||
.filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:180px;}
|
||||
.filter-input:focus{border-color:var(--primary);}
|
||||
.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
|
||||
.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
|
||||
.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;}
|
||||
.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);}
|
||||
.btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
|
||||
.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
|
||||
.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.table-card__title{font-size:var(--font-base);font-weight:600;}
|
||||
.table-card__actions{display:flex;gap:8px;align-items:center;}
|
||||
.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
|
||||
.table-card__content table{min-width:100%;white-space:nowrap;}
|
||||
table{width:100%;border-collapse:collapse;}
|
||||
thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
tbody tr:last-child td{border-bottom:none;}
|
||||
tbody tr:hover{background:#F8FBFF;}
|
||||
.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
|
||||
.tag-blue{background:var(--primary-light);color:var(--primary);}
|
||||
.tag-green{background:#F6FFED;color:var(--success);}
|
||||
.tag-orange{background:#FFF7E6;color:var(--warning);}
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.tag-gray{background:#F5F5F5;color:#999;}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
|
||||
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
|
||||
|
||||
/* 统计卡片 */
|
||||
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
|
||||
@@ -82,27 +61,29 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
/* 操作栏 */
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 模态弹窗 */
|
||||
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1000;display:flex;align-items:center;justify-content:center;}
|
||||
.modal{background:#fff;border-radius:8px;width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
|
||||
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e8e8e8;}
|
||||
.modal-title{font-size:16px;font-weight:600;color:#262626;}
|
||||
.modal-close{font-size:22px;cursor:pointer;color:#8c8c8c;line-height:1;}
|
||||
.modal-close:hover{color:#262626;}
|
||||
.modal-body{padding:24px;}
|
||||
.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e8e8e8;}
|
||||
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
|
||||
.form-item{display:flex;flex-direction:column;gap:4px;}
|
||||
.form-item.full{grid-column:1/-1;}
|
||||
.form-item label{font-size:13px;color:#8c8c8c;}
|
||||
.form-item label .required{color:#ff4d4f;margin-left:2px;}
|
||||
.form-item input,.form-item select,.form-item textarea{height:36px;padding:0 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;outline:none;}
|
||||
.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1890FF;}
|
||||
.form-item textarea{height:80px;padding:8px 12px;resize:vertical;}
|
||||
/* 操作列固定右侧 */
|
||||
thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;}
|
||||
thead th:last-child{background:#FAFAFA;}
|
||||
tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
|
||||
/* 表格 */
|
||||
.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
|
||||
.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.table-card__title{font-size:var(--font-base);font-weight:600;}
|
||||
.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
|
||||
table{width:100%;border-collapse:collapse;min-width:100%;white-space:nowrap;}
|
||||
thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
tbody tr:last-child td{border-bottom:none;}
|
||||
tbody tr:hover{background:#F8FBFF;}
|
||||
.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
|
||||
.tag-green{background:#F6FFED;color:var(--success);}
|
||||
.tag-orange{background:#FFF7E6;color:var(--warning);}
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
|
||||
|
||||
/* 分页 */
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
|
||||
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
|
||||
${CSS_RULE}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -146,28 +127,28 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<div class="stat-card__icon blue">👤</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">1,280</div>
|
||||
<div class="stat-card__label">归档员工数</div>
|
||||
<div class="stat-card__label">监控员工数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">📊</div>
|
||||
<div class="stat-card__icon green">📅</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">38,400</div>
|
||||
<div class="stat-card__label">本月新增记录</div>
|
||||
<div class="stat-card__value">132</div>
|
||||
<div class="stat-card__label">本年已监控天数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon orange">📅</div>
|
||||
<div class="stat-card__icon orange">📊</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">12个月</div>
|
||||
<div class="stat-card__label">数据覆盖周期</div>
|
||||
<div class="stat-card__value">86.5%</div>
|
||||
<div class="stat-card__label">营养达标率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">💾</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">2.4GB</div>
|
||||
<div class="stat-card__label">数据总量</div>
|
||||
<div class="stat-card__value">96.2%</div>
|
||||
<div class="stat-card__label">数据覆盖率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -175,11 +156,20 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>员工姓名/工号</label>
|
||||
<input class="filter-input" type="text" placeholder="请输入员工姓名或工号">
|
||||
<label>姓名/工号</label>
|
||||
<input class="filter-input" type="text" placeholder="请输入姓名或工号">
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>部门</label>
|
||||
<label>所属单位</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>长庆油田总部</option>
|
||||
<option>采油一厂</option>
|
||||
<option>采油二厂</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>所属部门</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>研发部</option>
|
||||
@@ -190,17 +180,11 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>时间范围</label>
|
||||
<input class="filter-input" type="date">
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>营养素类型</label>
|
||||
<label>年份</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>热量</option>
|
||||
<option>蛋白质</option>
|
||||
<option>脂肪</option>
|
||||
<option>碳水</option>
|
||||
<option selected>2026年</option>
|
||||
<option>2025年</option>
|
||||
<option>2024年</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">查询</button>
|
||||
@@ -209,93 +193,65 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-primary">📊 生成本月归档</button>
|
||||
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
|
||||
<button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
|
||||
<button class="btn btn-default">🔍 高级筛选</button>
|
||||
</div>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">员工营养数据</div>
|
||||
<div class="table-card__title">员工营养监控数据（2026年）</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>员工工号</th>
|
||||
<th>姓名</th>
|
||||
<th>部门</th>
|
||||
<th>归档周期</th>
|
||||
<th>性别</th>
|
||||
<th>年龄</th>
|
||||
<th>员工工号</th>
|
||||
<th>所属单位</th>
|
||||
<th>所属部门</th>
|
||||
<th>用餐天数</th>
|
||||
<th>用餐次数</th>
|
||||
<th>热量均值(kcal)</th>
|
||||
<th>蛋白质均值(g)</th>
|
||||
<th>脂肪均值(g)</th>
|
||||
<th>碳水均值(g)</th>
|
||||
<th>数据完整度</th>
|
||||
<th>营养达标率</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>EMP001</td>
|
||||
<td>张伟</td>
|
||||
<td>研发部</td>
|
||||
<td>2026-03</td>
|
||||
<td>2,156</td>
|
||||
<td>78.3</td>
|
||||
<td>72.1</td>
|
||||
<td>285.4</td>
|
||||
<td><span class="tag tag-green">98%</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td>张伟</td><td>男</td><td>32</td><td>EMP001</td><td>长庆油田总部</td><td>研发部</td>
|
||||
<td>132</td><td>386</td><td>2,156</td><td>78.3</td><td>72.1</td><td>285.4</td>
|
||||
<td><span class="tag tag-green">92%</span></td>
|
||||
<td><a class="link" href="arc-employee-detail.html?id=EMP001">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP002</td>
|
||||
<td>李娜</td>
|
||||
<td>市场部</td>
|
||||
<td>2026-03</td>
|
||||
<td>1,842</td>
|
||||
<td>65.2</td>
|
||||
<td>58.7</td>
|
||||
<td>241.3</td>
|
||||
<td><span class="tag tag-green">95%</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td>李娜</td><td>女</td><td>28</td><td>EMP002</td><td>长庆油田总部</td><td>市场部</td>
|
||||
<td>128</td><td>372</td><td>1,842</td><td>65.2</td><td>58.7</td><td>241.3</td>
|
||||
<td><span class="tag tag-green">89%</span></td>
|
||||
<td><a class="link" href="arc-employee-detail.html?id=EMP002">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP003</td>
|
||||
<td>王磊</td>
|
||||
<td>运营部</td>
|
||||
<td>2026-03</td>
|
||||
<td>2,380</td>
|
||||
<td>85.6</td>
|
||||
<td>89.2</td>
|
||||
<td>312.1</td>
|
||||
<td><span class="tag tag-orange">87%</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP004</td>
|
||||
<td>赵敏</td>
|
||||
<td>财务部</td>
|
||||
<td>2026-03</td>
|
||||
<td>1,720</td>
|
||||
<td>58.4</td>
|
||||
<td>52.3</td>
|
||||
<td>228.6</td>
|
||||
<td><span class="tag tag-green">100%</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP005</td>
|
||||
<td>陈刚</td>
|
||||
<td>人事部</td>
|
||||
<td>2026-03</td>
|
||||
<td>2,050</td>
|
||||
<td>72.1</td>
|
||||
<td>68.4</td>
|
||||
<td>270.2</td>
|
||||
<td>王磊</td><td>男</td><td>35</td><td>EMP003</td><td>采油一厂</td><td>运营部</td>
|
||||
<td>125</td><td>358</td><td>2,380</td><td>85.6</td><td>89.2</td><td>312.1</td>
|
||||
<td><span class="tag tag-orange">76%</span></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td><a class="link" href="arc-employee-detail.html?id=EMP003">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>赵敏</td><td>女</td><td>30</td><td>EMP004</td><td>采油二厂</td><td>财务部</td>
|
||||
<td>131</td><td>390</td><td>1,720</td><td>58.4</td><td>52.3</td><td>228.6</td>
|
||||
<td><span class="tag tag-green">95%</span></td>
|
||||
<td><a class="link" href="arc-employee-detail.html?id=EMP004">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>陈刚</td><td>男</td><td>41</td><td>EMP005</td><td>长庆油田总部</td><td>人事部</td>
|
||||
<td>120</td><td>345</td><td>2,050</td><td>72.1</td><td>68.4</td><td>270.2</td>
|
||||
<td><span class="tag tag-orange">78%</span></td>
|
||||
<td><a class="link" href="arc-employee-detail.html?id=EMP005">查看详情</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -315,46 +271,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 员工营养数据弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">员工营养数据</span>
|
||||
<span class="modal-close" onclick="closeModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-grid">
|
||||
<div class="form-item">
|
||||
<label>员工工号<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入员工工号">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>姓名<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入姓名">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>部门</label>
|
||||
<select><option>请选择</option><option>研发部</option><option>市场部</option><option>运营部</option><option>财务部</option><option>人事部</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>归档周期</label>
|
||||
<input type="date">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeModal()">取消</button>
|
||||
<button class="btn btn-primary">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 侧边栏交互脚本 -->
|
||||
<script>
|
||||
// 模态弹窗控制
|
||||
function openModal(){document.getElementById('modalOverlay').style.display='flex';}
|
||||
function closeModal(){document.getElementById('modalOverlay').style.display='none';}
|
||||
document.getElementById('modalOverlay').addEventListener('click',function(e){if(e.target===this)closeModal();});
|
||||
// 侧边栏菜单项点击高亮
|
||||
document.querySelectorAll('.sidebar-item').forEach(function(item) {
|
||||
item.addEventListener('click', function() {
|
||||
@@ -362,6 +279,23 @@ document.querySelectorAll('.sidebar-item').forEach(function(item) {
|
||||
this.classList.add('active');
|
||||
});
|
||||
});
|
||||
// URL参数回显到筛选框
|
||||
(function(){
|
||||
var params = new URLSearchParams(location.search);
|
||||
var unit = params.get('unit');
|
||||
var dept = params.get('dept');
|
||||
var selects = document.querySelectorAll('.filter-select');
|
||||
if(unit && selects[0]){
|
||||
for(var i=0;i<selects[0].options.length;i++){
|
||||
if(selects[0].options[i].text === unit){ selects[0].selectedIndex = i; break; }
|
||||
}
|
||||
}
|
||||
if(dept && selects[1]){
|
||||
for(var i=0;i<selects[1].options.length;i++){
|
||||
if(selects[1].options[i].text === dept){ selects[1].selectedIndex = i; break; }
|
||||
}
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -80,6 +80,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.tag-gray{background:#F5F5F5;color:#999;}
|
||||
/* 链接 */
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
|
||||
/* TAB栏 */
|
||||
.tab-bar{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border);}
|
||||
.tab-item{padding:12px 20px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-weight:500;}
|
||||
.tab-item:hover{color:var(--primary);}
|
||||
.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;}
|
||||
.tab-panel{display:none;}
|
||||
.tab-panel.active{display:block;}
|
||||
/* 分页 */
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
@@ -102,10 +109,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.form-item input,.form-item select,.form-item textarea{height:36px;padding:0 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;outline:none;}
|
||||
.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1890FF;}
|
||||
.form-item textarea{height:80px;padding:8px 12px;resize:vertical;}
|
||||
/* 操作列固定右侧 */
|
||||
thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;}
|
||||
thead th:last-child{background:#FAFAFA;}
|
||||
tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -143,62 +146,31 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<!-- 主内容区域 -->
|
||||
<div class="main">
|
||||
|
||||
<!-- 统计卡片 -->
|
||||
<div class="stats-row">
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon blue">🏢</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">12</div>
|
||||
<div class="stat-card__label">归档单位数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">📋</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">36份</div>
|
||||
<div class="stat-card__label">本季度报表</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon orange">📈</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">82.4%</div>
|
||||
<div class="stat-card__label">平均达标率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">📅</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">今日</div>
|
||||
<div class="stat-card__label">最近更新</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB切换 -->
|
||||
<div class="tab-bar" style="background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm);margin-bottom:0;">
|
||||
<div class="tab-item active" onclick="switchTab(0)">二级单位</div>
|
||||
<div class="tab-item" onclick="switchTab(1)">三级单位</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-bar" style="border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:0;">
|
||||
<div class="filter-item">
|
||||
<label>单位名称</label>
|
||||
<input class="filter-input" type="text" placeholder="请输入单位名称">
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>报表周期</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>日报</option>
|
||||
<option>周报</option>
|
||||
<option>月报</option>
|
||||
<option>季报</option>
|
||||
<option>采油一厂</option>
|
||||
<option>采油二厂</option>
|
||||
<option>采气一厂</option>
|
||||
<option>油田总部机关</option>
|
||||
<option>勘探开发研究院</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>报表类型</label>
|
||||
<label>年份</label>
|
||||
<select class="filter-select">
|
||||
<option>全部</option>
|
||||
<option>日报</option>
|
||||
<option>周报</option>
|
||||
<option>月报</option>
|
||||
<option>季报</option>
|
||||
<option selected>2026年</option>
|
||||
<option>2025年</option>
|
||||
<option>2024年</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">查询</button>
|
||||
@@ -207,7 +179,6 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-primary">📊 生成报表</button>
|
||||
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
|
||||
<button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
|
||||
</div>
|
||||
@@ -215,136 +186,94 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
|
||||
<!-- 数据表格 -->
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">单位报表数据</div>
|
||||
<div class="table-card__title">单位营养监控数据（2026年）</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>单位名称</th>
|
||||
<th>报表类型</th>
|
||||
<th>统计周期</th>
|
||||
<th>就餐人次</th>
|
||||
<th>热量达标率</th>
|
||||
<th>蛋白质达标率</th>
|
||||
<th>三减达标率</th>
|
||||
<th>生成时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>研发部</td>
|
||||
<td><span class="tag tag-blue">月报</span></td>
|
||||
<td>2026-03</td>
|
||||
<td>3,840</td>
|
||||
<td>88%</td>
|
||||
<td>85%</td>
|
||||
<td>79%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>市场部</td>
|
||||
<td><span class="tag tag-blue">月报</span></td>
|
||||
<td>2026-03</td>
|
||||
<td>2,160</td>
|
||||
<td>82%</td>
|
||||
<td>78%</td>
|
||||
<td>83%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>运营部</td>
|
||||
<td><span class="tag tag-gray">周报</span></td>
|
||||
<td>第14周</td>
|
||||
<td>960</td>
|
||||
<td>75%</td>
|
||||
<td>72%</td>
|
||||
<td>68%</td>
|
||||
<td>2026-04-07</td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>财务部</td>
|
||||
<td><span class="tag tag-orange">季报</span></td>
|
||||
<td>2026-Q1</td>
|
||||
<td>1,440</td>
|
||||
<td>91%</td>
|
||||
<td>89%</td>
|
||||
<td>86%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>人事部</td>
|
||||
<td><span class="tag tag-blue">月报</span></td>
|
||||
<td>2026-03</td>
|
||||
<td>720</td>
|
||||
<td>85%</td>
|
||||
<td>81%</td>
|
||||
<td>77%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 36 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">3</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 单位报表数据弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">单位报表数据</span>
|
||||
<span class="modal-close" onclick="closeModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-grid">
|
||||
<div class="form-item">
|
||||
<label>单位名称<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入单位名称">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>报表类型</label>
|
||||
<select><option>请选择</option><option>日报</option><option>周报</option><option>月报</option><option>季报</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>统计开始日期</label>
|
||||
<input type="date">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>统计结束日期</label>
|
||||
<input type="date">
|
||||
</div>
|
||||
<!-- 二级单位表格 -->
|
||||
<div class="tab-panel active" id="tab-0">
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>单位名称</th>
|
||||
<th>在册人数</th>
|
||||
<th>用餐人数</th>
|
||||
<th>用餐总次数</th>
|
||||
<th>人均年用餐数</th>
|
||||
<th>热量均值(kcal)</th>
|
||||
<th>人均营养评分</th>
|
||||
<th>营养达标率</th>
|
||||
<th>数据覆盖率</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>采油一厂</td><td>420</td><td><a class="link" href="arc-employee.html?unit=采油一厂">398</a></td><td>52,680</td><td>132</td><td>2,180</td><td>82</td><td><span class="tag tag-green">91%</span></td><td>94.8%</td></tr>
|
||||
<tr><td>采油二厂</td><td>380</td><td><a class="link" href="arc-employee.html?unit=采油二厂">356</a></td><td>46,920</td><td>132</td><td>2,210</td><td>79</td><td><span class="tag tag-green">88%</span></td><td>93.7%</td></tr>
|
||||
<tr><td>采气一厂</td><td>260</td><td><a class="link" href="arc-employee.html?unit=采气一厂">245</a></td><td>31,850</td><td>130</td><td>2,150</td><td>72</td><td><span class="tag tag-orange">79%</span></td><td>94.2%</td></tr>
|
||||
<tr><td>油田总部机关</td><td>150</td><td><a class="link" href="arc-employee.html?unit=油田总部机关">148</a></td><td>19,240</td><td>130</td><td>1,980</td><td>86</td><td><span class="tag tag-green">93%</span></td><td>98.7%</td></tr>
|
||||
<tr><td>勘探开发研究院</td><td>70</td><td><a class="link" href="arc-employee.html?unit=勘探开发研究院">65</a></td><td>8,450</td><td>130</td><td>2,050</td><td>78</td><td><span class="tag tag-green">86%</span></td><td>92.9%</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 8 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeModal()">取消</button>
|
||||
<button class="btn btn-primary">确定</button>
|
||||
|
||||
<!-- 三级单位表格 -->
|
||||
<div class="tab-panel" id="tab-1">
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>部门名称</th>
|
||||
<th>所属二级单位</th>
|
||||
<th>在册人数</th>
|
||||
<th>用餐人数</th>
|
||||
<th>用餐总次数</th>
|
||||
<th>人均年用餐数</th>
|
||||
<th>热量均值(kcal)</th>
|
||||
<th>人均营养评分</th>
|
||||
<th>营养达标率</th>
|
||||
<th>数据覆盖率</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>研发部</td><td>采油一厂</td><td>85</td><td><a class="link" href="arc-employee.html?unit=采油一厂&dept=研发部">82</a></td><td>10,824</td><td>132</td><td>2,156</td><td>84</td><td><span class="tag tag-green">92%</span></td><td>96.5%</td></tr>
|
||||
<tr><td>运营部</td><td>采油一厂</td><td>120</td><td><a class="link" href="arc-employee.html?unit=采油一厂&dept=运营部">112</a></td><td>14,560</td><td>130</td><td>2,380</td><td>71</td><td><span class="tag tag-orange">76%</span></td><td>93.3%</td></tr>
|
||||
<tr><td>市场部</td><td>采油一厂</td><td>95</td><td><a class="link" href="arc-employee.html?unit=采油一厂&dept=市场部">90</a></td><td>11,700</td><td>130</td><td>1,842</td><td>80</td><td><span class="tag tag-green">89%</span></td><td>94.7%</td></tr>
|
||||
<tr><td>财务部</td><td>采油二厂</td><td>60</td><td><a class="link" href="arc-employee.html?unit=采油二厂&dept=财务部">58</a></td><td>7,540</td><td>130</td><td>1,720</td><td>87</td><td><span class="tag tag-green">95%</span></td><td>96.7%</td></tr>
|
||||
<tr><td>人事部</td><td>采油二厂</td><td>45</td><td><a class="link" href="arc-employee.html?unit=采油二厂&dept=人事部">42</a></td><td>5,460</td><td>130</td><td>2,050</td><td>73</td><td><span class="tag tag-orange">78%</span></td><td>93.3%</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 24 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">3</button>
|
||||
<button class="page-btn">...</button>
|
||||
<button class="page-btn">5</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 侧边栏交互脚本 -->
|
||||
<script>
|
||||
// 模态弹窗控制
|
||||
function openModal(){document.getElementById('modalOverlay').style.display='flex';}
|
||||
function closeModal(){document.getElementById('modalOverlay').style.display='none';}
|
||||
document.getElementById('modalOverlay').addEventListener('click',function(e){if(e.target===this)closeModal();});
|
||||
// 侧边栏当前页高亮
|
||||
/* TAB切换 */
|
||||
function switchTab(idx) {
|
||||
document.querySelectorAll('.tab-item').forEach(function(t, i) { t.classList.toggle('active', i === idx); });
|
||||
document.querySelectorAll('.tab-panel').forEach(function(p, i) { p.classList.toggle('active', i === idx); });
|
||||
}
|
||||
/* 侧边栏当前页高亮 */
|
||||
(function(){
|
||||
var current = location.pathname.split('/').pop();
|
||||
document.querySelectorAll('.sidebar-item').forEach(function(item){
|
||||
|
||||
Reference in New Issue
Block a user