feat: 营养管理健康生产模块页面交互优化
- prod-recipe-plan: 去统计卡片，操作改3按钮，新建规划改页内弹窗，删除独立弹窗页 - prod-proc-combo: 去统计卡片，操作改5按钮，新增查看配方弹窗和多食材组配弹窗 - prod-proc-cook: 去统计卡片，操作改5按钮，新增食材明细/温度曲线/AI模型分析弹窗 - prod-proc-serve: 去统计卡片，操作改5按钮 - prod-proc-surplus: 去统计卡片，操作改5按钮，弹窗对齐列表，新增员工福利取餐明细弹窗 - prod-proc-stats: 其他成本列可点击弹窗展示小计明细，支持新增条目 - 其他页面: 侧边栏导航链路统一修复 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
@@ -79,6 +79,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -205,7 +209,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>1条记录</td>
|
||||
<td>2026-04-15 08:30</td>
|
||||
<td><span class="tag tag-orange">待处理</span></td>
|
||||
<td><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DIRTY-002</td>
|
||||
@@ -215,7 +219,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>1条记录</td>
|
||||
<td>2026-04-14 16:20</td>
|
||||
<td><span class="tag tag-green">已修正</span></td>
|
||||
<td><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DIRTY-003</td>
|
||||
@@ -225,7 +229,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2条记录</td>
|
||||
<td>2026-04-15 12:05</td>
|
||||
<td><span class="tag tag-gray">已忽略</span></td>
|
||||
<td><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">修正</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -79,6 +79,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -197,7 +201,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-red">高</span></td>
|
||||
<td>v2.3.1</td>
|
||||
<td>2026-04-15 12:30</td>
|
||||
<td><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ERR-002</td>
|
||||
@@ -207,7 +211,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-orange">中</span></td>
|
||||
<td>v1.8.0</td>
|
||||
<td>2026-04-15 11:45</td>
|
||||
<td><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ERR-003</td>
|
||||
@@ -217,7 +221,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-red">高</span></td>
|
||||
<td>v2.3.1</td>
|
||||
<td>2026-04-15 10:20</td>
|
||||
<td><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
<td class="td-actions"><a class="link">查看</a> <a class="link">溯源</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -112,6 +112,10 @@ 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>
|
||||
@@ -242,7 +246,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>93.5%</td>
|
||||
<td>32ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>个性化推荐引擎</td>
|
||||
@@ -252,7 +256,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>88.7%</td>
|
||||
<td>65ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>慢病风险评估模型</td>
|
||||
@@ -262,7 +266,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>91.2%</td>
|
||||
<td>48ms</td>
|
||||
<td><span class="tag tag-green">运行中</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>营养摄入计算模型</td>
|
||||
@@ -272,7 +276,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>90.1%</td>
|
||||
<td>38ms</td>
|
||||
<td><span class="tag tag-gray">已停用</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>个性化推荐引擎</td>
|
||||
@@ -282,7 +286,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>85.3%</td>
|
||||
<td>72ms</td>
|
||||
<td><span class="tag tag-gray">已停用</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -0,0 +1,223 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>营养管理 - 员工用餐记录 | 健康长庆原型</title>
|
||||
<style>
|
||||
/* 设计令牌 */
|
||||
*{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
|
||||
:root{
|
||||
--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
|
||||
--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
|
||||
--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
|
||||
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;
|
||||
--shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
|
||||
}
|
||||
|
||||
/* 通用布局 */
|
||||
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
|
||||
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;}
|
||||
.top-bar__logo svg{width:28px;height:28px;}
|
||||
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
|
||||
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
|
||||
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
|
||||
.top-bar__nav a.active{color:#fff;background:var(--primary);}
|
||||
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
|
||||
.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
|
||||
.top-bar__right .btn-back:hover{color:#fff;}
|
||||
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
|
||||
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;}
|
||||
.sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;}
|
||||
.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;}
|
||||
.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
|
||||
.sidebar-item.active{color:#fff;background:var(--primary);}
|
||||
.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);}
|
||||
|
||||
/* 面包屑 */
|
||||
.breadcrumb{margin-bottom:16px;font-size:var(--font-sm);color:var(--text-secondary);display:flex;align-items:center;gap:6px;}
|
||||
.breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{color:#40a9ff;}
|
||||
.breadcrumb__sep{color:var(--text-placeholder);}
|
||||
|
||||
/* 员工信息卡 */
|
||||
.info-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:24px;}
|
||||
.info-card__item{display:flex;flex-direction:column;gap:4px;min-width:100px;}
|
||||
.info-card__label{font-size:var(--font-xs);color:var(--text-placeholder);}
|
||||
.info-card__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;}
|
||||
|
||||
/* 筛选栏 */
|
||||
.filter-bar{background:#fff;border-radius:var(--radius-md);padding:16px 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:140px;}
|
||||
.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:100px;}
|
||||
.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);}
|
||||
|
||||
/* 表格 */
|
||||
.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}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
|
||||
<!-- 顶部导航 -->
|
||||
<header class="top-bar">
|
||||
<div class="top-bar__logo">
|
||||
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
|
||||
营养管理
|
||||
</div>
|
||||
<nav class="top-bar__nav">
|
||||
<a href="trace-query.html">溯源总览</a>
|
||||
<a href="arc-employee.html" class="active">档案</a>
|
||||
<a href="farm-land.html">绿色种采</a>
|
||||
<a href="sup-hygiene-check.html">卫生供应</a>
|
||||
<a href="prod-qc-daily.html">健康生产</a>
|
||||
<a href="din-dict-mgmt.html">营养用餐</a>
|
||||
<a href="ano-dirty.html">异常事件</a>
|
||||
</nav>
|
||||
<div class="top-bar__right">
|
||||
<a class="btn-back" href="../../index.html">← 返回首页</a>
|
||||
<div class="avatar">管</div>
|
||||
<span>系统管理员 ▾</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 侧边栏 -->
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-menu__title">档案</div>
|
||||
<a class="sidebar-item active" href="arc-employee.html"><span class="mi">👤</span>员工营养数据</a>
|
||||
<a class="sidebar-item" href="arc-unit.html"><span class="mi">🏢</span>单位报表数据</a>
|
||||
<a class="sidebar-item" href="arc-algo.html"><span class="mi">🤖</span>算法模型</a>
|
||||
</aside>
|
||||
|
||||
<!-- 主内容区 -->
|
||||
<div class="main">
|
||||
|
||||
<!-- 面包屑 -->
|
||||
<div class="breadcrumb">
|
||||
<a href="arc-employee.html">员工营养数据</a>
|
||||
<span class="breadcrumb__sep">></span>
|
||||
<span>张伟（EMP001）2026年用餐记录</span>
|
||||
</div>
|
||||
|
||||
<!-- 员工信息卡 -->
|
||||
<div class="info-card">
|
||||
<div class="info-card__item"><span class="info-card__label">姓名</span><span class="info-card__value">张伟</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">性别</span><span class="info-card__value">男</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">年龄</span><span class="info-card__value">32岁</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">工号</span><span class="info-card__value">EMP001</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">所属单位</span><span class="info-card__value">长庆油田总部</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">所属部门</span><span class="info-card__value">研发部</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">监控年份</span><span class="info-card__value">2026年</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">总用餐次数</span><span class="info-card__value">386次</span></div>
|
||||
<div class="info-card__item"><span class="info-card__label">营养达标率</span><span class="info-card__value" style="color:#52C41A;font-weight:600;">92%</span></div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>日期范围</label>
|
||||
<input class="filter-input" type="date" value="2026-01-01">
|
||||
<span style="color:var(--text-placeholder);font-size:var(--font-sm);">至</span>
|
||||
<input class="filter-input" type="date" value="2026-05-13">
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>餐次</label>
|
||||
<select class="filter-select">
|
||||
<option selected>全部</option>
|
||||
<option>早餐</option>
|
||||
<option>午餐</option>
|
||||
<option>晚餐</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">查询</button>
|
||||
<button class="btn btn-default">重置</button>
|
||||
</div>
|
||||
|
||||
<!-- 用餐记录表格 -->
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">用餐记录</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>日期</th>
|
||||
<th>餐次</th>
|
||||
<th>取餐方式</th>
|
||||
<th>菜品名称</th>
|
||||
<th>热量(kcal)</th>
|
||||
<th>蛋白质(g)</th>
|
||||
<th>脂肪(g)</th>
|
||||
<th>碳水(g)</th>
|
||||
<th>达标状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>2026-05-13</td><td>午餐</td><td>堂食</td><td>宫保鸡丁、米饭、紫菜蛋花汤</td><td>685</td><td>28.4</td><td>22.1</td><td>89.3</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-13</td><td>早餐</td><td>堂食</td><td>豆浆、油条、茶叶蛋</td><td>420</td><td>15.2</td><td>18.6</td><td>48.7</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-12</td><td>晚餐</td><td>外带</td><td>红烧牛肉面</td><td>580</td><td>24.8</td><td>16.3</td><td>78.2</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-12</td><td>午餐</td><td>堂食</td><td>糖醋排骨、清炒时蔬、米饭</td><td>720</td><td>30.1</td><td>28.5</td><td>85.6</td><td><span class="tag tag-orange">偏高</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-12</td><td>早餐</td><td>堂食</td><td>小米粥、馒头、咸菜</td><td>310</td><td>8.6</td><td>4.2</td><td>62.1</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-11</td><td>午餐</td><td>堂食</td><td>鱼香肉丝、番茄炒蛋、米饭</td><td>695</td><td>26.3</td><td>24.7</td><td>88.4</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-11</td><td>早餐</td><td>外带</td><td>牛奶、三明治</td><td>385</td><td>16.8</td><td>14.2</td><td>42.5</td><td><span class="tag tag-green">达标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
<tr><td>2026-05-10</td><td>午餐</td><td>堂食</td><td>麻辣香锅、米饭</td><td>860</td><td>32.4</td><td>42.1</td><td>82.3</td><td><span class="tag tag-red">超标</span></td><td class="td-actions"><a class="link">营养明细</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<div class="pagination">
|
||||
<span>显示 8 条，共 386 条</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">49</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.sidebar-item').forEach(function(item) {
|
||||
item.addEventListener('click', function() {
|
||||
document.querySelectorAll('.sidebar-item').forEach(function(i) { i.classList.remove('active'); });
|
||||
this.classList.add('active');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -99,6 +99,10 @@ 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>
|
||||
@@ -243,7 +247,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>72.1</td>
|
||||
<td>285.4</td>
|
||||
<td><span class="tag tag-green">98%</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP002</td>
|
||||
@@ -255,7 +259,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>58.7</td>
|
||||
<td>241.3</td>
|
||||
<td><span class="tag tag-green">95%</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP003</td>
|
||||
@@ -267,7 +271,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>89.2</td>
|
||||
<td>312.1</td>
|
||||
<td><span class="tag tag-orange">87%</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP004</td>
|
||||
@@ -279,7 +283,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>52.3</td>
|
||||
<td>228.6</td>
|
||||
<td><span class="tag tag-green">100%</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EMP005</td>
|
||||
@@ -291,7 +295,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>68.4</td>
|
||||
<td>270.2</td>
|
||||
<td><span class="tag tag-orange">76%</span></td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -102,6 +102,10 @@ 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>
|
||||
@@ -238,7 +242,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>85%</td>
|
||||
<td>79%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>市场部</td>
|
||||
@@ -249,7 +253,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>78%</td>
|
||||
<td>83%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>运营部</td>
|
||||
@@ -260,7 +264,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>72%</td>
|
||||
<td>68%</td>
|
||||
<td>2026-04-07</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>财务部</td>
|
||||
@@ -271,7 +275,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>89%</td>
|
||||
<td>86%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>人事部</td>
|
||||
@@ -282,7 +286,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>81%</td>
|
||||
<td>77%</td>
|
||||
<td>2026-04-01</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -90,6 +90,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -186,10 +190,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">算法标准</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>人群类型</th><th>热量范围(kcal)</th><th>蛋白质比例(%)</th><th>脂肪比例(%)</th><th>碳水比例(%)</th><th>钙(mg)</th><th>铁(mg)</th><th>维生素C(mg)</th><th>膳食纤维(g)</th><th>每日饮水量(mL)</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>成人男性</td><td>2,200 - 2,600</td><td>15</td><td>30</td><td>55</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>成人女性</td><td>1,800 - 2,200</td><td>15</td><td>30</td><td>55</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>老年人</td><td>1,600 - 2,000</td><td>18</td><td>25</td><td>57</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>儿童</td><td>1,400 - 1,800</td><td>14</td><td>32</td><td>54</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>成人男性</td><td>2,200 - 2,600</td><td>15</td><td>30</td><td>55</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>成人女性</td><td>1,800 - 2,200</td><td>15</td><td>30</td><td>55</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>老年人</td><td>1,600 - 2,000</td><td>18</td><td>25</td><td>57</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>儿童</td><td>1,400 - 1,800</td><td>14</td><td>32</td><td>54</td><td>800</td><td>12</td><td>100</td><td>25</td><td>1,500</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
</tbody></table></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -211,11 +215,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">个性化方案</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>方案名称</th><th>适用人群</th><th>BMI范围</th><th>每日热量(kcal)</th><th>交换份总数</th><th>状态</th><th>创建人</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>孕妇营养方案</td><td>孕妇</td><td>18.5-24.9</td><td>2,200</td><td>24份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>少儿营养方案</td><td>少儿</td><td>15-20</td><td>1,600</td><td>18份</td><td><span class="tag tag-green">已发布</span></td><td>营养师B</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>老人营养方案</td><td>老人</td><td>20-26.9</td><td>1,800</td><td>20份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>儿童营养方案</td><td>儿童</td><td>14-19</td><td>1,400</td><td>16份</td><td><span class="tag tag-green">已发布</span></td><td>营养师B</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>普通成人方案</td><td>普通成人</td><td>18.5-23.9</td><td>2,000</td><td>22份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>孕妇营养方案</td><td>孕妇</td><td>18.5-24.9</td><td>2,200</td><td>24份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>少儿营养方案</td><td>少儿</td><td>15-20</td><td>1,600</td><td>18份</td><td><span class="tag tag-green">已发布</span></td><td>营养师B</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>老人营养方案</td><td>老人</td><td>20-26.9</td><td>1,800</td><td>20份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>儿童营养方案</td><td>儿童</td><td>14-19</td><td>1,400</td><td>16份</td><td><span class="tag tag-green">已发布</span></td><td>营养师B</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>普通成人方案</td><td>普通成人</td><td>18.5-23.9</td><td>2,000</td><td>22份</td><td><span class="tag tag-green">已发布</span></td><td>营养师A</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
</tbody></table></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -235,10 +239,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">大众方案</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>方案名称</th><th>适用场景</th><th>涵盖餐次</th><th>平均热量(kcal)</th><th>推荐覆盖率</th><th>状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>工厂标准方案</td><td>工厂</td><td>正餐/加班餐/夜宵</td><td>2,300</td><td>85%</td><td><span class="tag tag-green">已发布</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校大学方案</td><td>院校-大学</td><td>正餐</td><td>2,100</td><td>92%</td><td><span class="tag tag-green">已发布</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校中学方案</td><td>院校-中学</td><td>正餐</td><td>1,900</td><td>88%</td><td><span class="tag tag-green">已发布</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校小学方案</td><td>院校-小学</td><td>正餐</td><td>1,600</td><td>90%</td><td><span class="tag tag-green">已发布</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>工厂标准方案</td><td>工厂</td><td>正餐/加班餐/夜宵</td><td>2,300</td><td>85%</td><td><span class="tag tag-green">已发布</span></td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校大学方案</td><td>院校-大学</td><td>正餐</td><td>2,100</td><td>92%</td><td><span class="tag tag-green">已发布</span></td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校中学方案</td><td>院校-中学</td><td>正餐</td><td>1,900</td><td>88%</td><td><span class="tag tag-green">已发布</span></td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>院校小学方案</td><td>院校-小学</td><td>正餐</td><td>1,600</td><td>90%</td><td><span class="tag tag-green">已发布</span></td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
</tbody></table></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -260,10 +264,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">动态规则</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></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>DR-001</td><td>智能手表步数</td><td>当日步数 ≥ 10000</td><td>热量</td><td>增加</td><td>+180kcal</td><td>全部用户</td><td><span class="tag tag-green">启用</span></td><td>高运动量补能</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-002</td><td>体脂秤数据</td><td>体脂率连续7天上升</td><td>碳水化合物</td><td>减少</td><td>-12%</td><td>指定VIP用户</td><td><span class="tag tag-green">启用</span></td><td>控脂干预</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-003</td><td>手动录入运动量</td><td>有氧运动 ≥ 60分钟</td><td>蛋白质</td><td>增加</td><td>+18g</td><td>成人用户</td><td><span class="tag tag-green">启用</span></td><td>运动后恢复</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-004</td><td>智能手表步数</td><td>当日步数 < 3000</td><td>热量</td><td>减少</td><td>-120kcal</td><td>全部用户</td><td><span class="tag tag-gray">禁用</span></td><td>低活动日控能</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-001</td><td>智能手表步数</td><td>当日步数 ≥ 10000</td><td>热量</td><td>增加</td><td>+180kcal</td><td>全部用户</td><td><span class="tag tag-green">启用</span></td><td>高运动量补能</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-002</td><td>体脂秤数据</td><td>体脂率连续7天上升</td><td>碳水化合物</td><td>减少</td><td>-12%</td><td>指定VIP用户</td><td><span class="tag tag-green">启用</span></td><td>控脂干预</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-003</td><td>手动录入运动量</td><td>有氧运动 ≥ 60分钟</td><td>蛋白质</td><td>增加</td><td>+18g</td><td>成人用户</td><td><span class="tag tag-green">启用</span></td><td>运动后恢复</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>DR-004</td><td>智能手表步数</td><td>当日步数 < 3000</td><td>热量</td><td>减少</td><td>-120kcal</td><td>全部用户</td><td><span class="tag tag-gray">禁用</span></td><td>低活动日控能</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
</tbody></table></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -84,6 +84,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -182,9 +186,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>用户编号/姓名</th><th>定制目标类型</th><th>每日热量(kcal)</th><th>蛋白质目标(g)</th><th>脂肪目标(g)</th><th>碳水目标(g)</th><th>特殊限制项</th><th>制定营养师</th><th>生效日期</th><th>复评日期</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>VIP001/张明</td><td>减重</td><td>1650</td><td>95</td><td>45</td><td>170</td><td>禁高糖饮料</td><td>营养师李明</td><td>2026-04-01</td><td>2026-05-01</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>VIP002/刘芳</td><td>控糖（糖尿病）</td><td>1750</td><td>88</td><td>50</td><td>160</td><td>低GI优先</td><td>营养师王芳</td><td>2026-03-20</td><td>2026-04-25</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>VIP003/陈伟</td><td>增肌</td><td>2450</td><td>140</td><td>68</td><td>280</td><td>增加优质蛋白</td><td>营养师李明</td><td>2026-04-10</td><td>2026-05-10</td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>VIP001/张明</td><td>减重</td><td>1650</td><td>95</td><td>45</td><td>170</td><td>禁高糖饮料</td><td>营养师李明</td><td>2026-04-01</td><td>2026-05-01</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>VIP002/刘芳</td><td>控糖（糖尿病）</td><td>1750</td><td>88</td><td>50</td><td>160</td><td>低GI优先</td><td>营养师王芳</td><td>2026-03-20</td><td>2026-04-25</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
<tr><td>VIP003/陈伟</td><td>增肌</td><td>2450</td><td>140</td><td>68</td><td>280</td><td>增加优质蛋白</td><td>营养师李明</td><td>2026-04-10</td><td>2026-05-10</td><td class="td-actions"><span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -90,6 +90,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -195,12 +199,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>统计日期</th><th>食材编号</th><th>食材名称</th><th>所属分类</th><th>供应商</th><th>采购量(kg)</th><th>采购单价(元/kg)</th><th>采购总金额</th><th>实际使用量(kg)</th><th>损耗量(kg)</th><th>损耗金额</th><th>损耗率</th><th>预警等级</th><th>损耗原因</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>2026-04-22</td><td>ING-001</td><td>大白菜</td><td>蔬菜类</td><td>绿源农业</td><td>620</td><td>¥1.8</td><td>¥1,116</td><td>605</td><td>15</td><td>¥27</td><td><span class="tag tag-green">2.4%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-22</td><td>ING-002</td><td>菠菜</td><td>蔬菜类</td><td>绿源农业</td><td>380</td><td>¥2.5</td><td>¥950</td><td>345</td><td>35</td><td>¥87.5</td><td><span class="tag tag-orange">9.2%</span></td><td><span class="tag tag-orange">中</span></td><td>储存变质</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-21</td><td>ING-003</td><td>猪肉（五花）</td><td>肉禽类</td><td>旺旺肉业</td><td>480</td><td>¥26</td><td>¥12,480</td><td>462</td><td>18</td><td>¥468</td><td><span class="tag tag-green">3.8%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-21</td><td>ING-004</td><td>鸡胸肉</td><td>肉禽类</td><td>旺旺肉业</td><td>320</td><td>¥20</td><td>¥6,400</td><td>308</td><td>12</td><td>¥240</td><td><span class="tag tag-green">3.8%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-20</td><td>ING-005</td><td>鲫鱼</td><td>水产类</td><td>东海水产</td><td>280</td><td>¥24</td><td>¥6,720</td><td>248</td><td>32</td><td>¥768</td><td><span class="tag tag-red">11.4%</span></td><td><span class="tag tag-red">高</span></td><td>过期未用</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-20</td><td>ING-006</td><td>虾仁</td><td>水产类</td><td>东海水产</td><td>120</td><td>¥68</td><td>¥8,160</td><td>116</td><td>4</td><td>¥272</td><td><span class="tag tag-green">3.3%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-22</td><td>ING-001</td><td>大白菜</td><td>蔬菜类</td><td>绿源农业</td><td>620</td><td>¥1.8</td><td>¥1,116</td><td>605</td><td>15</td><td>¥27</td><td><span class="tag tag-green">2.4%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-22</td><td>ING-002</td><td>菠菜</td><td>蔬菜类</td><td>绿源农业</td><td>380</td><td>¥2.5</td><td>¥950</td><td>345</td><td>35</td><td>¥87.5</td><td><span class="tag tag-orange">9.2%</span></td><td><span class="tag tag-orange">中</span></td><td>储存变质</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-21</td><td>ING-003</td><td>猪肉（五花）</td><td>肉禽类</td><td>旺旺肉业</td><td>480</td><td>¥26</td><td>¥12,480</td><td>462</td><td>18</td><td>¥468</td><td><span class="tag tag-green">3.8%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-21</td><td>ING-004</td><td>鸡胸肉</td><td>肉禽类</td><td>旺旺肉业</td><td>320</td><td>¥20</td><td>¥6,400</td><td>308</td><td>12</td><td>¥240</td><td><span class="tag tag-green">3.8%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-20</td><td>ING-005</td><td>鲫鱼</td><td>水产类</td><td>东海水产</td><td>280</td><td>¥24</td><td>¥6,720</td><td>248</td><td>32</td><td>¥768</td><td><span class="tag tag-red">11.4%</span></td><td><span class="tag tag-red">高</span></td><td>过期未用</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
<tr><td>2026-04-20</td><td>ING-006</td><td>虾仁</td><td>水产类</td><td>东海水产</td><td>120</td><td>¥68</td><td>¥8,160</td><td>116</td><td>4</td><td>¥272</td><td><span class="tag tag-green">3.3%</span></td><td><span class="tag tag-green">低</span></td><td>加工损耗</td><td class="td-actions"><a class="link">损耗明细</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -230,10 +234,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>餐品编号</th><th>餐品名称</th><th>所属餐次</th><th>菜品分类</th><th>总重(kg)</th><th>总人次</th><th>总餐次</th><th>原料成本(kg均价)</th><th>原料成本(元/份)</th><th>销售单价(元/份)</th><th>餐品营收</th><th>食材总成本</th><th>毛利额</th><th>毛利率</th><th>环比毛利率</th><th>损耗率</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>DISH-001</td><td>糖醋里脊</td><td>午餐</td><td>荤菜</td><td>62.4kg</td><td>486人</td><td>520</td><td>¥6.2/kg</td><td>6.8</td><td>12.0</td><td>¥6,240</td><td>¥3,536</td><td>¥2,704</td><td><span class="tag tag-green">43.3%</span></td><td><span class="tag tag-green">+2.1%</span></td><td><span class="tag tag-green">3.9%</span></td><td><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-002</td><td>蒜蓉西兰花</td><td>午餐</td><td>素菜</td><td>36.6kg</td><td>532人</td><td>610</td><td>¥1.8/kg</td><td>2.6</td><td>7.0</td><td>¥4,270</td><td>¥1,586</td><td>¥2,684</td><td><span class="tag tag-green">62.9%</span></td><td><span class="tag tag-green">+1.4%</span></td><td><span class="tag tag-orange">6.8%</span></td><td><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-003</td><td>鱼香肉丝</td><td>午餐</td><td>荤菜</td><td>57.6kg</td><td>441人</td><td>480</td><td>¥5.4/kg</td><td>5.9</td><td>11.0</td><td>¥5,280</td><td>¥2,832</td><td>¥2,448</td><td><span class="tag tag-green">46.4%</span></td><td><span class="tag tag-orange">-0.8%</span></td><td><span class="tag tag-green">4.7%</span></td><td><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-004</td><td>红烧肉</td><td>午餐</td><td>荤菜</td><td>50.4kg</td><td>405人</td><td>420</td><td>¥8.1/kg</td><td>7.6</td><td>13.0</td><td>¥5,460</td><td>¥3,192</td><td>¥2,268</td><td><span class="tag tag-blue">41.5%</span></td><td><span class="tag tag-orange">-1.2%</span></td><td><span class="tag tag-orange">5.9%</span></td><td><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-001</td><td>糖醋里脊</td><td>午餐</td><td>荤菜</td><td>62.4kg</td><td>486人</td><td>520</td><td>¥6.2/kg</td><td>6.8</td><td>12.0</td><td>¥6,240</td><td>¥3,536</td><td>¥2,704</td><td><span class="tag tag-green">43.3%</span></td><td><span class="tag tag-green">+2.1%</span></td><td><span class="tag tag-green">3.9%</span></td><td class="td-actions"><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-002</td><td>蒜蓉西兰花</td><td>午餐</td><td>素菜</td><td>36.6kg</td><td>532人</td><td>610</td><td>¥1.8/kg</td><td>2.6</td><td>7.0</td><td>¥4,270</td><td>¥1,586</td><td>¥2,684</td><td><span class="tag tag-green">62.9%</span></td><td><span class="tag tag-green">+1.4%</span></td><td><span class="tag tag-orange">6.8%</span></td><td class="td-actions"><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-003</td><td>鱼香肉丝</td><td>午餐</td><td>荤菜</td><td>57.6kg</td><td>441人</td><td>480</td><td>¥5.4/kg</td><td>5.9</td><td>11.0</td><td>¥5,280</td><td>¥2,832</td><td>¥2,448</td><td><span class="tag tag-green">46.4%</span></td><td><span class="tag tag-orange">-0.8%</span></td><td><span class="tag tag-green">4.7%</span></td><td class="td-actions"><a class="link">食材成本明细</a></td></tr>
|
||||
<tr><td>DISH-004</td><td>红烧肉</td><td>午餐</td><td>荤菜</td><td>50.4kg</td><td>405人</td><td>420</td><td>¥8.1/kg</td><td>7.6</td><td>13.0</td><td>¥5,460</td><td>¥3,192</td><td>¥2,268</td><td><span class="tag tag-blue">41.5%</span></td><td><span class="tag tag-orange">-1.2%</span></td><td><span class="tag tag-orange">5.9%</span></td><td class="td-actions"><a class="link">食材成本明细</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -89,6 +89,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -223,12 +227,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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><th>操作</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>TX-20260421-001</td><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥22.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">88分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥234.50</td><td>11:02</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-002</td><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥18.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">92分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥86.20</td><td>11:08</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-003</td><td>王磊(EMP003)</td><td>运营部</td><td><span class="tag tag-gray">餐线</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥28.00</a></td><td>微信支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-orange">68分</span></td><td><span class="tag tag-orange">待对账</span></td><td><span class="tag tag-orange">短时多笔</span></td><td><span class="tag tag-orange">未日结</span></td><td>—</td><td>11:15</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-004</td><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-blue">账户</span></td><td>—</td><td>账户充值</td><td>+¥100.00</td><td>微信支付</td><td><span class="tag tag-green">成功</span></td><td>—</td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥356.80</td><td>09:30</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-005</td><td>陈刚(EMP005)</td><td>人事部</td><td><span class="tag tag-gray">餐线</span></td><td>早餐</td><td>早餐消费</td><td><a class="link">¥12.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">85分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥142.60</td><td>07:45</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-006</td><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>退款</td><td>+¥18.00</td><td>原路退回</td><td><span class="tag tag-gray">已退款</span></td><td><span class="tag tag-orange">76分</span></td><td><span class="tag tag-red">差异</span></td><td><span class="tag tag-orange">退款频繁</span></td><td><span class="tag tag-orange">未日结</span></td><td>¥68.40</td><td>10:20</td><td><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-001</td><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥22.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">88分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥234.50</td><td>11:02</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-002</td><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥18.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">92分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥86.20</td><td>11:08</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-003</td><td>王磊(EMP003)</td><td>运营部</td><td><span class="tag tag-gray">餐线</span></td><td>午餐</td><td>午餐消费</td><td><a class="link">¥28.00</a></td><td>微信支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-orange">68分</span></td><td><span class="tag tag-orange">待对账</span></td><td><span class="tag tag-orange">短时多笔</span></td><td><span class="tag tag-orange">未日结</span></td><td>—</td><td>11:15</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-004</td><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-blue">账户</span></td><td>—</td><td>账户充值</td><td>+¥100.00</td><td>微信支付</td><td><span class="tag tag-green">成功</span></td><td>—</td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥356.80</td><td>09:30</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-005</td><td>陈刚(EMP005)</td><td>人事部</td><td><span class="tag tag-gray">餐线</span></td><td>早餐</td><td>早餐消费</td><td><a class="link">¥12.00</a></td><td>余额支付</td><td><span class="tag tag-green">成功</span></td><td><span class="tag tag-green">85分</span></td><td><span class="tag tag-green">已对账</span></td><td>—</td><td><span class="tag tag-gray">已日结</span></td><td>¥142.60</td><td>07:45</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>TX-20260421-006</td><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-blue">点餐</span></td><td>午餐</td><td>退款</td><td>+¥18.00</td><td>原路退回</td><td><span class="tag tag-gray">已退款</span></td><td><span class="tag tag-orange">76分</span></td><td><span class="tag tag-red">差异</span></td><td><span class="tag tag-orange">退款频繁</span></td><td><span class="tag tag-orange">未日结</span></td><td>¥68.40</td><td>10:20</td><td class="td-actions"><a class="link">交易明细</a> <a class="link">餐品明细</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -90,6 +90,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -201,12 +205,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>员工</th><th>部门</th><th>统计日期</th><th>餐次</th><th>订单来源</th><th>实际热量(kcal)</th><th>推荐热量(kcal)</th><th>蛋白质(g)</th><th>脂肪(g)</th><th>碳水(g)</th><th>钠(mg)</th><th>对比昨日</th><th>营养评分</th><th>营养等级</th><th>异常预警</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>2,156</td><td>2,250</td><td>78.3</td><td>72.1</td><td>285.4</td><td>1,820</td><td><span class="tag tag-green">↑+2分</span></td><td><span class="tag tag-green">88分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>1,842</td><td>1,800</td><td>65.2</td><td>58.7</td><td>241.3</td><td>2,180</td><td><span class="tag tag-gray">→持平</span></td><td><span class="tag tag-orange">76分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠持续偏高</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-gray">餐线</span></td><td>2,680</td><td>2,250</td><td>95.6</td><td>98.2</td><td>312.1</td><td>2,560</td><td><span class="tag tag-red">↓-3分</span></td><td><span class="tag tag-red">62分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">热量+脂肪+钠均超标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-gray">餐线</span></td><td>1,720</td><td>1,800</td><td>58.4</td><td>52.3</td><td>228.6</td><td>1,650</td><td><span class="tag tag-green">↑+1分</span></td><td><span class="tag tag-green">92分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>陈刚(EMP005)</td><td>人事部</td><td>2026-04-28</td><td>早餐</td><td><span class="tag tag-gray">餐线</span></td><td>2,050</td><td>2,250</td><td>72.1</td><td>68.4</td><td>270.2</td><td>1,980</td><td><span class="tag tag-gray">→持平</span></td><td><span class="tag tag-green">84分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>刘芳(EMP006)</td><td>市场部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>1,480</td><td>1,800</td><td>48.6</td><td>42.1</td><td>198.5</td><td>1,420</td><td><span class="tag tag-orange">↓-2分</span></td><td><span class="tag tag-orange">70分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">热量长期不达标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>2,156</td><td>2,250</td><td>78.3</td><td>72.1</td><td>285.4</td><td>1,820</td><td><span class="tag tag-green">↑+2分</span></td><td><span class="tag tag-green">88分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>1,842</td><td>1,800</td><td>65.2</td><td>58.7</td><td>241.3</td><td>2,180</td><td><span class="tag tag-gray">→持平</span></td><td><span class="tag tag-orange">76分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠持续偏高</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-gray">餐线</span></td><td>2,680</td><td>2,250</td><td>95.6</td><td>98.2</td><td>312.1</td><td>2,560</td><td><span class="tag tag-red">↓-3分</span></td><td><span class="tag tag-red">62分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">热量+脂肪+钠均超标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-gray">餐线</span></td><td>1,720</td><td>1,800</td><td>58.4</td><td>52.3</td><td>228.6</td><td>1,650</td><td><span class="tag tag-green">↑+1分</span></td><td><span class="tag tag-green">92分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>陈刚(EMP005)</td><td>人事部</td><td>2026-04-28</td><td>早餐</td><td><span class="tag tag-gray">餐线</span></td><td>2,050</td><td>2,250</td><td>72.1</td><td>68.4</td><td>270.2</td><td>1,980</td><td><span class="tag tag-gray">→持平</span></td><td><span class="tag tag-green">84分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>刘芳(EMP006)</td><td>市场部</td><td>2026-04-28</td><td>午餐</td><td><span class="tag tag-blue">点餐</span></td><td>1,480</td><td>1,800</td><td>48.6</td><td>42.1</td><td>198.5</td><td>1,420</td><td><span class="tag tag-orange">↓-2分</span></td><td><span class="tag tag-orange">70分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">热量长期不达标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -242,10 +246,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>员工</th><th>部门</th><th>统计日期</th><th>统计范围</th><th>订单来源</th><th>日总热量(kcal)</th><th>推荐热量(kcal)</th><th>蛋白质(g)</th><th>脂肪(g)</th><th>碳水(g)</th><th>钠(mg)</th><th>对比昨日</th><th>营养评分</th><th>营养等级</th><th>异常预警</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>2,186</td><td>2,250</td><td>76.8</td><td>70.9</td><td>281.6</td><td>1,790</td><td><span class="tag tag-green">↑+1.2%</span></td><td><span class="tag tag-green">86分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>1,864</td><td>1,800</td><td>64.6</td><td>57.8</td><td>238.2</td><td>2,140</td><td><span class="tag tag-orange">↓-0.8%</span></td><td><span class="tag tag-orange">74分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠连续超标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>2,642</td><td>2,250</td><td>93.4</td><td>95.1</td><td>308.8</td><td>2,510</td><td><span class="tag tag-red">↑+2.6%</span></td><td><span class="tag tag-red">60分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">三项持续超标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>1,746</td><td>1,800</td><td>57.6</td><td>51.4</td><td>226.3</td><td>1,620</td><td><span class="tag tag-green">↑+0.6%</span></td><td><span class="tag tag-green">90分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>2,186</td><td>2,250</td><td>76.8</td><td>70.9</td><td>281.6</td><td>1,790</td><td><span class="tag tag-green">↑+1.2%</span></td><td><span class="tag tag-green">86分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>1,864</td><td>1,800</td><td>64.6</td><td>57.8</td><td>238.2</td><td>2,140</td><td><span class="tag tag-orange">↓-0.8%</span></td><td><span class="tag tag-orange">74分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠连续超标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>2,642</td><td>2,250</td><td>93.4</td><td>95.1</td><td>308.8</td><td>2,510</td><td><span class="tag tag-red">↑+2.6%</span></td><td><span class="tag tag-red">60分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">三项持续超标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026-04-28</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>1,746</td><td>1,800</td><td>57.6</td><td>51.4</td><td>226.3</td><td>1,620</td><td><span class="tag tag-green">↑+0.6%</span></td><td><span class="tag tag-green">90分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -281,10 +285,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>员工</th><th>部门</th><th>统计周</th><th>统计范围</th><th>订单来源</th><th>周均热量(kcal)</th><th>周均推荐热量(kcal)</th><th>周均蛋白质(g)</th><th>周均脂肪(g)</th><th>周均碳水(g)</th><th>周均钠(mg)</th><th>对比上周</th><th>营养评分</th><th>营养等级</th><th>异常预警</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>2,186</td><td>2,250</td><td>76.8</td><td>70.9</td><td>281.6</td><td>1,790</td><td><span class="tag tag-green">↑+1.2%</span></td><td><span class="tag tag-green">86分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>1,864</td><td>1,800</td><td>64.6</td><td>57.8</td><td>238.2</td><td>2,140</td><td><span class="tag tag-orange">↓-0.8%</span></td><td><span class="tag tag-orange">74分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠连续超标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>2,642</td><td>2,250</td><td>93.4</td><td>95.1</td><td>308.8</td><td>2,510</td><td><span class="tag tag-red">↑+2.6%</span></td><td><span class="tag tag-red">60分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">三项持续超标</span></td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>1,746</td><td>1,800</td><td>57.6</td><td>51.4</td><td>226.3</td><td>1,620</td><td><span class="tag tag-green">↑+0.6%</span></td><td><span class="tag tag-green">90分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>2,186</td><td>2,250</td><td>76.8</td><td>70.9</td><td>281.6</td><td>1,790</td><td><span class="tag tag-green">↑+1.2%</span></td><td><span class="tag tag-green">86分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-blue">点餐</span></td><td>1,864</td><td>1,800</td><td>64.6</td><td>57.8</td><td>238.2</td><td>2,140</td><td><span class="tag tag-orange">↓-0.8%</span></td><td><span class="tag tag-orange">74分</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-orange">钠连续超标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>2,642</td><td>2,250</td><td>93.4</td><td>95.1</td><td>308.8</td><td>2,510</td><td><span class="tag tag-red">↑+2.6%</span></td><td><span class="tag tag-red">60分</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-red">三项持续超标</span></td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td>2026年第18周</td><td>全餐次</td><td><span class="tag tag-gray">餐线</span></td><td>1,746</td><td>1,800</td><td>57.6</td><td>51.4</td><td>226.3</td><td>1,620</td><td><span class="tag tag-green">↑+0.6%</span></td><td><span class="tag tag-green">90分</span></td><td><span class="tag tag-green">低</span></td><td>—</td><td class="td-actions"><a class="link">营养明细</a> <a class="link">餐品明细</a> <a class="link">查看用户信息</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -319,14 +323,14 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>用户</th><th>部门</th><th>人员类别</th><th>慢病标签</th><th>近30日评分</th><th>评分趋势</th><th>最近异常</th><th>风险等级</th><th>干预状态</th><th>营养师</th><th>最近跟进</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td>86分</td><td><span class="tag tag-green">↑ 稳中有升</span></td><td>—</td><td><span class="tag tag-green">低</span></td><td><span class="tag tag-gray">已稳定</span></td><td>林营养师</td><td>2026-04-26</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高血压</span></td><td>74分</td><td><span class="tag tag-gray">→ 持平</span></td><td><span class="tag tag-orange">钠超标</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-08</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高血脂</span></td><td>60分</td><td><span class="tag tag-red">↓ 下降</span></td><td><span class="tag tag-red">热量+脂肪+钠</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-blue">跟进中</span></td><td>周营养师</td><td>2026-05-10</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">糖尿病</span></td><td>90分</td><td><span class="tag tag-green">↑ 改善</span></td><td>—</td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-09</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>陈刚(EMP005)</td><td>人事部</td><td><span class="tag tag-gray">非会员</span></td><td>无</td><td>84分</td><td><span class="tag tag-gray">→ 持平</span></td><td>—</td><td><span class="tag tag-green">低</span></td><td><span class="tag tag-gray">未跟进</span></td><td>—</td><td>—</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td>70分</td><td><span class="tag tag-orange">↓ 轻度下降</span></td><td><span class="tag tag-orange">热量长期不达标</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>周营养师</td><td>2026-05-07</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>孙磊(EMP010)</td><td>行政部</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高血压·高尿酸</span></td><td>64分</td><td><span class="tag tag-red">↓ 下降</span></td><td><span class="tag tag-red">钠+尿酸</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-orange">需复诊</span></td><td>周营养师</td><td>2026-05-05</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>钱芳(EMP011)</td><td>销售部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-orange">BMI偏低</span></td><td>82分</td><td><span class="tag tag-green">↑ 改善</span></td><td>—</td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-06</td><td><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td>86分</td><td><span class="tag tag-green">↑ 稳中有升</span></td><td>—</td><td><span class="tag tag-green">低</span></td><td><span class="tag tag-gray">已稳定</span></td><td>林营养师</td><td>2026-04-26</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高血压</span></td><td>74分</td><td><span class="tag tag-gray">→ 持平</span></td><td><span class="tag tag-orange">钠超标</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-08</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>王磊(EMP003)</td><td>运营部</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高血脂</span></td><td>60分</td><td><span class="tag tag-red">↓ 下降</span></td><td><span class="tag tag-red">热量+脂肪+钠</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-blue">跟进中</span></td><td>周营养师</td><td>2026-05-10</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">糖尿病</span></td><td>90分</td><td><span class="tag tag-green">↑ 改善</span></td><td>—</td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-09</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>陈刚(EMP005)</td><td>人事部</td><td><span class="tag tag-gray">非会员</span></td><td>无</td><td>84分</td><td><span class="tag tag-gray">→ 持平</span></td><td>—</td><td><span class="tag tag-green">低</span></td><td><span class="tag tag-gray">未跟进</span></td><td>—</td><td>—</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td>70分</td><td><span class="tag tag-orange">↓ 轻度下降</span></td><td><span class="tag tag-orange">热量长期不达标</span></td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>周营养师</td><td>2026-05-07</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>孙磊(EMP010)</td><td>行政部</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高血压·高尿酸</span></td><td>64分</td><td><span class="tag tag-red">↓ 下降</span></td><td><span class="tag tag-red">钠+尿酸</span></td><td><span class="tag tag-red">高</span></td><td><span class="tag tag-orange">需复诊</span></td><td>周营养师</td><td>2026-05-05</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>钱芳(EMP011)</td><td>销售部</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-orange">BMI偏低</span></td><td>82分</td><td><span class="tag tag-green">↑ 改善</span></td><td>—</td><td><span class="tag tag-orange">中</span></td><td><span class="tag tag-blue">跟进中</span></td><td>林营养师</td><td>2026-05-06</td><td class="td-actions"><a class="link">🍽️ 营养管理</a> <a class="link">查看用户信息</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -85,6 +85,10 @@ tr:hover td{background:#FAFAFA;}
|
||||
.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.1);}
|
||||
.form-textarea{height:80px;padding:8px 12px;resize:vertical;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -177,17 +181,17 @@ tr:hover td{background:#FAFAFA;}
|
||||
<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>cook_method_01</td><td>炒</td><td>stir_fry</td><td>1</td><td><span class="tag tag-green">启用</span></td><td>大火快炒</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_02</td><td>蒸</td><td>steam</td><td>2</td><td><span class="tag tag-green">启用</span></td><td>隔水蒸制</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_03</td><td>炖</td><td>stew</td><td>3</td><td><span class="tag tag-green">启用</span></td><td>慢火炖煮</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_04</td><td>煮</td><td>boil</td><td>4</td><td><span class="tag tag-green">启用</span></td><td>水煮</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_05</td><td>凉拌</td><td>cold_mix</td><td>5</td><td><span class="tag tag-green">启用</span></td><td>不加热</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_06</td><td>炸</td><td>deep_fry</td><td>6</td><td><span class="tag tag-green">启用</span></td><td>油炸</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_07</td><td>烤</td><td>roast</td><td>7</td><td><span class="tag tag-green">启用</span></td><td>烤箱/明火</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_08</td><td>煎</td><td>pan_fry</td><td>8</td><td><span class="tag tag-green">启用</span></td><td>少油煎制</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_09</td><td>焖</td><td>braise</td><td>9</td><td><span class="tag tag-green">启用</span></td><td>加盖焖制</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_10</td><td>卤</td><td>marinade</td><td>10</td><td><span class="tag tag-green">启用</span></td><td>卤汁浸煮</td><td>系统</td><td>2026-01-01</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_11</td><td>汆</td><td>blanch</td><td>11</td><td><span class="tag tag-gray">停用</span></td><td>沸水汆烫</td><td>王运营</td><td>2026-03-20</td><td><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_01</td><td>炒</td><td>stir_fry</td><td>1</td><td><span class="tag tag-green">启用</span></td><td>大火快炒</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_02</td><td>蒸</td><td>steam</td><td>2</td><td><span class="tag tag-green">启用</span></td><td>隔水蒸制</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_03</td><td>炖</td><td>stew</td><td>3</td><td><span class="tag tag-green">启用</span></td><td>慢火炖煮</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_04</td><td>煮</td><td>boil</td><td>4</td><td><span class="tag tag-green">启用</span></td><td>水煮</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_05</td><td>凉拌</td><td>cold_mix</td><td>5</td><td><span class="tag tag-green">启用</span></td><td>不加热</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_06</td><td>炸</td><td>deep_fry</td><td>6</td><td><span class="tag tag-green">启用</span></td><td>油炸</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_07</td><td>烤</td><td>roast</td><td>7</td><td><span class="tag tag-green">启用</span></td><td>烤箱/明火</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_08</td><td>煎</td><td>pan_fry</td><td>8</td><td><span class="tag tag-green">启用</span></td><td>少油煎制</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_09</td><td>焖</td><td>braise</td><td>9</td><td><span class="tag tag-green">启用</span></td><td>加盖焖制</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_10</td><td>卤</td><td>marinade</td><td>10</td><td><span class="tag tag-green">启用</span></td><td>卤汁浸煮</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method_11</td><td>汆</td><td>blanch</td><td>11</td><td><span class="tag tag-gray">停用</span></td><td>沸水汆烫</td><td>王运营</td><td>2026-03-20</td><td class="td-actions"><span class="link" onclick="openDialog('edit',this)">编辑</span> <span class="link link-danger">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -89,6 +89,10 @@ tr:hover td{background:#FAFAFA;}
|
||||
.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.1);}
|
||||
.form-textarea{height:80px;padding:8px 12px;resize:vertical;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -186,10 +190,10 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">烹饪/工艺</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>cook_method</td><td>主烹饪法</td><td><span class="tag tag-blue">是</span></td><td>炒蒸炖煮等烹饪方式</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=cook_method&name=主烹饪法">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>fire_level</td><td>火候</td><td><span class="tag tag-blue">是</span></td><td>大火/中火/小火</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=fire_level&name=火候">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>process_type</td><td>加工类型</td><td><span class="tag tag-blue">是</span></td><td>清洗/去皮/切割</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=process_type&name=加工类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>process_spec</td><td>加工规格</td><td><span class="tag tag-blue">是</span></td><td>整棵/段/丁等规格</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=process_spec&name=加工规格">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>cook_method</td><td>主烹饪法</td><td><span class="tag tag-blue">是</span></td><td>炒蒸炖煮等烹饪方式</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=cook_method&name=主烹饪法">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>fire_level</td><td>火候</td><td><span class="tag tag-blue">是</span></td><td>大火/中火/小火</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=fire_level&name=火候">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>process_type</td><td>加工类型</td><td><span class="tag tag-blue">是</span></td><td>清洗/去皮/切割</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=process_type&name=加工类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>process_spec</td><td>加工规格</td><td><span class="tag tag-blue">是</span></td><td>整棵/段/丁等规格</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=process_spec&name=加工规格">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 4 条，共 4 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
@@ -208,12 +212,12 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">感官</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>taste_type</td><td>主味型</td><td><span class="tag tag-blue">是</span></td><td>淡味/鲜味/甜味等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=taste_type&name=主味型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>taste_level</td><td>味道强度</td><td><span class="tag tag-blue">是</span></td><td>弱/中/强</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=taste_level&name=味道强度">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>color_type</td><td>主色系</td><td><span class="tag tag-blue">是</span></td><td>白色/金黄/绿色等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=color_type&name=主色系">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>sensory_grade</td><td>感官评级</td><td><span class="tag tag-blue">是</span></td><td>优/良/中</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=sensory_grade&name=感官评级">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>texture_type</td><td>主质地</td><td><span class="tag tag-blue">是</span></td><td>软烂/嫩滑/酥脆</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=texture_type&name=主质地">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>chew_level</td><td>咀嚼难度</td><td><span class="tag tag-blue">是</span></td><td>易/中/难</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=chew_level&name=咀嚼难度">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>taste_type</td><td>主味型</td><td><span class="tag tag-blue">是</span></td><td>淡味/鲜味/甜味等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=taste_type&name=主味型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>taste_level</td><td>味道强度</td><td><span class="tag tag-blue">是</span></td><td>弱/中/强</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=taste_level&name=味道强度">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>color_type</td><td>主色系</td><td><span class="tag tag-blue">是</span></td><td>白色/金黄/绿色等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=color_type&name=主色系">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>sensory_grade</td><td>感官评级</td><td><span class="tag tag-blue">是</span></td><td>优/良/中</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=sensory_grade&name=感官评级">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>texture_type</td><td>主质地</td><td><span class="tag tag-blue">是</span></td><td>软烂/嫩滑/酥脆</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=texture_type&name=主质地">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>chew_level</td><td>咀嚼难度</td><td><span class="tag tag-blue">是</span></td><td>易/中/难</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=chew_level&name=咀嚼难度">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 6 条，共 6 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
@@ -232,10 +236,10 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">营养</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>diet_pyramid</td><td>膳食宝塔分类</td><td><span class="tag tag-blue">是</span></td><td>膳食宝塔六层分类</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=diet_pyramid&name=膳食宝塔分类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>food_category</td><td>食材分类</td><td><span class="tag tag-blue">是</span></td><td>谷薯/畜肉/禽肉等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=food_category&name=食材分类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>data_source</td><td>数据来源</td><td><span class="tag tag-blue">是</span></td><td>食物成分表/实测等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=data_source&name=数据来源">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>test_item</td><td>检测项目</td><td><span class="tag tag-blue">是</span></td><td>农残/重金属/微生物</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=test_item&name=检测项目">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>diet_pyramid</td><td>膳食宝塔分类</td><td><span class="tag tag-blue">是</span></td><td>膳食宝塔六层分类</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=diet_pyramid&name=膳食宝塔分类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>food_category</td><td>食材分类</td><td><span class="tag tag-blue">是</span></td><td>谷薯/畜肉/禽肉等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=food_category&name=食材分类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>data_source</td><td>数据来源</td><td><span class="tag tag-blue">是</span></td><td>食物成分表/实测等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=data_source&name=数据来源">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>test_item</td><td>检测项目</td><td><span class="tag tag-blue">是</span></td><td>农残/重金属/微生物</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=test_item&name=检测项目">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 4 条，共 4 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
@@ -254,10 +258,10 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">适配</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>crowd_type</td><td>适配人群</td><td><span class="tag tag-blue">是</span></td><td>全人群/老年人/孕妇等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=crowd_type&name=适配人群">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>adapt_level</td><td>适配等级</td><td><span class="tag tag-blue">是</span></td><td>推荐/适量/慎食</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=adapt_level&name=适配等级">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>person_type</td><td>人员类别</td><td><span class="tag tag-blue">是</span></td><td>会员/非会员/员工等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=person_type&name=人员类别">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>activity_level</td><td>活动水平</td><td><span class="tag tag-blue">是</span></td><td>久坐/轻度/中度/重度</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=activity_level&name=活动水平">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>crowd_type</td><td>适配人群</td><td><span class="tag tag-blue">是</span></td><td>全人群/老年人/孕妇等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=crowd_type&name=适配人群">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>adapt_level</td><td>适配等级</td><td><span class="tag tag-blue">是</span></td><td>推荐/适量/慎食</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=adapt_level&name=适配等级">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>person_type</td><td>人员类别</td><td><span class="tag tag-blue">是</span></td><td>会员/非会员/员工等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=person_type&name=人员类别">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>activity_level</td><td>活动水平</td><td><span class="tag tag-blue">是</span></td><td>久坐/轻度/中度/重度</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=activity_level&name=活动水平">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 4 条，共 4 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
@@ -276,9 +280,9 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">仓储/规格</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>stock_spec</td><td>入库规格</td><td><span class="tag tag-blue">是</span></td><td>25kg/件等包装规格</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=stock_spec&name=入库规格">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>temp_zone</td><td>温区类型</td><td><span class="tag tag-blue">是</span></td><td>常温/冷藏/冷冻</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=temp_zone&name=温区类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>store_category</td><td>适存品类</td><td><span class="tag tag-blue">是</span></td><td>叶菜/根茎/肉类等</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=store_category&name=适存品类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>stock_spec</td><td>入库规格</td><td><span class="tag tag-blue">是</span></td><td>25kg/件等包装规格</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=stock_spec&name=入库规格">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>temp_zone</td><td>温区类型</td><td><span class="tag tag-blue">是</span></td><td>常温/冷藏/冷冻</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=temp_zone&name=温区类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>store_category</td><td>适存品类</td><td><span class="tag tag-blue">是</span></td><td>叶菜/根茎/肉类等</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=store_category&name=适存品类">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 3 条，共 3 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
@@ -297,12 +301,12 @@ tr:hover td{background:#FAFAFA;}
|
||||
<div class="table-card__header"><div class="table-card__title">业务</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>字典编码</th><th>字典名</th><th>系统内置</th><th>备注</th><th>修改人</th><th>修改时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>meal_time</td><td>餐次</td><td><span class="tag tag-blue">是</span></td><td>早餐/午餐/晚餐/夜宵</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=meal_time&name=餐次">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>order_source</td><td>订单来源</td><td><span class="tag tag-blue">是</span></td><td>点餐/餐线/账户/团餐</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=order_source&name=订单来源">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>dispose_type</td><td>处置方式</td><td><span class="tag tag-blue">是</span></td><td>福利/捐赠/废弃/再利用</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=dispose_type&name=处置方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>pickup_type</td><td>取餐类型</td><td><span class="tag tag-blue">是</span></td><td>正常取餐/余量取餐</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=pickup_type&name=取餐类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>recognize_type</td><td>识别方式</td><td><span class="tag tag-blue">是</span></td><td>自动识别/人工选择</td><td>系统</td><td>2026-01-01</td><td><a class="link" href="din-dict-config.html?code=recognize_type&name=识别方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>pickup_method</td><td>取餐方式</td><td><span class="tag tag-gray">否</span></td><td>点餐/餐线/混合/外卖</td><td>王运营</td><td>2026-03-15</td><td><a class="link" href="din-dict-config.html?code=pickup_method&name=取餐方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>meal_time</td><td>餐次</td><td><span class="tag tag-blue">是</span></td><td>早餐/午餐/晚餐/夜宵</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=meal_time&name=餐次">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>order_source</td><td>订单来源</td><td><span class="tag tag-blue">是</span></td><td>点餐/餐线/账户/团餐</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=order_source&name=订单来源">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>dispose_type</td><td>处置方式</td><td><span class="tag tag-blue">是</span></td><td>福利/捐赠/废弃/再利用</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=dispose_type&name=处置方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>pickup_type</td><td>取餐类型</td><td><span class="tag tag-blue">是</span></td><td>正常取餐/余量取餐</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=pickup_type&name=取餐类型">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>recognize_type</td><td>识别方式</td><td><span class="tag tag-blue">是</span></td><td>自动识别/人工选择</td><td>系统</td><td>2026-01-01</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=recognize_type&name=识别方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
<tr><td>pickup_method</td><td>取餐方式</td><td><span class="tag tag-gray">否</span></td><td>点餐/餐线/混合/外卖</td><td>王运营</td><td>2026-03-15</td><td class="td-actions"><a class="link" href="din-dict-config.html?code=pickup_method&name=取餐方式">字典配置</a><span class="link" onclick="openDialog('edit',this)">编辑</span><span class="link link-danger">删除</span></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination"><span>显示 6 条，共 6 条</span><button class="page-btn active">1</button></div>
|
||||
</div>
|
||||
|
||||
@@ -97,6 +97,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
.upload-area:hover{border-color:var(--primary);color:var(--primary);}
|
||||
.upload-area__icon{font-size:36px;margin-bottom:8px;}
|
||||
.upload-area__text{font-size:var(--font-sm);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -208,7 +212,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
<table class="ingredient-table">
|
||||
<thead><tr><th>食材名称</th><th>食材分类</th><th>用量(g/份)</th><th>加工状态</th><th>是否主料</th><th>过敏原</th><th>备注</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td colspan="8" style="text-align:center;color:var(--text-placeholder);padding:32px;">暂无食材，请点击"新增食材"添加</td></tr>
|
||||
<tr><td class="td-actions" colspan="8" style="text-align:center;color:var(--text-placeholder);padding:32px;">暂无食材，请点击"新增食材"添加</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -139,6 +139,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
.form-input:focus,.form-select:focus{border-color:var(--primary);}
|
||||
.form-select{appearance: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;padding-right:28px;}
|
||||
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
|
||||
@@ -99,6 +99,10 @@ 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>
|
||||
@@ -160,11 +164,11 @@ tbody tr:hover{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></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>INN-H001</td><td>低钠麻婆豆腐</td><td>减少60%钠含量，保留麻辣风味</td><td>低钠 高蛋白</td><td>厨师长张强 / 营养师李明</td><td>已转化</td><td>4.2</td><td>4.8</td><td>236条(4.5分)</td><td>2026-02 ~ 2026-03</td><td><span class="tag tag-green">已转化</span></td><td><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H002</td><td>高纤维主食包</td><td>添加燕麦、藜麦，膳食纤维提升3倍</td><td>高纤维 低GI</td><td>厨师长陈磊 / 营养师王芳</td><td>用户评测</td><td>3.8</td><td>4.9</td><td>120条(4.2分)</td><td>2026-03 ~ 2026-04</td><td><span class="tag tag-blue">待推广</span></td><td><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H003</td><td>植物基红烧肉</td><td>以豆腐皮替代猪肉，脂肪降低70%</td><td>低脂 植物基</td><td>厨师长张强 / 营养师李明</td><td>小批量测试</td><td>3.5</td><td>4.6</td><td>42条(3.9分)</td><td>2026-04 ~ 进行中</td><td><span class="tag tag-orange">实验中</span></td><td><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H004</td><td>富铁青菜汤</td><td>搭配维C食材，补铁效率提升2倍</td><td>高铁 补血</td><td>厨师长赵敏 / 营养师李明</td><td>已验证</td><td>4.0</td><td>4.7</td><td>186条(4.4分)</td><td>2026-01 ~ 2026-02</td><td><span class="tag tag-green">已验证</span></td><td><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H005</td><td>功能性早餐粥</td><td>添加枸杞、红枣、核桃，营养密度提升</td><td>高营养 养生</td><td>厨师长张强 / 营养师王芳</td><td>配方设计</td><td>4.5</td><td>4.6</td><td>18条(4.1分)</td><td>2026-04 ~ 进行中</td><td><span class="tag tag-orange">实验中</span></td><td><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H001</td><td>低钠麻婆豆腐</td><td>减少60%钠含量，保留麻辣风味</td><td>低钠 高蛋白</td><td>厨师长张强 / 营养师李明</td><td>已转化</td><td>4.2</td><td>4.8</td><td>236条(4.5分)</td><td>2026-02 ~ 2026-03</td><td><span class="tag tag-green">已转化</span></td><td class="td-actions"><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H002</td><td>高纤维主食包</td><td>添加燕麦、藜麦，膳食纤维提升3倍</td><td>高纤维 低GI</td><td>厨师长陈磊 / 营养师王芳</td><td>用户评测</td><td>3.8</td><td>4.9</td><td>120条(4.2分)</td><td>2026-03 ~ 2026-04</td><td><span class="tag tag-blue">待推广</span></td><td class="td-actions"><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H003</td><td>植物基红烧肉</td><td>以豆腐皮替代猪肉，脂肪降低70%</td><td>低脂 植物基</td><td>厨师长张强 / 营养师李明</td><td>小批量测试</td><td>3.5</td><td>4.6</td><td>42条(3.9分)</td><td>2026-04 ~ 进行中</td><td><span class="tag tag-orange">实验中</span></td><td class="td-actions"><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H004</td><td>富铁青菜汤</td><td>搭配维C食材，补铁效率提升2倍</td><td>高铁 补血</td><td>厨师长赵敏 / 营养师李明</td><td>已验证</td><td>4.0</td><td>4.7</td><td>186条(4.4分)</td><td>2026-01 ~ 2026-02</td><td><span class="tag tag-green">已验证</span></td><td class="td-actions"><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-H005</td><td>功能性早餐粥</td><td>添加枸杞、红枣、核桃，营养密度提升</td><td>高营养 养生</td><td>厨师长张强 / 营养师王芳</td><td>配方设计</td><td>4.5</td><td>4.6</td><td>18条(4.1分)</td><td>2026-04 ~ 进行中</td><td><span class="tag tag-orange">实验中</span></td><td class="td-actions"><a class="link">查看详情</a> <a class="link">提交评测</a> <a class="link">转化餐品</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -193,11 +197,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>实验编号</th><th>菜品名称</th><th>AI模型</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>INN-A001</td><td>AI低GI藜麦饭</td><td>v2.3 营养推理</td><td>血糖控制</td><td>藜麦55%+糙米30%+黑米15%</td><td>浸泡+蒸制</td><td>文火慢蒸</td><td>低GI主食历史数据×128条</td><td>4.1</td><td>4.9</td><td>血糖负荷较白米降低41%</td><td><span class="tag tag-green">推演完成</span></td><td><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A002</td><td>AI高蛋白减脂鸡胸</td><td>v2.3 营养推理</td><td>增肌减脂</td><td>鸡胸肉70%+西兰花20%+彩椒10%</td><td>低温慢煮</td><td>65℃慢煮4h</td><td>运动营养餐历史数据×86条</td><td>3.9</td><td>4.8</td><td>蛋白质密度达23g/100g</td><td><span class="tag tag-green">推演完成</span></td><td><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A003</td><td>AI地中海沙拉碗</td><td>v1.8 风味融合</td><td>营养均衡</td><td>鹰嘴豆+藜麦+牛油果+三文鱼</td><td>冷处理</td><td>生冷拼配</td><td>地中海饮食历史数据×214条</td><td>4.3</td><td>4.7</td><td>Omega-3含量提升3倍</td><td><span class="tag tag-orange">人工审核中</span></td><td><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A004</td><td>AI益生菌发酵主食</td><td>v2.3 营养推理</td><td>肠道健康</td><td>全麦粉+燕麦+酵素发酵液</td><td>低温发酵</td><td>窑烤</td><td>肠道健康历史数据×92条</td><td>3.7</td><td>4.6</td><td>活性益生菌≥10亿CFU/g</td><td><span class="tag tag-blue">推演中</span></td><td><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A005</td><td>AI低嘌呤海鲜汤</td><td>v2.3 营养推理</td><td>痛风友好</td><td>娃娃菜+豆腐+冬瓜+虾皮(少量)</td><td>水煮</td><td>轻火慢炖</td><td>痛风饮食历史数据×156条</td><td>4.0</td><td>4.5</td><td>嘌呤含量较普通海鲜汤低68%</td><td><span class="tag tag-gray">待启动</span></td><td><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A001</td><td>AI低GI藜麦饭</td><td>v2.3 营养推理</td><td>血糖控制</td><td>藜麦55%+糙米30%+黑米15%</td><td>浸泡+蒸制</td><td>文火慢蒸</td><td>低GI主食历史数据×128条</td><td>4.1</td><td>4.9</td><td>血糖负荷较白米降低41%</td><td><span class="tag tag-green">推演完成</span></td><td class="td-actions"><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A002</td><td>AI高蛋白减脂鸡胸</td><td>v2.3 营养推理</td><td>增肌减脂</td><td>鸡胸肉70%+西兰花20%+彩椒10%</td><td>低温慢煮</td><td>65℃慢煮4h</td><td>运动营养餐历史数据×86条</td><td>3.9</td><td>4.8</td><td>蛋白质密度达23g/100g</td><td><span class="tag tag-green">推演完成</span></td><td class="td-actions"><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A003</td><td>AI地中海沙拉碗</td><td>v1.8 风味融合</td><td>营养均衡</td><td>鹰嘴豆+藜麦+牛油果+三文鱼</td><td>冷处理</td><td>生冷拼配</td><td>地中海饮食历史数据×214条</td><td>4.3</td><td>4.7</td><td>Omega-3含量提升3倍</td><td><span class="tag tag-orange">人工审核中</span></td><td class="td-actions"><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A004</td><td>AI益生菌发酵主食</td><td>v2.3 营养推理</td><td>肠道健康</td><td>全麦粉+燕麦+酵素发酵液</td><td>低温发酵</td><td>窑烤</td><td>肠道健康历史数据×92条</td><td>3.7</td><td>4.6</td><td>活性益生菌≥10亿CFU/g</td><td><span class="tag tag-blue">推演中</span></td><td class="td-actions"><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
<tr><td>INN-A005</td><td>AI低嘌呤海鲜汤</td><td>v2.3 营养推理</td><td>痛风友好</td><td>娃娃菜+豆腐+冬瓜+虾皮(少量)</td><td>水煮</td><td>轻火慢炖</td><td>痛风饮食历史数据×156条</td><td>4.0</td><td>4.5</td><td>嘌呤含量较普通海鲜汤低68%</td><td><span class="tag tag-gray">待启动</span></td><td class="td-actions"><a class="link">推演报告</a> <a class="link">人工审核</a> <a class="link">转化餐品</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -198,9 +202,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>模型编号</th><th>模型名称</th><th>提供商</th><th>版本</th><th>接入方式</th><th>使用场景</th><th>月调用量(次)</th><th>月消耗Token</th><th>月费用</th><th>平均响应(ms)</th><th>错误率</th><th>超时率</th><th>状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>LLM-001</td><td>豆包</td><td>字节跳动</td><td>Doubao-pro-32k</td><td>API调用</td><td>小程序AI营养顾问</td><td>68,240</td><td>42.6万</td><td>¥2,140</td><td>320</td><td>0.12%</td><td>0.08%</td><td><span class="tag tag-green">在用</span></td><td><a class="link">调用日志</a></td></tr>
|
||||
<tr><td>LLM-002</td><td>DeepSeek-V3</td><td>深度求索</td><td>v3-20250324</td><td>API调用</td><td>管理端智能助手</td><td>54,820</td><td>38.2万</td><td>¥1,720</td><td>280</td><td>0.08%</td><td>0.05%</td><td><span class="tag tag-green">在用</span></td><td><a class="link">调用日志</a></td></tr>
|
||||
<tr><td>LLM-003</td><td>文心一言</td><td>百度</td><td>ERNIE-4.0</td><td>API调用</td><td>小程序AI营养顾问</td><td>0</td><td>0</td><td>¥0</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">备用</span></td><td><a class="link">调用日志</a></td></tr>
|
||||
<tr><td>LLM-001</td><td>豆包</td><td>字节跳动</td><td>Doubao-pro-32k</td><td>API调用</td><td>小程序AI营养顾问</td><td>68,240</td><td>42.6万</td><td>¥2,140</td><td>320</td><td>0.12%</td><td>0.08%</td><td><span class="tag tag-green">在用</span></td><td class="td-actions"><a class="link">调用日志</a></td></tr>
|
||||
<tr><td>LLM-002</td><td>DeepSeek-V3</td><td>深度求索</td><td>v3-20250324</td><td>API调用</td><td>管理端智能助手</td><td>54,820</td><td>38.2万</td><td>¥1,720</td><td>280</td><td>0.08%</td><td>0.05%</td><td><span class="tag tag-green">在用</span></td><td class="td-actions"><a class="link">调用日志</a></td></tr>
|
||||
<tr><td>LLM-003</td><td>文心一言</td><td>百度</td><td>ERNIE-4.0</td><td>API调用</td><td>小程序AI营养顾问</td><td>0</td><td>0</td><td>¥0</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">备用</span></td><td class="td-actions"><a class="link">调用日志</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -199,12 +203,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>模型编号</th><th>模型名称</th><th>模型类型</th><th>当前版本</th><th>版本文件</th><th>准确率</th><th>推理延迟(ms)</th><th>模型大小(MB)</th><th>今日推理量</th><th>最近训练时间</th><th>最近评估时间</th><th>关联业务模块</th><th>状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>SM-001</td><td>营养评分模型</td><td>营养计算</td><td>v2.3.1</td><td>nutrition_score_v2.3.1.pkl</td><td>93.5%</td><td>45</td><td>128</td><td>12,860</td><td>2026-04-01</td><td>2026-04-10</td><td>营养点餐/营养管理</td><td><span class="tag tag-green">在线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-002</td><td>个性化推荐引擎</td><td>智能配餐</td><td>v1.8.0</td><td>recommend_engine_v1.8.0.pkl</td><td>88.7%</td><td>62</td><td>156</td><td>9,420</td><td>2026-03-15</td><td>2026-03-20</td><td>营养点餐/AI推荐</td><td><span class="tag tag-green">在线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-003</td><td>消费预测模型</td><td>消费预测</td><td>v1.2.1</td><td>consume_predict_v1.2.1.pkl</td><td>85.2%</td><td>38</td><td>96</td><td>4,280</td><td>2026-03-01</td><td>2026-03-05</td><td>餐材效益/生产统计</td><td><span class="tag tag-green">在线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-004</td><td>食材损耗预测</td><td>食材损耗预测</td><td>v1.0.4</td><td>loss_predict_v1.0.4.pkl</td><td>82.6%</td><td>54</td><td>110</td><td>3,960</td><td>2026-02-20</td><td>2026-02-25</td><td>余量处置/餐材效益</td><td><span class="tag tag-green">在线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-005</td><td>过敏原识别</td><td>过敏原识别</td><td>v2.0.0</td><td>allergen_detect_v2.0.0.pkl</td><td>96.8%</td><td>28</td><td>88</td><td>15,220</td><td>2026-04-10</td><td>2026-04-12</td><td>餐品总库/营养点餐</td><td><span class="tag tag-green">在线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-006</td><td>疾病风险预测</td><td>疾病预测</td><td>v1.1.0</td><td>disease_risk_v1.1.0.pkl</td><td>79.4%</td><td>72</td><td>142</td><td>1,120</td><td>2026-01-15</td><td>2026-01-20</td><td>营养师工作站/预警管理</td><td><span class="tag tag-gray">离线</span></td><td><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-001</td><td>营养评分模型</td><td>营养计算</td><td>v2.3.1</td><td>nutrition_score_v2.3.1.pkl</td><td>93.5%</td><td>45</td><td>128</td><td>12,860</td><td>2026-04-01</td><td>2026-04-10</td><td>营养点餐/营养管理</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-002</td><td>个性化推荐引擎</td><td>智能配餐</td><td>v1.8.0</td><td>recommend_engine_v1.8.0.pkl</td><td>88.7%</td><td>62</td><td>156</td><td>9,420</td><td>2026-03-15</td><td>2026-03-20</td><td>营养点餐/AI推荐</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-003</td><td>消费预测模型</td><td>消费预测</td><td>v1.2.1</td><td>consume_predict_v1.2.1.pkl</td><td>85.2%</td><td>38</td><td>96</td><td>4,280</td><td>2026-03-01</td><td>2026-03-05</td><td>餐材效益/生产统计</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-004</td><td>食材损耗预测</td><td>食材损耗预测</td><td>v1.0.4</td><td>loss_predict_v1.0.4.pkl</td><td>82.6%</td><td>54</td><td>110</td><td>3,960</td><td>2026-02-20</td><td>2026-02-25</td><td>余量处置/餐材效益</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-005</td><td>过敏原识别</td><td>过敏原识别</td><td>v2.0.0</td><td>allergen_detect_v2.0.0.pkl</td><td>96.8%</td><td>28</td><td>88</td><td>15,220</td><td>2026-04-10</td><td>2026-04-12</td><td>餐品总库/营养点餐</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
<tr><td>SM-006</td><td>疾病风险预测</td><td>疾病预测</td><td>v1.1.0</td><td>disease_risk_v1.1.0.pkl</td><td>79.4%</td><td>72</td><td>142</td><td>1,120</td><td>2026-01-15</td><td>2026-01-20</td><td>营养师工作站/预警管理</td><td><span class="tag tag-gray">离线</span></td><td class="td-actions"><a class="link">上传版本</a> <a class="link">版本历史</a> <a class="link">在线测试</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -100,6 +100,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
/* 汇总行 */
|
||||
.summary-row td{background:#FAFAFA;font-weight:600;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -232,12 +236,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<tr><th>秤台编号</th><th>秤台状态</th><th>秤台类型</th><th>餐线编号</th><th>餐次</th><th>上餐类型</th><th>开机时间</th><th>上餐时间</th><th>菜品名称</th><th>菜品单价</th><th>应收金额</th><th>实时重量(kg)</th><th>累计取餐重量</th><th>累计上餐生重(kg)</th><th>累计上餐重量</th><th>最高温度</th><th>最低温度</th><th>保鲜时间</th><th>取餐人次</th><th>取餐视频</th><th>上餐视频</th><th>操作</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>00022号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>06:50</td><td>07:28</td><td>小米粥</td><td>¥5</td><td>¥1,600</td><td>12.6</td><td><a class="link">9.8kg</a></td><td>14.2</td><td><a class="link">12.6kg</a></td><td>68℃</td><td>55℃</td><td>09:30</td><td>320人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00023号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>06:55</td><td>07:35</td><td>燕麦粥</td><td>¥4</td><td>¥1,144</td><td>8.4</td><td><a class="link">6.2kg</a></td><td>9.6</td><td><a class="link">8.4kg</a></td><td>65℃</td><td>55℃</td><td>09:30</td><td>286人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00025号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10:30</td><td>11:30</td><td>宫保鸡丁</td><td>¥14</td><td>¥6,804</td><td>38.2</td><td><a class="link">31.6kg</a></td><td>44.0</td><td><a class="link">38.2kg</a></td><td>75℃</td><td>71℃</td><td>13:30</td><td>486人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00026号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10:35</td><td>11:38</td><td>红烧肉</td><td>¥16</td><td>¥6,592</td><td>42.6</td><td><a class="link">38.4kg</a></td><td>48.5</td><td><a class="link">42.6kg</a></td><td>72℃</td><td>68℃</td><td>13:30</td><td>412人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00027号秤</td><td><span class="tag tag-orange">无网络</span></td><td><span class="tag tag-gray">档口秤</span></td><td>C区快餐线</td><td>午餐</td><td><span class="tag tag-blue">加餐</span></td><td>10:40</td><td>12:12</td><td>番茄炒蛋</td><td>¥8</td><td>¥1,024</td><td>16.8</td><td><a class="link">14.2kg</a></td><td>18.6</td><td><a class="link">16.8kg</a></td><td>74℃</td><td>70℃</td><td>13:30</td><td>128人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00028号秤</td><td><span class="tag tag-gray">未开机</span></td><td><span class="tag tag-gray">档口秤</span></td><td>D区晚餐线</td><td>晚餐</td><td><span class="tag tag-gray">待上餐</span></td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>19:30</td><td>—</td><td>—</td><td>—</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00022号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>06:50</td><td>07:28</td><td>小米粥</td><td>¥5</td><td>¥1,600</td><td>12.6</td><td><a class="link">9.8kg</a></td><td>14.2</td><td><a class="link">12.6kg</a></td><td>68℃</td><td>55℃</td><td>09:30</td><td>320人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00023号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>06:55</td><td>07:35</td><td>燕麦粥</td><td>¥4</td><td>¥1,144</td><td>8.4</td><td><a class="link">6.2kg</a></td><td>9.6</td><td><a class="link">8.4kg</a></td><td>65℃</td><td>55℃</td><td>09:30</td><td>286人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00025号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10:30</td><td>11:30</td><td>宫保鸡丁</td><td>¥14</td><td>¥6,804</td><td>38.2</td><td><a class="link">31.6kg</a></td><td>44.0</td><td><a class="link">38.2kg</a></td><td>75℃</td><td>71℃</td><td>13:30</td><td>486人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00026号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10:35</td><td>11:38</td><td>红烧肉</td><td>¥16</td><td>¥6,592</td><td>42.6</td><td><a class="link">38.4kg</a></td><td>48.5</td><td><a class="link">42.6kg</a></td><td>72℃</td><td>68℃</td><td>13:30</td><td>412人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00027号秤</td><td><span class="tag tag-orange">无网络</span></td><td><span class="tag tag-gray">档口秤</span></td><td>C区快餐线</td><td>午餐</td><td><span class="tag tag-blue">加餐</span></td><td>10:40</td><td>12:12</td><td>番茄炒蛋</td><td>¥8</td><td>¥1,024</td><td>16.8</td><td><a class="link">14.2kg</a></td><td>18.6</td><td><a class="link">16.8kg</a></td><td>74℃</td><td>70℃</td><td>13:30</td><td>128人</td><td><a class="link">▶ 取餐</a></td><td><a class="link">▶ 上餐</a></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00028号秤</td><td><span class="tag tag-gray">未开机</span></td><td><span class="tag tag-gray">档口秤</span></td><td>D区晚餐线</td><td>晚餐</td><td><span class="tag tag-gray">待上餐</span></td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>19:30</td><td>—</td><td>—</td><td>—</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -276,13 +280,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="summary-row"><td>汇总</td><td>—</td><td>—</td><td>84道</td><td>1,286</td><td>1,540</td><td>¥58,420</td><td>5,612人</td><td>229g</td><td>—</td><td>—</td><td>3次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>A区中餐线</td><td>午餐</td><td>12道</td><td>256</td><td>312</td><td>¥14,280</td><td>1,140人</td><td>225g</td><td>78℃</td><td>68℃</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>B区中餐线</td><td>午餐</td><td>10道</td><td>218</td><td>268</td><td>¥12,640</td><td>980人</td><td>222g</td><td>76℃</td><td>66℃</td><td>1次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>A区早餐线</td><td>早餐</td><td>8道</td><td>148</td><td>182</td><td>¥7,400</td><td>980人</td><td>151g</td><td>70℃</td><td>55℃</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>A区中餐线</td><td>午餐</td><td>12道</td><td>248</td><td>304</td><td>¥13,860</td><td>1,100人</td><td>226g</td><td>77℃</td><td>67℃</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>B区中餐线</td><td>午餐</td><td>10道</td><td>210</td><td>258</td><td>¥12,180</td><td>960人</td><td>219g</td><td>75℃</td><td>65℃</td><td>1次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>A区早餐线</td><td>早餐</td><td>8道</td><td>142</td><td>176</td><td>¥7,100</td><td>920人</td><td>154g</td><td>69℃</td><td>54℃</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-26</td><td>A区中餐线</td><td>午餐</td><td>11道</td><td>212</td><td>260</td><td>¥11,860</td><td>960人</td><td>221g</td><td>76℃</td><td>66℃</td><td>1次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>A区中餐线</td><td>午餐</td><td>12道</td><td>256</td><td>312</td><td>¥14,280</td><td>1,140人</td><td>225g</td><td>78℃</td><td>68℃</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>B区中餐线</td><td>午餐</td><td>10道</td><td>218</td><td>268</td><td>¥12,640</td><td>980人</td><td>222g</td><td>76℃</td><td>66℃</td><td>1次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-28</td><td>A区早餐线</td><td>早餐</td><td>8道</td><td>148</td><td>182</td><td>¥7,400</td><td>980人</td><td>151g</td><td>70℃</td><td>55℃</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>A区中餐线</td><td>午餐</td><td>12道</td><td>248</td><td>304</td><td>¥13,860</td><td>1,100人</td><td>226g</td><td>77℃</td><td>67℃</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>B区中餐线</td><td>午餐</td><td>10道</td><td>210</td><td>258</td><td>¥12,180</td><td>960人</td><td>219g</td><td>75℃</td><td>65℃</td><td>1次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-27</td><td>A区早餐线</td><td>早餐</td><td>8道</td><td>142</td><td>176</td><td>¥7,100</td><td>920人</td><td>154g</td><td>69℃</td><td>54℃</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>2026-04-26</td><td>A区中餐线</td><td>午餐</td><td>11道</td><td>212</td><td>260</td><td>¥11,860</td><td>960人</td><td>221g</td><td>76℃</td><td>66℃</td><td>1次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -319,12 +323,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="summary-row"><td>汇总</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>84道</td><td>¥58,420</td><td>1,286</td><td>1,720</td><td>1,540</td><td>—</td><td>—</td><td>5,612人</td><td>229g</td><td>3次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00022号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>8道</td><td>¥7,400</td><td>148</td><td>186</td><td>182</td><td>70℃</td><td>55℃</td><td>980人</td><td>151g</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00023号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>6道</td><td>¥4,860</td><td>92</td><td>118</td><td>108</td><td>68℃</td><td>54℃</td><td>720人</td><td>128g</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00025号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>12道</td><td>¥14,280</td><td>256</td><td>342</td><td>312</td><td>78℃</td><td>68℃</td><td>1,140人</td><td>225g</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00026号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10道</td><td>¥12,640</td><td>218</td><td>294</td><td>268</td><td>76℃</td><td>66℃</td><td>980人</td><td>222g</td><td>1次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00027号秤</td><td><span class="tag tag-orange">无网络</span></td><td><span class="tag tag-gray">档口秤</span></td><td>C区快餐线</td><td>午餐</td><td><span class="tag tag-blue">加餐</span></td><td>6道</td><td>¥4,820</td><td>92</td><td>128</td><td>120</td><td>74℃</td><td>70℃</td><td>516人</td><td>178g</td><td>2次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00028号秤</td><td><span class="tag tag-gray">未开机</span></td><td><span class="tag tag-gray">档口秤</span></td><td>D区晚餐线</td><td>晚餐</td><td><span class="tag tag-gray">待上餐</span></td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>0次</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00022号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>8道</td><td>¥7,400</td><td>148</td><td>186</td><td>182</td><td>70℃</td><td>55℃</td><td>980人</td><td>151g</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00023号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区早餐线</td><td>早餐</td><td><span class="tag tag-green">开餐</span></td><td>6道</td><td>¥4,860</td><td>92</td><td>118</td><td>108</td><td>68℃</td><td>54℃</td><td>720人</td><td>128g</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00025号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>A区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>12道</td><td>¥14,280</td><td>256</td><td>342</td><td>312</td><td>78℃</td><td>68℃</td><td>1,140人</td><td>225g</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00026号秤</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">餐线秤</span></td><td>B区中餐线</td><td>午餐</td><td><span class="tag tag-green">开餐</span></td><td>10道</td><td>¥12,640</td><td>218</td><td>294</td><td>268</td><td>76℃</td><td>66℃</td><td>980人</td><td>222g</td><td>1次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00027号秤</td><td><span class="tag tag-orange">无网络</span></td><td><span class="tag tag-gray">档口秤</span></td><td>C区快餐线</td><td>午餐</td><td><span class="tag tag-blue">加餐</span></td><td>6道</td><td>¥4,820</td><td>92</td><td>128</td><td>120</td><td>74℃</td><td>70℃</td><td>516人</td><td>178g</td><td>2次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>00028号秤</td><td><span class="tag tag-gray">未开机</span></td><td><span class="tag tag-gray">档口秤</span></td><td>D区晚餐线</td><td>晚餐</td><td><span class="tag tag-gray">待上餐</span></td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>0次</td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -90,6 +90,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -185,13 +189,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">个人点餐</div></div>
|
||||
<div class="table-card__content"><table><thead><tr><th>订单号</th><th>用户</th><th>餐次</th><th>目标热量(kcal)</th><th>点餐内容</th><th>营养匹配度</th><th>禁忌过滤</th><th>营养评分</th><th>日期</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>NM-001</td><td>张伟(EMP001)</td><td>午餐</td><td>2,250</td><td>米饭+清蒸鱼+炒西兰花+番茄蛋花汤</td><td><span class="tag tag-green">92%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">92分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-002</td><td>李娜(EMP002)</td><td>午餐</td><td>1,800</td><td>杂粮饭+清蒸鱼+清炒时蔬+冬瓜排骨汤</td><td><span class="tag tag-green">95%</span></td><td>—</td><td><span class="tag tag-green">95分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-003</td><td>王强(EMP003)</td><td>午餐</td><td>2,250</td><td>米饭+红烧肉+番茄炒蛋+番茄蛋花汤</td><td><span class="tag tag-orange">72%</span></td><td>—</td><td><span class="tag tag-orange">72分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-004</td><td>赵敏(EMP004)</td><td>午餐</td><td>1,800</td><td>杂粮饭+宫保鸡丁+炒西兰花+番茄蛋花汤</td><td><span class="tag tag-green">88%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">88分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-005</td><td>陈磊(EMP005)</td><td>午餐</td><td>2,250</td><td>米饭+红烧肉+宫保鸡丁+炒西兰花</td><td><span class="tag tag-orange">68%</span></td><td>—</td><td><span class="tag tag-orange">68分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-006</td><td>刘洋(EMP006)</td><td>午餐</td><td>1,600</td><td>杂粮饭+蒜蓉菠菜+炒时蔬+紫菜蛋花汤</td><td><span class="tag tag-green">90%</span></td><td>—</td><td><span class="tag tag-green">90分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-007</td><td>吴芳(EMP007)</td><td>午餐</td><td>1,900</td><td>米饭+清蒸鱼+番茄炒蛋+豆腐+冬瓜排骨汤</td><td><span class="tag tag-green">85%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">85分</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-001</td><td>张伟(EMP001)</td><td>午餐</td><td>2,250</td><td>米饭+清蒸鱼+炒西兰花+番茄蛋花汤</td><td><span class="tag tag-green">92%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">92分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-002</td><td>李娜(EMP002)</td><td>午餐</td><td>1,800</td><td>杂粮饭+清蒸鱼+清炒时蔬+冬瓜排骨汤</td><td><span class="tag tag-green">95%</span></td><td>—</td><td><span class="tag tag-green">95分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-003</td><td>王强(EMP003)</td><td>午餐</td><td>2,250</td><td>米饭+红烧肉+番茄炒蛋+番茄蛋花汤</td><td><span class="tag tag-orange">72%</span></td><td>—</td><td><span class="tag tag-orange">72分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-004</td><td>赵敏(EMP004)</td><td>午餐</td><td>1,800</td><td>杂粮饭+宫保鸡丁+炒西兰花+番茄蛋花汤</td><td><span class="tag tag-green">88%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">88分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-005</td><td>陈磊(EMP005)</td><td>午餐</td><td>2,250</td><td>米饭+红烧肉+宫保鸡丁+炒西兰花</td><td><span class="tag tag-orange">68%</span></td><td>—</td><td><span class="tag tag-orange">68分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-006</td><td>刘洋(EMP006)</td><td>午餐</td><td>1,600</td><td>杂粮饭+蒜蓉菠菜+炒时蔬+紫菜蛋花汤</td><td><span class="tag tag-green">90%</span></td><td>—</td><td><span class="tag tag-green">90分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>NM-007</td><td>吴芳(EMP007)</td><td>午餐</td><td>1,900</td><td>米饭+清蒸鱼+番茄炒蛋+豆腐+冬瓜排骨汤</td><td><span class="tag tag-green">85%</span></td><td><span class="tag tag-orange">已过滤</span></td><td><span class="tag tag-green">85分</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination">
|
||||
<span>显示 7 条，共 486 条</span>
|
||||
@@ -220,11 +224,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">团体点餐</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>部门</td><td>86</td><td>年轻成人为主</td><td>¥28</td><td>¥2,408</td><td><span class="tag tag-green">88%</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>行政楼早餐团</td><td>部门</td><td>42</td><td>中年混合</td><td>¥15</td><td>¥630</td><td><span class="tag tag-green">82%</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>养老院午餐团</td><td>班级</td><td>28</td><td>老年人(≥60岁)</td><td>¥35</td><td>¥980</td><td><span class="tag tag-green">91%</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>幼儿园午餐团</td><td>班级</td><td>56</td><td>青少年</td><td>¥22</td><td>¥1,232</td><td><span class="tag tag-green">86%</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>康复中心自定义团</td><td>专项</td><td>18</td><td>术后康复人群</td><td>¥42</td><td>¥756</td><td><span class="tag tag-green">94%</span></td><td>2026-04-23</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>研发中心午餐团</td><td>部门</td><td>86</td><td>年轻成人为主</td><td>¥28</td><td>¥2,408</td><td><span class="tag tag-green">88%</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>行政楼早餐团</td><td>部门</td><td>42</td><td>中年混合</td><td>¥15</td><td>¥630</td><td><span class="tag tag-green">82%</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>养老院午餐团</td><td>班级</td><td>28</td><td>老年人(≥60岁)</td><td>¥35</td><td>¥980</td><td><span class="tag tag-green">91%</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>幼儿园午餐团</td><td>班级</td><td>56</td><td>青少年</td><td>¥22</td><td>¥1,232</td><td><span class="tag tag-green">86%</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>康复中心自定义团</td><td>专项</td><td>18</td><td>术后康复人群</td><td>¥42</td><td>¥756</td><td><span class="tag tag-green">94%</span></td><td>2026-04-23</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 12 条</span>
|
||||
@@ -252,11 +256,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">净菜订单</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>CL20260423-056</td><td>张伟</td><td>净土豆、净洋葱</td><td>2.5kg + 1.0kg</td><td>¥18</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-blue">待取货</span></td><td>2026-04-23 09:15</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-057</td><td>李芳</td><td>净白菜、净胡萝卜、净豆芽</td><td>1.5kg + 0.8kg + 0.5kg</td><td>¥16</td><td><span class="tag tag-blue">配送</span></td><td><span class="tag tag-orange">备货中</span></td><td>2026-04-23 09:30</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-058</td><td>王娜</td><td>净番茄、净黄瓜</td><td>3.0kg + 1.2kg</td><td>¥24</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-green">已完成</span></td><td>2026-04-23 08:50</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-059</td><td>刘敏</td><td>净胡萝卜、净土豆</td><td>1.0kg + 1.5kg</td><td>¥14</td><td><span class="tag tag-blue">配送</span></td><td><span class="tag tag-blue">已支付</span></td><td>2026-04-23 10:05</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-060</td><td>陈强</td><td>净白菜、净香菇</td><td>2.0kg + 0.6kg</td><td>¥15</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-gray">已取消</span></td><td>2026-04-23 09:00</td><td><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-056</td><td>张伟</td><td>净土豆、净洋葱</td><td>2.5kg + 1.0kg</td><td>¥18</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-blue">待取货</span></td><td>2026-04-23 09:15</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-057</td><td>李芳</td><td>净白菜、净胡萝卜、净豆芽</td><td>1.5kg + 0.8kg + 0.5kg</td><td>¥16</td><td><span class="tag tag-blue">配送</span></td><td><span class="tag tag-orange">备货中</span></td><td>2026-04-23 09:30</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-058</td><td>王娜</td><td>净番茄、净黄瓜</td><td>3.0kg + 1.2kg</td><td>¥24</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-green">已完成</span></td><td>2026-04-23 08:50</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-059</td><td>刘敏</td><td>净胡萝卜、净土豆</td><td>1.0kg + 1.5kg</td><td>¥14</td><td><span class="tag tag-blue">配送</span></td><td><span class="tag tag-blue">已支付</span></td><td>2026-04-23 10:05</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
<tr><td>CL20260423-060</td><td>陈强</td><td>净白菜、净香菇</td><td>2.0kg + 0.6kg</td><td>¥15</td><td><span class="tag tag-green">自取</span></td><td><span class="tag tag-gray">已取消</span></td><td>2026-04-23 09:00</td><td class="td-actions"><a class="link">餐品明细</a></td></tr>
|
||||
</tbody></table></div>
|
||||
<div class="pagination">
|
||||
<span>显示 5 条，共 64 条</span>
|
||||
|
||||
@@ -113,6 +113,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.profile-summary__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.profile-summary__name{font-size:var(--font-base);font-weight:600;color:var(--text-primary);}
|
||||
.profile-summary__meta{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -212,15 +216,15 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>M-20260428-001</td><td>张伟(EMP001)</td><td>研发部</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:02</td><td>11:08</td><td><a class="link">3件</a></td><td><span class="tag tag-green">88分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-002</td><td>李娜(EMP002)</td><td>市场部</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:08</td><td>11:14</td><td><a class="link">3件</a></td><td><span class="tag tag-green">92分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-003</td><td>王磊(EMP003)</td><td>运营部</td><td>午餐</td><td><span class="tag tag-gray">餐线取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-gray">非会员</span></td><td>11:15</td><td>11:20</td><td><a class="link">2件</a></td><td><span class="tag tag-orange">68分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-004</td><td>赵敏(EMP004)</td><td>财务部</td><td>午餐</td><td><span class="tag tag-green">档口+餐线</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:22</td><td>11:30</td><td><a class="link">3件</a></td><td><span class="tag tag-green">94分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-005</td><td>陈刚(EMP005)</td><td>人事部</td><td>早餐</td><td><span class="tag tag-gray">餐线取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-gray">非会员</span></td><td>07:48</td><td>07:55</td><td><a class="link">3件</a></td><td><span class="tag tag-green">85分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-006</td><td>刘芳(EMP006)</td><td>市场部</td><td>午餐</td><td><span class="tag tag-blue">外卖/外带</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:45</td><td>11:48</td><td><a class="link">2件</a></td><td><span class="tag tag-green">90分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>SP-001-001</td><td>张运维(EMP101)</td><td>运维部</td><td>午餐</td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-blue">员工</span></td><td>14:05</td><td>14:06</td><td><a class="link">1件</a></td><td>—</td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>SP-001-003</td><td>王保安(EMP103)</td><td>安保部</td><td>午餐</td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-blue">工作人员</span></td><td>14:10</td><td>14:11</td><td><a class="link">1件</a></td><td>—</td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-007</td><td>林教授</td><td>外部访客</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-purple">外部人员</span></td><td>12:10</td><td>12:18</td><td><a class="link">3件</a></td><td><span class="tag tag-green">86分</span></td><td><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-001</td><td>张伟(EMP001)</td><td>研发部</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:02</td><td>11:08</td><td><a class="link">3件</a></td><td><span class="tag tag-green">88分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-002</td><td>李娜(EMP002)</td><td>市场部</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:08</td><td>11:14</td><td><a class="link">3件</a></td><td><span class="tag tag-green">92分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-003</td><td>王磊(EMP003)</td><td>运营部</td><td>午餐</td><td><span class="tag tag-gray">餐线取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-gray">非会员</span></td><td>11:15</td><td>11:20</td><td><a class="link">2件</a></td><td><span class="tag tag-orange">68分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-004</td><td>赵敏(EMP004)</td><td>财务部</td><td>午餐</td><td><span class="tag tag-green">档口+餐线</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:22</td><td>11:30</td><td><a class="link">3件</a></td><td><span class="tag tag-green">94分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-005</td><td>陈刚(EMP005)</td><td>人事部</td><td>早餐</td><td><span class="tag tag-gray">餐线取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-gray">非会员</span></td><td>07:48</td><td>07:55</td><td><a class="link">3件</a></td><td><span class="tag tag-green">85分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-006</td><td>刘芳(EMP006)</td><td>市场部</td><td>午餐</td><td><span class="tag tag-blue">外卖/外带</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-orange">会员</span></td><td>11:45</td><td>11:48</td><td><a class="link">2件</a></td><td><span class="tag tag-green">90分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>SP-001-001</td><td>张运维(EMP101)</td><td>运维部</td><td>午餐</td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-blue">员工</span></td><td>14:05</td><td>14:06</td><td><a class="link">1件</a></td><td>—</td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>SP-001-003</td><td>王保安(EMP103)</td><td>安保部</td><td>午餐</td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-orange">余量取餐</span></td><td><span class="tag tag-blue">工作人员</span></td><td>14:10</td><td>14:11</td><td><a class="link">1件</a></td><td>—</td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
<tr><td>M-20260428-007</td><td>林教授</td><td>外部访客</td><td>午餐</td><td><span class="tag tag-blue">点餐取餐</span></td><td><span class="tag tag-green">正常取餐</span></td><td><span class="tag tag-purple">外部人员</span></td><td>12:10</td><td>12:18</td><td><a class="link">3件</a></td><td><span class="tag tag-green">86分</span></td><td class="td-actions"><a class="link">查看用户信息</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -100,6 +100,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -187,9 +191,9 @@ tbody tr:hover{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></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>RECIPE-015</td><td>第15周营养食谱</td><td>2026-04-14~20</td><td>一号食堂/二号食堂</td><td>食堂+小程序</td><td>42道</td><td><span class="tag tag-green">已发布</span></td><td><span class="tag tag-blue">已生成</span></td><td><span class="tag tag-green">合理</span></td><td>2026-04-13 18:30</td><td>营养师李明</td><td><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>RECIPE-014</td><td>第14周营养食谱</td><td>2026-04-07~13</td><td>一号食堂</td><td>食堂+小程序</td><td>38道</td><td><span class="tag tag-green">已发布</span></td><td><span class="tag tag-blue">已生成</span></td><td><span class="tag tag-orange">偏高</span></td><td>2026-04-06 18:10</td><td>营养师李明</td><td><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>RECIPE-016</td><td>第16周营养食谱</td><td>2026-04-21~27</td><td>一号食堂/三号食堂</td><td>食堂+小程序</td><td>40道</td><td><span class="tag tag-orange">待发布</span></td><td><span class="tag tag-orange">待生成</span></td><td><span class="tag tag-gray">待评估</span></td><td>—</td><td>营养师李明</td><td><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>RECIPE-015</td><td>第15周营养食谱</td><td>2026-04-14~20</td><td>一号食堂/二号食堂</td><td>食堂+小程序</td><td>42道</td><td><span class="tag tag-green">已发布</span></td><td><span class="tag tag-blue">已生成</span></td><td><span class="tag tag-green">合理</span></td><td>2026-04-13 18:30</td><td>营养师李明</td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>RECIPE-014</td><td>第14周营养食谱</td><td>2026-04-07~13</td><td>一号食堂</td><td>食堂+小程序</td><td>38道</td><td><span class="tag tag-green">已发布</span></td><td><span class="tag tag-blue">已生成</span></td><td><span class="tag tag-orange">偏高</span></td><td>2026-04-06 18:10</td><td>营养师李明</td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>RECIPE-016</td><td>第16周营养食谱</td><td>2026-04-21~27</td><td>一号食堂/三号食堂</td><td>食堂+小程序</td><td>40道</td><td><span class="tag tag-orange">待发布</span></td><td><span class="tag tag-orange">待生成</span></td><td><span class="tag tag-gray">待评估</span></td><td>—</td><td>营养师李明</td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -62,7 +62,10 @@ ${CSS_RULE}
|
||||
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;}
|
||||
thead th:last-child,tbody td:last-child{position:sticky;right:0;box-shadow:-2px 0 4px rgba(0,0,0,0.06);z-index:1;}
|
||||
/* 操作列固定右侧 */
|
||||
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;}
|
||||
thead th:last-child{background:#FAFAFA;}
|
||||
tbody td:last-child{background:#fff;}
|
||||
tbody tr:hover td:last-child{background:#F8FBFF;}
|
||||
@@ -207,12 +210,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>设备编号</th><th>SN序列号</th><th>设备名称</th><th>设备类型</th><th>厂家品牌</th><th>所在区域</th><th>地理位置</th><th>责任人</th><th>网络类型</th><th>IP地址/设备ID</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>DEV-001</td><td>SN-A001-2024</td><td>1号点餐屏</td><td>点餐屏</td><td>海康威视</td><td>A区</td><td>A区入口-东侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.101</td><td>v3.2.1</td><td>2024-08-15</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">98分</span></td><td>486</td><td>2026-04-22 11:30:22</td><td>615</td><td>362,400</td><td>2026-03-20</td><td>2</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-002</td><td>SN-A002-2024</td><td>智能取餐柜-01</td><td>智能取餐柜</td><td>海尔智家</td><td>A区</td><td>A区取餐区-1号位</td><td>李运维</td><td>有线</td><td>192.168.1.102</td><td>v2.8.0</td><td>2024-08-15</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">100分</span></td><td>312</td><td>2026-04-22 11:30:18</td><td>615</td><td>498,720</td><td>2026-04-01</td><td>0</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-003</td><td>SN-B001-2024</td><td>2号点餐屏</td><td>点餐屏</td><td>海康威视</td><td>B区</td><td>B区入口-西侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.103</td><td>v3.2.1</td><td>2024-10-01</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">92分</span></td><td>398</td><td>2026-04-22 11:30:25</td><td>568</td><td>298,800</td><td>2026-04-10</td><td>1</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-004</td><td>SN-B002-2024</td><td>智能取餐柜-02</td><td>智能取餐柜</td><td>海尔智家</td><td>B区</td><td>B区取餐区-1号位</td><td>李运维</td><td>有线</td><td>192.168.1.104</td><td>v2.7.3</td><td>2024-10-01</td><td><span class="tag tag-red">离线</span></td><td><span class="tag tag-red">0分</span></td><td>0</td><td>2026-04-22 09:18:44</td><td>568</td><td>423,600</td><td>2026-04-15</td><td>3</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-005</td><td>SN-A003-2022</td><td>餐线秤台-00025</td><td>餐线秤台</td><td>大华技术</td><td>A区</td><td>A区餐线-1号位</td><td>王运维</td><td>有线</td><td>DEV-00025</td><td>v1.5.2</td><td>2022-06-10</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">99分</span></td><td>1,280</td><td>2026-04-22 11:30:20</td><td>1,412</td><td>1,016,640</td><td>2026-03-01</td><td>0</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-006</td><td>SN-C001-2023</td><td>体脂秤-01</td><td>体脂秤</td><td>华为智选</td><td>C区</td><td>健身区入口-南侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.106</td><td>v2.1.0</td><td>2023-12-01</td><td><span class="tag tag-orange">故障</span></td><td><span class="tag tag-red">45分</span></td><td>0</td><td>2026-04-22 10:55:08</td><td>873</td><td>78,540</td><td>2026-02-28</td><td>1</td><td><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-001</td><td>SN-A001-2024</td><td>1号点餐屏</td><td>点餐屏</td><td>海康威视</td><td>A区</td><td>A区入口-东侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.101</td><td>v3.2.1</td><td>2024-08-15</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">98分</span></td><td>486</td><td>2026-04-22 11:30:22</td><td>615</td><td>362,400</td><td>2026-03-20</td><td>2</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-002</td><td>SN-A002-2024</td><td>智能取餐柜-01</td><td>智能取餐柜</td><td>海尔智家</td><td>A区</td><td>A区取餐区-1号位</td><td>李运维</td><td>有线</td><td>192.168.1.102</td><td>v2.8.0</td><td>2024-08-15</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">100分</span></td><td>312</td><td>2026-04-22 11:30:18</td><td>615</td><td>498,720</td><td>2026-04-01</td><td>0</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-003</td><td>SN-B001-2024</td><td>2号点餐屏</td><td>点餐屏</td><td>海康威视</td><td>B区</td><td>B区入口-西侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.103</td><td>v3.2.1</td><td>2024-10-01</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">92分</span></td><td>398</td><td>2026-04-22 11:30:25</td><td>568</td><td>298,800</td><td>2026-04-10</td><td>1</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-004</td><td>SN-B002-2024</td><td>智能取餐柜-02</td><td>智能取餐柜</td><td>海尔智家</td><td>B区</td><td>B区取餐区-1号位</td><td>李运维</td><td>有线</td><td>192.168.1.104</td><td>v2.7.3</td><td>2024-10-01</td><td><span class="tag tag-red">离线</span></td><td><span class="tag tag-red">0分</span></td><td>0</td><td>2026-04-22 09:18:44</td><td>568</td><td>423,600</td><td>2026-04-15</td><td>3</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-005</td><td>SN-A003-2022</td><td>餐线秤台-00025</td><td>餐线秤台</td><td>大华技术</td><td>A区</td><td>A区餐线-1号位</td><td>王运维</td><td>有线</td><td>DEV-00025</td><td>v1.5.2</td><td>2022-06-10</td><td><span class="tag tag-green">在线</span></td><td><span class="tag tag-green">99分</span></td><td>1,280</td><td>2026-04-22 11:30:20</td><td>1,412</td><td>1,016,640</td><td>2026-03-01</td><td>0</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
<tr><td>DEV-006</td><td>SN-C001-2023</td><td>体脂秤-01</td><td>体脂秤</td><td>华为智选</td><td>C区</td><td>健身区入口-南侧</td><td>张运维</td><td>WiFi</td><td>192.168.1.106</td><td>v2.1.0</td><td>2023-12-01</td><td><span class="tag tag-orange">故障</span></td><td><span class="tag tag-red">45分</span></td><td>0</td><td>2026-04-22 10:55:08</td><td>873</td><td>78,540</td><td>2026-02-28</td><td>1</td><td class="td-actions"><a class="link">故障记录</a> <a class="link">远程重启</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
/* 空状态提示 */
|
||||
.empty-hint{padding:60px 24px;text-align:center;color:var(--text-placeholder);font-size:var(--font-base);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -235,19 +239,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<tr><th>姓名</th><th>部门</th><th>年龄</th><th>BMI</th><th>活动水平</th><th>人员类别</th><th>饮食禁忌</th><th>状态</th><th>操作</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>张伟</td><td>研发部</td><td>38</td><td>22.9</td><td>中度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>李娜</td><td>市场部</td><td>34</td><td>19.8</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高钠</span></td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>王磊</td><td>运营部</td><td>41</td><td>26.8</td><td>久坐</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高脂</span></td><td><span class="tag tag-orange">预警</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>赵敏</td><td>财务部</td><td>36</td><td>18.8</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高糖</span></td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>陈刚</td><td>人事部</td><td>29</td><td>21.4</td><td>重度活动</td><td><span class="tag tag-gray">非会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>刘芳</td><td>市场部</td><td>32</td><td>20.6</td><td>中度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>孙磊</td><td>行政部</td><td>45</td><td>24.3</td><td>久坐</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高钠</span></td><td><span class="tag tag-orange">预警</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>钱芳</td><td>销售部</td><td>27</td><td>17.9</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>张运维</td><td>运维部</td><td>35</td><td>23.5</td><td>中度活动</td><td><span class="tag tag-blue">员工</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>李后勤</td><td>后勤部</td><td>42</td><td>25.1</td><td>中度活动</td><td><span class="tag tag-blue">员工</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>王保安</td><td>安保部</td><td>48</td><td>24.8</td><td>重度活动</td><td><span class="tag tag-blue">工作人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>赵清洁</td><td>保洁部</td><td>50</td><td>22.0</td><td>重度活动</td><td><span class="tag tag-blue">工作人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>林教授</td><td>外部访客</td><td>55</td><td>23.8</td><td>轻度活动</td><td><span class="tag tag-purple">外部人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>张伟</td><td>研发部</td><td>38</td><td>22.9</td><td>中度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>李娜</td><td>市场部</td><td>34</td><td>19.8</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高钠</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>王磊</td><td>运营部</td><td>41</td><td>26.8</td><td>久坐</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高脂</span></td><td><span class="tag tag-orange">预警</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>赵敏</td><td>财务部</td><td>36</td><td>18.8</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td><span class="tag tag-red">高糖</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>陈刚</td><td>人事部</td><td>29</td><td>21.4</td><td>重度活动</td><td><span class="tag tag-gray">非会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>刘芳</td><td>市场部</td><td>32</td><td>20.6</td><td>中度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>孙磊</td><td>行政部</td><td>45</td><td>24.3</td><td>久坐</td><td><span class="tag tag-gray">非会员</span></td><td><span class="tag tag-red">高钠</span></td><td><span class="tag tag-orange">预警</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>钱芳</td><td>销售部</td><td>27</td><td>17.9</td><td>轻度活动</td><td><span class="tag tag-orange">会员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>张运维</td><td>运维部</td><td>35</td><td>23.5</td><td>中度活动</td><td><span class="tag tag-blue">员工</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>李后勤</td><td>后勤部</td><td>42</td><td>25.1</td><td>中度活动</td><td><span class="tag tag-blue">员工</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>王保安</td><td>安保部</td><td>48</td><td>24.8</td><td>重度活动</td><td><span class="tag tag-blue">工作人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>赵清洁</td><td>保洁部</td><td>50</td><td>22.0</td><td>重度活动</td><td><span class="tag tag-blue">工作人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
<tr><td>林教授</td><td>外部访客</td><td>55</td><td>23.8</td><td>轻度活动</td><td><span class="tag tag-purple">外部人员</span></td><td>无</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">推荐食谱</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -293,12 +297,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>MB-202401-001</td><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-red">钻石</span></td><td>8,628</td><td>12,860</td><td>¥1,286</td><td>2024-01-15</td><td>2027-01-14</td><td>2026-04-28 11:32</td><td><span class="tag tag-green">正常</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202405-008</td><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-orange">金卡</span></td><td>3,286</td><td>4,820</td><td>¥682</td><td>2024-05-08</td><td>2027-05-07</td><td>2026-04-28 12:08</td><td><span class="tag tag-green">正常</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202508-015</td><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-blue">银卡</span></td><td>1,420</td><td>2,180</td><td>¥486</td><td>2025-08-12</td><td>2027-08-11</td><td>2026-04-28 11:30</td><td><span class="tag tag-green">正常</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202510-026</td><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-blue">银卡</span></td><td>986</td><td>1,520</td><td>¥320</td><td>2025-10-20</td><td>2027-10-19</td><td>2026-04-28 11:48</td><td><span class="tag tag-green">正常</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202312-003</td><td>孙磊(EMP010)</td><td>研发部</td><td><span class="tag tag-orange">金卡</span></td><td>5,120</td><td>7,860</td><td>¥0</td><td>2023-12-08</td><td>2026-12-07</td><td>2026-04-15 12:20</td><td><span class="tag tag-orange">即将到期</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202402-005</td><td>周明(EMP008)</td><td>运营部</td><td><span class="tag tag-red">钻石</span></td><td>12,486</td><td>16,820</td><td>¥0</td><td>2024-02-10</td><td>2027-02-09</td><td>2026-03-28 12:15</td><td><span class="tag tag-gray">休眠</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202401-001</td><td>张伟(EMP001)</td><td>研发部</td><td><span class="tag tag-red">钻石</span></td><td>8,628</td><td>12,860</td><td>¥1,286</td><td>2024-01-15</td><td>2027-01-14</td><td>2026-04-28 11:32</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202405-008</td><td>李娜(EMP002)</td><td>市场部</td><td><span class="tag tag-orange">金卡</span></td><td>3,286</td><td>4,820</td><td>¥682</td><td>2024-05-08</td><td>2027-05-07</td><td>2026-04-28 12:08</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202508-015</td><td>赵敏(EMP004)</td><td>财务部</td><td><span class="tag tag-blue">银卡</span></td><td>1,420</td><td>2,180</td><td>¥486</td><td>2025-08-12</td><td>2027-08-11</td><td>2026-04-28 11:30</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202510-026</td><td>刘芳(EMP006)</td><td>市场部</td><td><span class="tag tag-blue">银卡</span></td><td>986</td><td>1,520</td><td>¥320</td><td>2025-10-20</td><td>2027-10-19</td><td>2026-04-28 11:48</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202312-003</td><td>孙磊(EMP010)</td><td>研发部</td><td><span class="tag tag-orange">金卡</span></td><td>5,120</td><td>7,860</td><td>¥0</td><td>2023-12-08</td><td>2026-12-07</td><td>2026-04-15 12:20</td><td><span class="tag tag-orange">即将到期</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>MB-202402-005</td><td>周明(EMP008)</td><td>运营部</td><td><span class="tag tag-red">钻石</span></td><td>12,486</td><td>16,820</td><td>¥0</td><td>2024-02-10</td><td>2027-02-09</td><td>2026-03-28 12:15</td><td><span class="tag tag-gray">休眠</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -335,10 +339,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<tr><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>LV-01</td><td><span class="tag tag-gray">普通会员</span></td><td>注册即可</td><td>1.0x</td><td>无折扣</td><td>常规</td><td>基础点餐功能</td><td>794</td><td><span class="tag tag-green">启用</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-02</td><td><span class="tag tag-blue">银卡会员</span></td><td>累计消费 ¥1,000+</td><td>1.2x</td><td>9.8折</td><td>常规</td><td>生日券 ¥10、月度营养报告</td><td>186</td><td><span class="tag tag-green">启用</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-03</td><td><span class="tag tag-orange">金卡会员</span></td><td>累计消费 ¥3,000+</td><td>1.5x</td><td>9.5折</td><td>优先取餐</td><td>生日券 ¥30、AI营养周报、专属客服</td><td>218</td><td><span class="tag tag-green">启用</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-04</td><td><span class="tag tag-red">钻石会员</span></td><td>累计消费 ¥10,000+</td><td>2.0x</td><td>9.0折</td><td>专属窗口</td><td>专属营养师、VIP定制菜单、季度体检券</td><td>82</td><td><span class="tag tag-green">启用</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-01</td><td><span class="tag tag-gray">普通会员</span></td><td>注册即可</td><td>1.0x</td><td>无折扣</td><td>常规</td><td>基础点餐功能</td><td>794</td><td><span class="tag tag-green">启用</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-02</td><td><span class="tag tag-blue">银卡会员</span></td><td>累计消费 ¥1,000+</td><td>1.2x</td><td>9.8折</td><td>常规</td><td>生日券 ¥10、月度营养报告</td><td>186</td><td><span class="tag tag-green">启用</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-03</td><td><span class="tag tag-orange">金卡会员</span></td><td>累计消费 ¥3,000+</td><td>1.5x</td><td>9.5折</td><td>优先取餐</td><td>生日券 ¥30、AI营养周报、专属客服</td><td>218</td><td><span class="tag tag-green">启用</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>LV-04</td><td><span class="tag tag-red">钻石会员</span></td><td>累计消费 ¥10,000+</td><td>2.0x</td><td>9.0折</td><td>专属窗口</td><td>专属营养师、VIP定制菜单、季度体检券</td><td>82</td><td><span class="tag tag-green">启用</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -110,6 +110,10 @@ 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>
|
||||
@@ -158,38 +162,6 @@ tbody tr:hover{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">186</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,480</div>
|
||||
<div class="stat-card__label">总数量(kg)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon green">🥇</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">9,860kg</div>
|
||||
<div class="stat-card__label">A级数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon orange">🥈</div>
|
||||
<div class="stat-card__info">
|
||||
<div class="stat-card__value">2,620kg</div>
|
||||
<div class="stat-card__label">B/C级数量</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
@@ -218,7 +190,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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>
|
||||
<button class="btn btn-default">📹 视频监控</button>
|
||||
</div>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
@@ -255,7 +226,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-15</td>
|
||||
<td>李采收</td>
|
||||
<td>RPT-20260415-001</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="openModal()">详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td>
|
||||
@@ -268,7 +239,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-15</td>
|
||||
<td>王采收</td>
|
||||
<td>RPT-20260415-002</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="openModal()">详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FC01-VG-XGUO-068K-20260414-003</td>
|
||||
@@ -281,7 +252,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-14</td>
|
||||
<td>李采收</td>
|
||||
<td>RPT-20260414-003</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="openModal()">详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FD01-VG-SJJD-156K-20260414-004</td>
|
||||
@@ -294,7 +265,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-14</td>
|
||||
<td>张采收</td>
|
||||
<td>RPT-20260414-004</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="openModal()">详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -314,6 +285,32 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 视频监控弹窗 -->
|
||||
<div class="modal-overlay" id="videoModal" style="display:none;">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">监控视频播放</span>
|
||||
<span class="modal-close" onclick="closeVideoModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:0;">
|
||||
<div style="width:100%;height:400px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="30" stroke="#555" stroke-width="2"/><polygon points="26,20 26,44 46,32" fill="#555"/></svg>
|
||||
<span style="color:#888;font-size:13px;">收成入库监控画面（模拟）</span>
|
||||
</div>
|
||||
<div style="padding:16px 24px;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;">
|
||||
<span style="font-size:13px;color:#666;">摄像头：仓库入口-01 | 2026-04-15 09:15:32</span>
|
||||
<div style="display:flex;gap:8px;">
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">截图</button>
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">全屏</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeVideoModal()">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新增收成入库批次弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
@@ -374,6 +371,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
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();});
|
||||
// 视频弹窗控制
|
||||
function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
|
||||
function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
|
||||
document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
|
||||
// 切换二级菜单分组的展开/收起
|
||||
function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
|
||||
// 初始化：若激活项位于子分组内，则自动展开
|
||||
|
||||
@@ -89,6 +89,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -201,16 +205,16 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<tbody>
|
||||
<tr><td>LAND-001</td><td>A区蔬菜基地</td><td>12.5</td><td>菠菜/白菜</td><td><span class="tag tag-green">种植中</span></td>
|
||||
<td>17.2</td><td>72</td><td>6.8</td><td>142</td><td>38</td><td>186</td><td>0.02</td>
|
||||
<td><span class="tag tag-green">优</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td><span class="tag tag-green">优</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>LAND-002</td><td>B区根茎基地</td><td>8.0</td><td>胡萝卜</td><td><span class="tag tag-green">种植中</span></td>
|
||||
<td>18.4</td><td>65</td><td>7.1</td><td>128</td><td>42</td><td>210</td><td>0.01</td>
|
||||
<td><span class="tag tag-blue">良</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td><span class="tag tag-blue">良</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>LAND-003</td><td>C区菌菇大棚</td><td>3.2</td><td>香菇</td><td><span class="tag tag-green">种植中</span></td>
|
||||
<td>22.1</td><td>85</td><td>6.5</td><td>168</td><td>52</td><td>224</td><td>0.00</td>
|
||||
<td><span class="tag tag-green">优</span></td><td>2026-04-22 10:04</td><td><span class="tag tag-orange">湿度偏高</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td><span class="tag tag-green">优</span></td><td>2026-04-22 10:04</td><td><span class="tag tag-orange">湿度偏高</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>LAND-004</td><td>D区豆类基地</td><td>6.8</td><td>四季豆</td><td><span class="tag tag-gray">休耕中</span></td>
|
||||
<td>16.8</td><td>58</td><td>6.9</td><td>96</td><td>28</td><td>158</td><td>0.03</td>
|
||||
<td><span class="tag tag-blue">良</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td><span class="tag tag-blue">良</span></td><td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -269,19 +273,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<tr><td>BREED-A1</td><td>A1-猪舍</td><td>1,200</td><td>猪（杜洛克）</td><td><span class="tag tag-gray">圈养</span></td><td><span class="tag tag-green">养殖中</span></td>
|
||||
<td>312</td><td>22.4</td><td>68</td><td>8.2</td><td>1,240</td><td>180</td>
|
||||
<td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>BREED-B3</td><td>B3-鸡舍</td><td>860</td><td>鸡（黄羽鸡）</td><td><span class="tag tag-green">散养</span></td><td><span class="tag tag-green">养殖中</span></td>
|
||||
<td>1,176</td><td>24.6</td><td>62</td><td>12.5</td><td>1,580</td><td>320</td>
|
||||
<td><span class="tag tag-green">正常</span></td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>BREED-C2</td><td>C2-鸭舍</td><td>640</td><td>鸭（麻鸭）</td><td><span class="tag tag-green">散养</span></td><td><span class="tag tag-green">养殖中</span></td>
|
||||
<td>665</td><td>23.8</td><td>70</td><td>18.6</td><td>1,820</td><td>210</td>
|
||||
<td><span class="tag tag-orange">告警</span></td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-red">异常</span></td>
|
||||
<td>2026-04-22 10:04</td><td><span class="tag tag-orange">氨气偏高</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td>2026-04-22 10:04</td><td><span class="tag tag-orange">氨气偏高</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>BREED-D1</td><td>D1-羊舍</td><td>480</td><td>羊（湖羊）</td><td><span class="tag tag-gray">圈养</span></td><td><span class="tag tag-gray">空置</span></td>
|
||||
<td>0</td><td>20.2</td><td>55</td><td>6.4</td><td>860</td><td>150</td>
|
||||
<td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<td>2026-04-22 10:05</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">查看详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -111,6 +111,10 @@ 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>
|
||||
@@ -267,7 +271,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>—</td>
|
||||
<td>2026-04-24</td>
|
||||
<td>李巡检</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CROP-202604-002</td>
|
||||
@@ -281,7 +285,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>—</td>
|
||||
<td>2026-04-28</td>
|
||||
<td>王巡检</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CROP-202604-003</td>
|
||||
@@ -295,7 +299,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-21 喷施苦参碱，待复查</td>
|
||||
<td>待定</td>
|
||||
<td>李巡检</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CROP-202604-004</td>
|
||||
@@ -309,7 +313,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>—</td>
|
||||
<td>2026-04-26</td>
|
||||
<td>张巡检</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -110,6 +110,10 @@ 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>
|
||||
@@ -273,7 +277,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-green">优</span></td>
|
||||
<td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-05-20</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FL02-MT-HWJJ-1200-20260315-001</td>
|
||||
@@ -287,7 +291,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-blue">良</span></td>
|
||||
<td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-05-05</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FL03-MT-MAYU-680H-20260320-001</td>
|
||||
@@ -301,7 +305,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-blue">良</span></td>
|
||||
<td><span class="tag tag-orange">轻微异常</span></td>
|
||||
<td>2026-05-12</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ST-FH-FL04-MT-HUYA-180H-20260405-001</td>
|
||||
@@ -315,7 +319,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td><span class="tag tag-green">优</span></td>
|
||||
<td><span class="tag tag-green">正常</span></td>
|
||||
<td>2026-06-01</td>
|
||||
<td><a class="link" onclick="openModal()">查看详情</a></td>
|
||||
<td class="td-actions"><a class="link" onclick="openModal()">查看详情</a> <a class="link" onclick="openModal()">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -89,6 +89,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
/* 操作栏 */
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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;}
|
||||
/* 模态弹窗 */
|
||||
.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;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;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -137,38 +150,6 @@ tbody tr:hover{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">286</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">¥48.6万</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">8</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">42</div>
|
||||
<div class="stat-card__label">本月订单</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
@@ -206,7 +187,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
@@ -224,18 +204,18 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>菠菜</td><td>蔬菜类</td><td>50</td><td>¥2.5</td><td>¥125</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BCAI-080K-20260415-003</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>白菜</td><td>蔬菜类</td><td>80</td><td>¥1.8</td><td>¥144</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-HLUB-120K-20260415-004</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>胡萝卜</td><td>蔬菜类</td><td>120</td><td>¥1.8</td><td>¥216</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪里脊</td><td>肉禽类</td><td>80</td><td>¥28</td><td>¥2,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZWUA-240K-20260415-006</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪五花</td><td>肉禽类</td><td>240</td><td>¥26</td><td>¥6,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>草鱼</td><td>水产类</td><td>60</td><td>¥18</td><td>¥1,080</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-JIYU-080K-20260414-002</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>鲫鱼</td><td>水产类</td><td>80</td><td>¥16</td><td>¥1,280</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-XIAA-050K-20260414-003</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>虾</td><td>水产类</td><td>50</td><td>¥30</td><td>¥1,500</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-DAMI-1000-20260413-001</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>大米</td><td>粮油类</td><td>1000</td><td>¥3.5</td><td>¥3,500</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-HSYO-168K-20260413-002</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>花生油</td><td>粮油类</td><td>168</td><td>¥16</td><td>¥2,688</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-XLHU-080K-20260416-001</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>西兰花</td><td>蔬菜类</td><td>80</td><td>¥4.5</td><td>¥360</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-QCAI-120K-20260416-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>芹菜</td><td>蔬菜类</td><td>120</td><td>¥2.5</td><td>¥300</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>菠菜</td><td>蔬菜类</td><td>50</td><td>¥2.5</td><td>¥125</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BCAI-080K-20260415-003</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>白菜</td><td>蔬菜类</td><td>80</td><td>¥1.8</td><td>¥144</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-HLUB-120K-20260415-004</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>胡萝卜</td><td>蔬菜类</td><td>120</td><td>¥1.8</td><td>¥216</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪里脊</td><td>肉禽类</td><td>80</td><td>¥28</td><td>¥2,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZWUA-240K-20260415-006</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪五花</td><td>肉禽类</td><td>240</td><td>¥26</td><td>¥6,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>草鱼</td><td>水产类</td><td>60</td><td>¥18</td><td>¥1,080</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-JIYU-080K-20260414-002</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>鲫鱼</td><td>水产类</td><td>80</td><td>¥16</td><td>¥1,280</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-XIAA-050K-20260414-003</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>虾</td><td>水产类</td><td>50</td><td>¥30</td><td>¥1,500</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-DAMI-1000-20260413-001</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>大米</td><td>粮油类</td><td>1000</td><td>¥3.5</td><td>¥3,500</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-HSYO-168K-20260413-002</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>花生油</td><td>粮油类</td><td>168</td><td>¥16</td><td>¥2,688</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-XLHU-080K-20260416-001</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>西兰花</td><td>蔬菜类</td><td>80</td><td>¥4.5</td><td>¥360</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-QCAI-120K-20260416-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>芹菜</td><td>蔬菜类</td><td>120</td><td>¥2.5</td><td>¥300</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -253,7 +233,37 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 视频监控弹窗 -->
|
||||
<div class="modal-overlay" id="videoModal" style="display:none;">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">监控视频播放</span>
|
||||
<span class="modal-close" onclick="closeVideoModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:0;">
|
||||
<div style="width:100%;height:400px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="30" stroke="#555" stroke-width="2"/><polygon points="26,20 26,44 46,32" fill="#555"/></svg>
|
||||
<span style="color:#888;font-size:13px;">采购运输监控画面（模拟）</span>
|
||||
</div>
|
||||
<div style="padding:16px 24px;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;">
|
||||
<span style="font-size:13px;color:#666;">摄像头：运输车辆-01 | 2026-04-15 08:32:16</span>
|
||||
<div style="display:flex;gap:8px;">
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">截图</button>
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">全屏</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeVideoModal()">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 视频弹窗控制
|
||||
function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
|
||||
function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
|
||||
document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
|
||||
// 侧边栏子组折叠
|
||||
function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
|
||||
// 初始化：若当前激活项位于子组中，自动展开其所在子组
|
||||
|
||||
@@ -95,6 +95,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.page-tab:hover{color:var(--primary);}
|
||||
.page-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
|
||||
.tab-panel{display:none;}.tab-panel.active{display:block;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -224,12 +228,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>SUP-IN-001</td><td>A区蔬菜基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-001/LAND-002</td><td>2,400</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-002</td><td>B区根茎基地</td><td>蔬菜</td><td>王负责人</td><td>LAND-002</td><td>1,200</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-003</td><td>C区菌菇大棚</td><td>蔬菜</td><td>张负责人</td><td>LAND-003</td><td>480</td><td><span class="tag tag-green">运营中</span></td><td>昨日</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-004</td><td>D区豆类基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-004</td><td>860</td><td><span class="tag tag-gray">休耕中</span></td><td>3天前</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-005</td><td>A1-猪舍</td><td>肉禽</td><td>赵负责人</td><td>BREED-A1</td><td>3,200</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-006</td><td>B3-鸡舍</td><td>肉禽</td><td>陈负责人</td><td>BREED-B3</td><td>1,800</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>SUP-IN-001</td><td>A区蔬菜基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-001/LAND-002</td><td>2,400</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>SUP-IN-002</td><td>B区根茎基地</td><td>蔬菜</td><td>王负责人</td><td>LAND-002</td><td>1,200</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>SUP-IN-003</td><td>C区菌菇大棚</td><td>蔬菜</td><td>张负责人</td><td>LAND-003</td><td>480</td><td><span class="tag tag-green">运营中</span></td><td>昨日</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>SUP-IN-004</td><td>D区豆类基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-004</td><td>860</td><td><span class="tag tag-gray">休耕中</span></td><td>3天前</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>SUP-IN-005</td><td>A1-猪舍</td><td>肉禽</td><td>赵负责人</td><td>BREED-A1</td><td>3,200</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>SUP-IN-006</td><td>B3-鸡舍</td><td>肉禽</td><td>陈负责人</td><td>BREED-B3</td><td>1,800</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -287,10 +291,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>绿源蔬菜配送</td><td>蔬菜</td><td>138-0001-0001</td><td>本市郊区蔬菜基地</td><td><span class="tag tag-green">正常</span></td><td>4.6</td><td>3年</td><td>128单</td><td>今日</td><td>质量优/准时</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>鲜肉直供公司</td><td>肉类</td><td>139-0002-0002</td><td>本市农贸市场A区</td><td><span class="tag tag-green">正常</span></td><td>4.4</td><td>2年</td><td>96单</td><td>今日</td><td>质量良/准时</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>海鲜水产配送</td><td>水产</td><td>136-0003-0003</td><td>滨海水产批发市场</td><td><span class="tag tag-orange">即将到期</span></td><td>4.1</td><td>1年</td><td>48单</td><td>昨日</td><td>质量良/延迟</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>粮油批发商行</td><td>粮油</td><td>135-0004-0004</td><td>本市粮油批发中心</td><td><span class="tag tag-green">正常</span></td><td>4.5</td><td>4年</td><td>156单</td><td>3天前</td><td>质量优/准时</td><td><a class="link">查看详情</a></td></tr>
|
||||
<tr><td>绿源蔬菜配送</td><td>蔬菜</td><td>138-0001-0001</td><td>本市郊区蔬菜基地</td><td><span class="tag tag-green">正常</span></td><td>4.6</td><td>3年</td><td>128单</td><td>今日</td><td>质量优/准时</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>鲜肉直供公司</td><td>肉类</td><td>139-0002-0002</td><td>本市农贸市场A区</td><td><span class="tag tag-green">正常</span></td><td>4.4</td><td>2年</td><td>96单</td><td>今日</td><td>质量良/准时</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>海鲜水产配送</td><td>水产</td><td>136-0003-0003</td><td>滨海水产批发市场</td><td><span class="tag tag-orange">即将到期</span></td><td>4.1</td><td>1年</td><td>48单</td><td>昨日</td><td>质量良/延迟</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
<tr><td>粮油批发商行</td><td>粮油</td><td>135-0004-0004</td><td>本市粮油批发中心</td><td><span class="tag tag-green">正常</span></td><td>4.5</td><td>4年</td><td>156单</td><td>3天前</td><td>质量优/准时</td><td class="td-actions"><a class="link">查看详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -68,6 +68,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -113,16 +117,16 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>订单号</th><th>申请厨房</th><th>食材名称</th><th>溯源码</th><th>食材分类</th><th>需求数量(kg)</th><th>需求时间</th><th>库存状态</th><th>订单状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>菠菜</td><td>NC-IN-BOCA-20260422-01</td><td>蔬菜类</td><td>30</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>白菜</td><td>NC-IN-BCAI-20260422-01</td><td>蔬菜类</td><td>25</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>胡萝卜</td><td>NC-IN-HLUB-20260422-01</td><td>蔬菜类</td><td>25</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-002</td><td>B区厨房</td><td>猪里脊</td><td>NC-IN-ZLRJ-20260415-01</td><td>肉禽类</td><td>40</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-002</td><td>B区厨房</td><td>鸡胸肉</td><td>NC-IN-JXRJ-20260422-01</td><td>肉禽类</td><td>20</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-003</td><td>C区厨房</td><td>草鱼</td><td>—</td><td>水产类</td><td>40</td><td>11:30前</td><td><span class="tag tag-red">库存不足</span></td><td><span class="tag tag-orange">待处理</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-004</td><td>A区厨房</td><td>西兰花</td><td>NC-IN-XLHU-20260422-01</td><td>蔬菜类</td><td>8</td><td>11:20前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-004</td><td>A区厨房</td><td>清蒸鱼</td><td>NC-IN-CAYO-20260422-01</td><td>水产类</td><td>12</td><td>11:20前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-005</td><td>B区厨房</td><td>杂粮米</td><td>NC-IN-DAMI-20260422-01</td><td>粮油类</td><td>10</td><td>11:25前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-005</td><td>B区厨房</td><td>冬瓜</td><td>—</td><td>蔬菜类</td><td>6</td><td>11:25前</td><td><span class="tag tag-orange">库存不足</span></td><td><span class="tag tag-orange">待处理</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>菠菜</td><td>NC-IN-BOCA-20260422-01</td><td>蔬菜类</td><td>30</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>白菜</td><td>NC-IN-BCAI-20260422-01</td><td>蔬菜类</td><td>25</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-001</td><td>A区厨房</td><td>胡萝卜</td><td>NC-IN-HLUB-20260422-01</td><td>蔬菜类</td><td>25</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-002</td><td>B区厨房</td><td>猪里脊</td><td>NC-IN-ZLRJ-20260415-01</td><td>肉禽类</td><td>40</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-002</td><td>B区厨房</td><td>鸡胸肉</td><td>NC-IN-JXRJ-20260422-01</td><td>肉禽类</td><td>20</td><td>11:00前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-003</td><td>C区厨房</td><td>草鱼</td><td>—</td><td>水产类</td><td>40</td><td>11:30前</td><td><span class="tag tag-red">库存不足</span></td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-004</td><td>A区厨房</td><td>西兰花</td><td>NC-IN-XLHU-20260422-01</td><td>蔬菜类</td><td>8</td><td>11:20前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-004</td><td>A区厨房</td><td>清蒸鱼</td><td>NC-IN-CAYO-20260422-01</td><td>水产类</td><td>12</td><td>11:20前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-005</td><td>B区厨房</td><td>杂粮米</td><td>NC-IN-DAMI-20260422-01</td><td>粮油类</td><td>10</td><td>11:25前</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CO-005</td><td>B区厨房</td><td>冬瓜</td><td>—</td><td>蔬菜类</td><td>6</td><td>11:25前</td><td><span class="tag tag-orange">库存不足</span></td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -66,16 +66,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
|
||||
.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
|
||||
.stat-card__icon.blue{background:var(--primary-light);}
|
||||
.stat-card__icon.green{background:#F6FFED;}
|
||||
.stat-card__icon.orange{background:#FFF7E6;}
|
||||
.stat-card__icon.red{background:#FFF1F0;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.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);}
|
||||
@@ -93,6 +83,10 @@ 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>
|
||||
@@ -132,13 +126,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</aside>
|
||||
|
||||
<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">36</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">28</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">6</div><div class="stat-card__label">组配中</div></div></div>
|
||||
<div class="stat-card"><div class="stat-card__icon red">⏳</div><div class="stat-card__info"><div class="stat-card__value">2</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="请输入任务编号"></div>
|
||||
<div class="filter-item"><label>目标菜品</label><input class="filter-input" type="text" placeholder="请输入目标菜品"></div>
|
||||
@@ -148,9 +135,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-primary" onclick="openModal()">➕ 新建组配任务</button>
|
||||
<button class="btn btn-default">🔗 溯源查询</button>
|
||||
<button class="btn btn-default">📹 视频监控</button>
|
||||
<button class="btn btn-primary" onclick="openModal()">新建组配任务</button>
|
||||
</div>
|
||||
|
||||
<div class="table-card">
|
||||
@@ -159,12 +144,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>任务编号</th><th>目标菜品</th><th>食材配方</th><th>需求规格</th><th>组配状态</th><th>负责人</th><th>完成时间</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>CMB-001</td><td>宫保鸡丁</td><td><a class="link">查看配方</a></td><td>中组(8份) · 50组</td><td><span class="tag tag-green">已完成</span></td><td>李组配</td><td>10:30</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-002</td><td>番茄炒蛋</td><td><a class="link">查看配方</a></td><td>大组(16份) · 80组</td><td><span class="tag tag-green">已完成</span></td><td>王组配</td><td>10:45</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-003</td><td>红烧肉</td><td><a class="link">查看配方</a></td><td>大组(16份) · 60组</td><td><span class="tag tag-blue">组配中</span></td><td>张组配</td><td>—</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-004</td><td>清蒸鱼</td><td><a class="link">查看配方</a></td><td>小组(4份) · 40组</td><td><span class="tag tag-orange">待组配</span></td><td>—</td><td>—</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-005</td><td>炒时蔬</td><td><a class="link">查看配方</a></td><td>多人组(30份) · 20组</td><td><span class="tag tag-green">已完成</span></td><td>赵组配</td><td>10:50</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-006</td><td>豆腐</td><td><a class="link">查看配方</a></td><td>自定义(12份/组) · 35组</td><td><span class="tag tag-orange">待组配</span></td><td>—</td><td>—</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>CMB-001</td><td>宫保鸡丁</td><td><a class="link" onclick="openRecipeModal('宫保鸡丁')">查看配方</a></td><td>中组(8份) · 50组</td><td><span class="tag tag-green">已完成</span></td><td>李组配</td><td>10:30</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>CMB-002</td><td>番茄炒蛋</td><td><a class="link" onclick="openRecipeModal('番茄炒蛋')">查看配方</a></td><td>大组(16份) · 80组</td><td><span class="tag tag-green">已完成</span></td><td>王组配</td><td>10:45</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>CMB-003</td><td>红烧肉</td><td><a class="link" onclick="openRecipeModal('红烧肉')">查看配方</a></td><td>大组(16份) · 60组</td><td><span class="tag tag-blue">组配中</span></td><td>张组配</td><td>—</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>CMB-004</td><td>清蒸鱼</td><td><a class="link" onclick="openRecipeModal('清蒸鱼')">查看配方</a></td><td>小组(4份) · 40组</td><td><span class="tag tag-orange">待组配</span></td><td>—</td><td>—</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>CMB-005</td><td>炒时蔬</td><td><a class="link" onclick="openRecipeModal('炒时蔬')">查看配方</a></td><td>多人组(30份) · 20组</td><td><span class="tag tag-green">已完成</span></td><td>赵组配</td><td>10:50</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>CMB-006</td><td>豆腐</td><td><a class="link" onclick="openRecipeModal('豆腐')">查看配方</a></td><td>自定义(12份/组) · 35组</td><td><span class="tag tag-orange">待组配</span></td><td>—</td><td>—</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -180,29 +165,38 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
<div class="modal" style="width:640px;">
|
||||
<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="自动生成" disabled style="background:#f5f5f5;">
|
||||
</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="number" placeholder="请输入需求份数">
|
||||
<label>需求规格<span class="required">*</span></label>
|
||||
<input type="text" placeholder="如：中组(8份) · 50组">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>负责人<span class="required">*</span></label>
|
||||
<label>负责人</label>
|
||||
<input type="text" placeholder="请输入负责人">
|
||||
</div>
|
||||
<div class="form-item"></div>
|
||||
<div class="form-item full">
|
||||
<label>食材配方（JSON格式）</label>
|
||||
<textarea placeholder='[{"name":"鸡胸肉","weightPerPortion":120,"unit":"g"},...]'></textarea>
|
||||
<label>食材清单</label>
|
||||
<table style="width:100%;border:1px solid #e8e8e8;border-radius:4px;border-collapse:collapse;margin-top:4px;">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:8px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材编码</th><th style="padding:8px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材名称</th><th style="padding:8px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">每份用量</th><th style="padding:8px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">操作</th></tr></thead>
|
||||
<tbody id="ingredientRows">
|
||||
<tr><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="SC-001"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="鸡胸肉"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="120g"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><a class="link" style="color:var(--danger);font-size:12px;cursor:pointer;">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<button class="btn btn-default" style="margin-top:8px;height:30px;font-size:12px;" onclick="addIngredientRow()">+ 添加食材</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -212,10 +206,40 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 查看配方弹窗 -->
|
||||
<div class="modal-overlay" id="recipeModal" style="display:none;">
|
||||
<div class="modal" style="width:600px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title" id="recipeModalTitle">食材明细 - 宫保鸡丁</span>
|
||||
<span class="modal-close" onclick="closeRecipeModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:16px 24px;">
|
||||
<table style="width:100%;border-collapse:collapse;">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材编码</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材名称</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">每份用量</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">合计用量（50份）</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-001</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">鸡胸肉</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">120g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">6000g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-012</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">花生米</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">30g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">1500g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-008</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">干辣椒</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">10g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">500g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-015</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">黄瓜丁</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">40g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">2000g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;">SC-020</td><td style="padding:10px 12px;font-size:13px;">葱姜蒜</td><td style="padding:10px 12px;font-size:13px;">15g</td><td style="padding:10px 12px;font-size:13px;">750g</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeRecipeModal()">关闭</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();});
|
||||
function openRecipeModal(name){document.getElementById('recipeModalTitle').textContent='食材明细 - '+name;document.getElementById('recipeModal').style.display='flex';}
|
||||
function closeRecipeModal(){document.getElementById('recipeModal').style.display='none';}
|
||||
document.getElementById('recipeModal').addEventListener('click',function(e){if(e.target===this)closeRecipeModal();});
|
||||
function addIngredientRow(){var tbody=document.getElementById('ingredientRows');var tr=document.createElement('tr');tr.innerHTML='<td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="SC-XXX"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="食材名称"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><input type="text" style="width:100%;height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;" placeholder="用量"></td><td style="padding:6px 8px;border-bottom:1px solid #e8e8e8;"><a class="link" style="color:var(--danger);font-size:12px;cursor:pointer;" onclick="this.closest(\'tr\').remove()">删除</a></td>';tbody.appendChild(tr);}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -64,33 +64,42 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
|
||||
.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
|
||||
.stat-card__icon.blue{background:var(--primary-light);}
|
||||
.stat-card__icon.green{background:#F6FFED;}
|
||||
.stat-card__icon.orange{background:#FFF7E6;}
|
||||
.stat-card__icon.red{background:#FFF1F0;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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;}
|
||||
/* 弹窗 */
|
||||
.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:680px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
|
||||
.modal{background:#fff;border-radius:8px;max-height:85vh;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-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;}
|
||||
/* 模型数据弹窗 */
|
||||
.model-meta{display:flex;gap:32px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;}
|
||||
.model-meta__item{display:flex;flex-direction:column;gap:4px;}
|
||||
.model-meta__label{font-size:12px;color:#8c8c8c;}
|
||||
.model-meta__value{font-size:14px;color:#262626;font-weight:500;}
|
||||
.model-score{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#f6ffed;border-radius:8px;border:1px solid #b7eb8f;}
|
||||
.model-score__circle{width:72px;height:72px;border-radius:50%;border:4px solid #52c41a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#52c41a;flex-shrink:0;}
|
||||
.model-score__num{font-size:28px;font-weight:700;line-height:1;}
|
||||
.model-score__label{font-size:11px;margin-top:2px;color:#8c8c8c;}
|
||||
.model-score__info{flex:1;}
|
||||
.model-score__title{font-size:15px;font-weight:600;color:#52c41a;margin-bottom:4px;}
|
||||
.model-score__title span{font-size:13px;color:#8c8c8c;font-weight:400;margin-left:8px;}
|
||||
.model-score__desc{font-size:13px;color:#595959;line-height:1.6;}
|
||||
.model-section-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:12px;}
|
||||
.model-ref{margin-top:20px;padding:16px 20px;background:#f6ffed;border-radius:8px;border:1px solid #b7eb8f;}
|
||||
.model-ref__title{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px;}
|
||||
.model-ref__info{font-size:13px;color:#595959;line-height:1.8;}
|
||||
/* 温度曲线 */
|
||||
.temp-chart{width:100%;height:240px;position:relative;border:1px solid #e8e8e8;border-radius:6px;padding:16px 16px 32px 48px;background:#fafafa;}
|
||||
.temp-chart__y{position:absolute;left:8px;top:16px;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#999;}
|
||||
.temp-chart__x{position:absolute;left:48px;right:16px;bottom:8px;display:flex;justify-content:space-between;font-size:11px;color:#999;}
|
||||
.temp-chart__area{width:100%;height:100%;position:relative;}
|
||||
.temp-chart__svg{width:100%;height:100%;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -130,13 +139,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</aside>
|
||||
|
||||
<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">572</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">284</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">288</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">486</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="请输入订单号"></div>
|
||||
<div class="filter-item"><label>菜品名称</label><input class="filter-input" type="text" placeholder="请输入菜品名称"></div>
|
||||
@@ -147,12 +149,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<div class="action-bar">
|
||||
<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>
|
||||
<button class="btn btn-default">🔔 通知取餐</button>
|
||||
<button class="btn btn-default">🔗 溯源查询</button>
|
||||
<button class="btn btn-default">📹 视频监控</button>
|
||||
<button class="btn btn-default">通知取餐</button>
|
||||
</div>
|
||||
|
||||
<div class="table-card">
|
||||
@@ -161,13 +160,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>烹制任务号</th><th>来源类型</th><th>组配任务号</th><th>菜品名称</th><th>计划烹制规格</th><th>实际烹制规格</th><th>厨师</th><th>生重(kg)</th><th>熟重(kg)</th><th>生熟比</th><th>烹制开始</th><th>烹制结束</th><th>食材明细</th><th>温度过程</th><th>视频记录</th><th>模型数据</th><th>烹制状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>COOK-001</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-001</td><td>宫保鸡丁</td><td>中组(8份) · 50组</td><td>中组(8份) · 50组</td><td>张厨师</td><td>8.5</td><td>7.2</td><td>0.85</td><td>11:00</td><td>11:20</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>可回放</td><td><span class="tag tag-green">92分</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-002</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-002</td><td>番茄炒蛋</td><td>大组(16份) · 80组</td><td>大组(16份) · 80组</td><td>李厨师</td><td>12.0</td><td>10.4</td><td>0.87</td><td>11:05</td><td>11:20</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>可回放</td><td><span class="tag tag-green">88分</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-003</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-003</td><td>红烧肉</td><td>大组(16份) · 60组</td><td>—</td><td>王厨师</td><td>10.0</td><td>—</td><td>—</td><td>11:10</td><td>—</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>录制中</td><td><span class="tag tag-blue">检测中</span></td><td><span class="tag tag-blue">烹制中</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-004</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-004</td><td>清蒸鱼</td><td>小组(4份) · 40组</td><td>—</td><td>张厨师</td><td>6.5</td><td>—</td><td>—</td><td>11:15</td><td>—</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>录制中</td><td><span class="tag tag-blue">检测中</span></td><td><span class="tag tag-blue">烹制中</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-005</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-005</td><td>蒜蓉菠菜</td><td>多人组(30份) · 100组</td><td>—</td><td>—</td><td>15.0</td><td>—</td><td>—</td><td>—</td><td>—</td><td><a class="link">查看配方</a></td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待烹制</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-006</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-005</td><td>炒时蔬</td><td>多人组(30份) · 20组</td><td>多人组(30份) · 20组</td><td>赵厨师</td><td>18.0</td><td>15.6</td><td>0.87</td><td>11:10</td><td>11:30</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>可回放</td><td><span class="tag tag-green">95分</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-007</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-006</td><td>豆腐</td><td>自定义(12份/组) · 35组</td><td>自定义(12份/组) · 35组</td><td>陈厨师</td><td>4.2</td><td>3.9</td><td>0.93</td><td>11:20</td><td>11:35</td><td><a class="link">查看配方</a></td><td><a class="link">温度曲线</a></td><td>可回放</td><td><span class="tag tag-green">78分</span></td><td><span class="tag tag-green">已完成</span></td><td><a class="link">详情</a></td></tr>
|
||||
<tr><td>COOK-001</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-001</td><td>宫保鸡丁</td><td>中组(8份) · 50组</td><td>中组(8份) · 50组</td><td>张厨师</td><td>8.5</td><td>7.2</td><td>0.85</td><td>11:00</td><td>11:20</td><td><a class="link" onclick="openIngredientModal('宫保鸡丁')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>可回放</td><td><a class="link" onclick="openModelModal()"><span class="tag tag-green">92分</span></a></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-002</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-002</td><td>番茄炒蛋</td><td>大组(16份) · 80组</td><td>大组(16份) · 80组</td><td>李厨师</td><td>12.0</td><td>10.4</td><td>0.87</td><td>11:05</td><td>11:20</td><td><a class="link" onclick="openIngredientModal('番茄炒蛋')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>可回放</td><td><a class="link" onclick="openModelModal()"><span class="tag tag-green">88分</span></a></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-003</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-003</td><td>红烧肉</td><td>大组(16份) · 60组</td><td>—</td><td>王厨师</td><td>10.0</td><td>—</td><td>—</td><td>11:10</td><td>—</td><td><a class="link" onclick="openIngredientModal('红烧肉')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>录制中</td><td><span class="tag tag-blue">分析中</span></td><td><span class="tag tag-blue">烹制中</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-004</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-004</td><td>清蒸鱼</td><td>小组(4份) · 40组</td><td>—</td><td>张厨师</td><td>6.5</td><td>—</td><td>—</td><td>11:15</td><td>—</td><td><a class="link" onclick="openIngredientModal('清蒸鱼')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>录制中</td><td><span class="tag tag-blue">分析中</span></td><td><span class="tag tag-blue">烹制中</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-005</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-005</td><td>蒜蓉菠菜</td><td>多人组(30份) · 100组</td><td>—</td><td>—</td><td>15.0</td><td>—</td><td>—</td><td>—</td><td>—</td><td><a class="link" onclick="openIngredientModal('蒜蓉菠菜')">查看配方</a></td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待烹制</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-006</td><td><span class="tag tag-gray">餐线</span></td><td>CMB-005</td><td>炒时蔬</td><td>多人组(30份) · 20组</td><td>多人组(30份) · 20组</td><td>赵厨师</td><td>18.0</td><td>15.6</td><td>0.87</td><td>11:10</td><td>11:30</td><td><a class="link" onclick="openIngredientModal('炒时蔬')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>可回放</td><td><a class="link" onclick="openModelModal()"><span class="tag tag-green">95分</span></a></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>COOK-007</td><td><span class="tag tag-blue">点餐</span></td><td>CMB-006</td><td>豆腐</td><td>自定义(12份/组) · 35组</td><td>自定义(12份/组) · 35组</td><td>陈厨师</td><td>4.2</td><td>3.9</td><td>0.93</td><td>11:20</td><td>11:35</td><td><a class="link" onclick="openIngredientModal('豆腐')">查看配方</a></td><td><a class="link" onclick="openTempModal()">温度曲线</a></td><td>可回放</td><td><a class="link" onclick="openModelModal()"><span class="tag tag-green">78分</span></a></td><td><span class="tag tag-green">已完成</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -182,46 +181,110 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
<!-- 食材明细弹窗 -->
|
||||
<div class="modal-overlay" id="ingredientModal" style="display:none;" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">新增烹制任务</span>
|
||||
<span class="modal-close" onclick="closeModal()">×</span>
|
||||
<span class="modal-title" id="ingredientTitle">食材明细 - 宫保鸡丁</span>
|
||||
<span class="modal-close" onclick="document.getElementById('ingredientModal').style.display='none'">×</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>
|
||||
<select><option>请选择</option><option>点餐</option><option>餐线</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>计划烹制量(份)<span class="required">*</span></label>
|
||||
<input type="number" placeholder="请输入计划烹制量">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>厨师<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入厨师姓名">
|
||||
</div>
|
||||
<div class="form-item full">
|
||||
<label>食材用量明细（标准用量g/实际用量g）</label>
|
||||
<textarea placeholder="请输入食材用量明细"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeModal()">取消</button>
|
||||
<button class="btn btn-primary">确定</button>
|
||||
<div class="modal-body" style="padding:16px 24px;">
|
||||
<table style="width:100%;border-collapse:collapse;">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材编码</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">食材名称</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">分类</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">标准用量/份</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">实际用量/份</th><th style="padding:10px 12px;text-align:left;font-size:13px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">合计标准(50份)</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-001</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">鸡胸肉</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-blue">主材</span></td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">120g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">118g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">6000g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-012</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">花生米</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-green">辅料</span></td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">30g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">32g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">1500g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-015</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">黄瓜丁</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-green">辅料</span></td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">40g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">38g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">2000g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">SC-008</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">干辣椒</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-orange">调料</span></td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">10g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">10g</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">500g</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;">SC-020</td><td style="padding:10px 12px;font-size:13px;">葱姜蒜</td><td style="padding:10px 12px;font-size:13px;"><span class="tag tag-orange">调料</span></td><td style="padding:10px 12px;font-size:13px;">15g</td><td style="padding:10px 12px;font-size:13px;">16g</td><td style="padding:10px 12px;font-size:13px;">750g</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer"><button class="btn btn-default" onclick="document.getElementById('ingredientModal').style.display='none'">关闭</button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 温度过程弹窗 -->
|
||||
<div class="modal-overlay" id="tempModal" style="display:none;" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal" style="width:640px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">温度过程曲线</span>
|
||||
<span class="modal-close" onclick="document.getElementById('tempModal').style.display='none'">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="temp-chart">
|
||||
<div class="temp-chart__y"><span>200°C</span><span>150°C</span><span>100°C</span><span>50°C</span><span>0°C</span></div>
|
||||
<div class="temp-chart__area">
|
||||
<svg class="temp-chart__svg" viewBox="0 0 500 180" preserveAspectRatio="none">
|
||||
<polyline points="0,160 50,140 100,90 150,50 200,35 250,30 300,32 350,45 400,60 450,80 500,100" fill="none" stroke="#1890FF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<polyline points="0,160 50,140 100,90 150,50 200,35 250,30 300,32 350,45 400,60 450,80 500,100" fill="url(#tempGrad)" stroke="none"/>
|
||||
<defs><linearGradient id="tempGrad" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#1890FF" stop-opacity="0.2"/><stop offset="100%" stop-color="#1890FF" stop-opacity="0.02"/></linearGradient></defs>
|
||||
<!-- 安全线 -->
|
||||
<line x1="0" y1="55" x2="500" y2="55" stroke="#52c41a" stroke-width="1" stroke-dasharray="4,3"/>
|
||||
<text x="505" y="58" font-size="10" fill="#52c41a" style="font-family:sans-serif;">安全线 150°C</text>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="temp-chart__x"><span>0min</span><span>2min</span><span>4min</span><span>6min</span><span>8min</span><span>10min</span><span>12min</span><span>14min</span><span>16min</span><span>18min</span><span>20min</span></div>
|
||||
</div>
|
||||
<div style="margin-top:12px;display:flex;gap:16px;font-size:12px;color:#666;">
|
||||
<span><span style="display:inline-block;width:12px;height:3px;background:#1890FF;border-radius:2px;vertical-align:middle;margin-right:4px;"></span>实际温度</span>
|
||||
<span><span style="display:inline-block;width:12px;height:3px;background:#52c41a;border-radius:2px;vertical-align:middle;margin-right:4px;border-top:1px dashed #52c41a;"></span>安全温度线</span>
|
||||
<span style="margin-left:auto;">最高温度: 172°C | 平均温度: 148°C | 烹制时长: 20min</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"><button class="btn btn-default" onclick="document.getElementById('tempModal').style.display='none'">关闭</button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 模型数据弹窗 -->
|
||||
<div class="modal-overlay" id="modelModal" style="display:none;" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal" style="width:680px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">模型数据 — COOK-001</span>
|
||||
<span class="modal-close" onclick="document.getElementById('modelModal').style.display='none'">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 基本信息 -->
|
||||
<div class="model-meta">
|
||||
<div class="model-meta__item"><span class="model-meta__label">菜品</span><span class="model-meta__value">宫保鸡丁</span></div>
|
||||
<div class="model-meta__item"><span class="model-meta__label">烹制任务号</span><span class="model-meta__value">COOK-001</span></div>
|
||||
<div class="model-meta__item"><span class="model-meta__label">来源组配</span><span class="model-meta__value">CMB-001</span></div>
|
||||
<div class="model-meta__item"><span class="model-meta__label">厨师</span><span class="model-meta__value">张厨师</span></div>
|
||||
<div class="model-meta__item"><span class="model-meta__label">分析时间</span><span class="model-meta__value">2026-04-22 11:20</span></div>
|
||||
</div>
|
||||
<!-- 综合评分 -->
|
||||
<div class="model-score">
|
||||
<div class="model-score__circle"><span class="model-score__num">92</span><span class="model-score__label">综合评分</span></div>
|
||||
<div class="model-score__info">
|
||||
<div class="model-score__title">✓ 优秀<span>基于 烹制熟度模型 v2.1.3</span></div>
|
||||
<div class="model-score__desc">整体控制良好，达标评分 92。实际烹制时长略超预测 2 分钟，下次可提前 1 分钟关火以减少水分损失。</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 关键指标对比 -->
|
||||
<div class="model-section-title">📊 关键指标对比（预测 vs 实际）</div>
|
||||
<table style="width:100%;border-collapse:collapse;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:4px;">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">指标</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">模型预测</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">实际值</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">偏差</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">判定</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">熟重预测</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">7.43 kg</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">7.2 kg</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">+3.2%</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-green">✓ 达标</span></td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">生熟比</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">0.87</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">0.85</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">-2.3%</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-green">✓ 达标</span></td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">关键峰值温度</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">215°C</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">220°C</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">+2.3%</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><span class="tag tag-green">✓ 达标</span></td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;">烹制时长</td><td style="padding:10px 12px;font-size:13px;">18 min</td><td style="padding:10px 12px;font-size:13px;">20 min</td><td style="padding:10px 12px;font-size:13px;">+11.1%</td><td style="padding:10px 12px;font-size:13px;"><span class="tag tag-orange">⚠ 注意</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 关联模型 -->
|
||||
<div class="model-ref">
|
||||
<div class="model-ref__title">🤖 关联模型</div>
|
||||
<div class="model-ref__info">模型ID：SM-007 模型名称：烹制熟度模型 版本：v2.1.3 训练样本：28,560 条 最近更新：2026-04-12</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"><button class="btn btn-default" onclick="document.getElementById('modelModal').style.display='none'">关闭</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();});
|
||||
function openIngredientModal(name){document.getElementById('ingredientTitle').textContent='食材明细 - '+name;document.getElementById('ingredientModal').style.display='flex';}
|
||||
function openTempModal(){document.getElementById('tempModal').style.display='flex';}
|
||||
function openModelModal(){document.getElementById('modelModal').style.display='flex';}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -57,17 +57,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
|
||||
.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
|
||||
.stat-card__icon.blue{background:var(--primary-light);}
|
||||
.stat-card__icon.green{background:#F6FFED;}
|
||||
.stat-card__icon.orange{background:#FFF7E6;}
|
||||
.stat-card__icon.red{background:#FFF1F0;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -91,12 +85,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<a href="prod-proc-stats.html" class="sidebar-item"><span class="mi">📊</span>生产统计</a>
|
||||
</aside>
|
||||
<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">32道</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">28道</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">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">100%</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="请输入菜品名称"></div>
|
||||
<div class="filter-item"><label>餐次</label><select class="filter-select"><option>全部</option><option>早餐</option><option>午餐</option><option>晚餐</option></select></div>
|
||||
@@ -117,12 +105,12 @@ tbody tr:hover{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>上餐重量(kg)</th><th>上餐状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>宫保鸡丁</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>张厨师</td><td>COOK-001</td><td>11:18</td><td>82</td><td>11:30</td><td>A区中餐线</td><td>00025号秤</td><td>38.2</td><td><span class="tag tag-blue">上餐中</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>番茄炒蛋</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>李厨师</td><td>COOK-002</td><td>11:20</td><td>78</td><td>11:30</td><td>A区中餐线</td><td>00025号秤</td><td>22.6</td><td><span class="tag tag-blue">上餐中</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>红烧肉</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>王厨师</td><td>COOK-003</td><td>11:22</td><td>86</td><td>11:38</td><td>B区中餐线</td><td>00027号秤</td><td>42.6</td><td><span class="tag tag-orange">延误8分钟</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-gray">早餐</span></td><td>小米粥</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>赵厨师</td><td>COOK-006</td><td>07:20</td><td>75</td><td>07:28</td><td>A区早餐线</td><td>00022号秤</td><td>12.6</td><td><span class="tag tag-gray">已结束</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-gray">早餐</span></td><td>燕麦粥</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>陈厨师</td><td>COOK-007</td><td>07:22</td><td>72</td><td>07:35</td><td>B区早餐线</td><td>00023号秤</td><td>8.4</td><td><span class="tag tag-orange">延误5分钟</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>蒜蓉菠菜</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>—</td><td>COOK-005</td><td>—</td><td>—</td><td>—</td><td>C区快餐线</td><td>00028号秤</td><td>—</td><td><span class="tag tag-gray">待上餐</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>宫保鸡丁</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>张厨师</td><td>COOK-001</td><td>11:18</td><td>82</td><td>11:30</td><td>A区中餐线</td><td>00025号秤</td><td>38.2</td><td><span class="tag tag-blue">上餐中</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>番茄炒蛋</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>李厨师</td><td>COOK-002</td><td>11:20</td><td>78</td><td>11:30</td><td>A区中餐线</td><td>00025号秤</td><td>22.6</td><td><span class="tag tag-blue">上餐中</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>红烧肉</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>王厨师</td><td>COOK-003</td><td>11:22</td><td>86</td><td>11:38</td><td>B区中餐线</td><td>00027号秤</td><td>42.6</td><td><span class="tag tag-orange">延误8分钟</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td><span class="tag tag-gray">早餐</span></td><td>小米粥</td><td><span class="tag tag-green">🤖 自动识别</span></td><td>赵厨师</td><td>COOK-006</td><td>07:20</td><td>75</td><td>07:28</td><td>A区早餐线</td><td>00022号秤</td><td>12.6</td><td><span class="tag tag-gray">已结束</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td><span class="tag tag-gray">早餐</span></td><td>燕麦粥</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>陈厨师</td><td>COOK-007</td><td>07:22</td><td>72</td><td>07:35</td><td>B区早餐线</td><td>00023号秤</td><td>8.4</td><td><span class="tag tag-orange">延误5分钟</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td><span class="tag tag-blue">午餐</span></td><td>蒜蓉菠菜</td><td><span class="tag tag-blue">👤 人工选择</span></td><td>—</td><td>COOK-005</td><td>—</td><td>—</td><td>—</td><td>C区快餐线</td><td>00028号秤</td><td>—</td><td><span class="tag tag-gray">待上餐</span></td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -77,6 +77,14 @@ tr.summary-row td{font-weight:700;background:#FAFAFA;}
|
||||
.tag-red{background:#FFF1F0;color:var(--danger);}
|
||||
.tag-gray{background:#F5F5F5;color:#999;}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}.link:hover{color:#40a9ff;}
|
||||
/* 弹窗 */
|
||||
.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:720px;max-height:85vh;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:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e8e8e8;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -149,24 +157,60 @@ tr.summary-row td{font-weight:700;background:#FAFAFA;}
|
||||
<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>净利润(元)</th><th>毛利率</th></tr></thead>
|
||||
<tbody>
|
||||
<tr class="summary-row"><td>汇总</td><td>¥86,180</td><td>¥29,300</td><td>¥923</td><td>¥2,119</td><td>¥4,719</td><td>¥8,400</td><td>—</td><td>¥131,641</td><td>¥157,720</td><td>¥71,540</td><td>¥26,079</td><td>—</td></tr>
|
||||
<tr><td>2026-04-23</td><td>¥12,840</td><td>¥4,200</td><td>¥151</td><td>¥347</td><td>¥788</td><td>¥1,200</td><td><a class="link">¥200</a></td><td>¥19,526</td><td>¥24,280</td><td>¥11,440</td><td>¥4,754</td><td><span class="tag tag-green">19.6%</span></td></tr>
|
||||
<tr><td>2026-04-22</td><td>¥15,620</td><td>¥5,100</td><td>¥162</td><td>¥358</td><td>¥813</td><td>¥1,200</td><td><a class="link">¥180</a></td><td>¥23,253</td><td>¥28,640</td><td>¥13,020</td><td>¥5,387</td><td><span class="tag tag-green">18.8%</span></td></tr>
|
||||
<tr><td>2026-04-21</td><td>¥14,380</td><td>¥4,800</td><td>¥144</td><td>¥335</td><td>¥738</td><td>¥1,200</td><td><a class="link">¥220</a></td><td>¥21,597</td><td>¥26,800</td><td>¥12,420</td><td>¥5,203</td><td><span class="tag tag-green">19.4%</span></td></tr>
|
||||
<tr><td>2026-04-20</td><td>¥13,960</td><td>¥4,600</td><td>¥138</td><td>¥322</td><td>¥706</td><td>¥1,200</td><td><a class="link">¥160</a></td><td>¥20,926</td><td>¥25,200</td><td>¥11,240</td><td>¥4,274</td><td><span class="tag tag-blue">17.0%</span></td></tr>
|
||||
<tr><td>2026-04-19</td><td>¥8,240</td><td>¥3,200</td><td>¥96</td><td>¥216</td><td>¥480</td><td>¥1,200</td><td><a class="link">¥120</a></td><td>¥13,432</td><td>¥15,600</td><td>¥7,360</td><td>¥2,168</td><td><span class="tag tag-blue">13.9%</span></td></tr>
|
||||
<tr><td>2026-04-18</td><td>¥7,860</td><td>¥3,000</td><td>¥88</td><td>¥202</td><td>¥456</td><td>¥1,200</td><td><a class="link">¥110</a></td><td>¥12,806</td><td>¥14,800</td><td>¥6,940</td><td>¥1,994</td><td><span class="tag tag-blue">13.5%</span></td></tr>
|
||||
<tr><td>2026-04-17</td><td>¥13,280</td><td>¥4,400</td><td>¥144</td><td>¥335</td><td>¥738</td><td>¥1,200</td><td><a class="link">¥190</a></td><td>¥20,097</td><td>¥24,600</td><td>¥11,320</td><td>¥4,503</td><td><span class="tag tag-green">18.3%</span></td></tr>
|
||||
<tr class="summary-row"><td>汇总</td><td>¥86,180</td><td>¥29,300</td><td>¥923</td><td>¥2,119</td><td>¥4,719</td><td>¥8,400</td><td><a class="link" onclick="openCostModal('汇总')">—</a></td><td>¥131,641</td><td>¥157,720</td><td>¥71,540</td><td>¥26,079</td><td>—</td></tr>
|
||||
<tr><td>2026-04-23</td><td>¥12,840</td><td>¥4,200</td><td>¥151</td><td>¥347</td><td>¥788</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-23')">¥200</a></td><td>¥19,526</td><td>¥24,280</td><td>¥11,440</td><td>¥4,754</td><td><span class="tag tag-green">19.6%</span></td></tr>
|
||||
<tr><td>2026-04-22</td><td>¥15,620</td><td>¥5,100</td><td>¥162</td><td>¥358</td><td>¥813</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-22')">¥180</a></td><td>¥23,253</td><td>¥28,640</td><td>¥13,020</td><td>¥5,387</td><td><span class="tag tag-green">18.8%</span></td></tr>
|
||||
<tr><td>2026-04-21</td><td>¥14,380</td><td>¥4,800</td><td>¥144</td><td>¥335</td><td>¥738</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-21')">¥220</a></td><td>¥21,597</td><td>¥26,800</td><td>¥12,420</td><td>¥5,203</td><td><span class="tag tag-green">19.4%</span></td></tr>
|
||||
<tr><td>2026-04-20</td><td>¥13,960</td><td>¥4,600</td><td>¥138</td><td>¥322</td><td>¥706</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-20')">¥160</a></td><td>¥20,926</td><td>¥25,200</td><td>¥11,240</td><td>¥4,274</td><td><span class="tag tag-blue">17.0%</span></td></tr>
|
||||
<tr><td>2026-04-19</td><td>¥8,240</td><td>¥3,200</td><td>¥96</td><td>¥216</td><td>¥480</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-19')">¥120</a></td><td>¥13,432</td><td>¥15,600</td><td>¥7,360</td><td>¥2,168</td><td><span class="tag tag-blue">13.9%</span></td></tr>
|
||||
<tr><td>2026-04-18</td><td>¥7,860</td><td>¥3,000</td><td>¥88</td><td>¥202</td><td>¥456</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-18')">¥110</a></td><td>¥12,806</td><td>¥14,800</td><td>¥6,940</td><td>¥1,994</td><td><span class="tag tag-blue">13.5%</span></td></tr>
|
||||
<tr><td>2026-04-17</td><td>¥13,280</td><td>¥4,400</td><td>¥144</td><td>¥335</td><td>¥738</td><td>¥1,200</td><td><a class="link" onclick="openCostModal('2026-04-17')">¥190</a></td><td>¥20,097</td><td>¥24,600</td><td>¥11,320</td><td>¥4,503</td><td><span class="tag tag-green">18.3%</span></td></tr>
|
||||
</tbody>
|
||||
</table></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 其他成本小计弹窗 -->
|
||||
<div class="modal-overlay" id="costModal" style="display:none;" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title" id="costModalTitle">其他成本小计 — 2026-04-23</span>
|
||||
<span class="modal-close" onclick="document.getElementById('costModal').style.display='none'">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:16px 24px;">
|
||||
<table style="width:100%;border-collapse:collapse;border:1px solid #e8e8e8;border-radius:4px;" id="costTable">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">项目</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">金额(元)</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">备注</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">登记人</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">时间</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">操作</th></tr></thead>
|
||||
<tbody id="costTbody">
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">设备维修</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">¥120</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">蒸柜门把手更换</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">张主管</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">2026-04-23 09:30</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;"><a class="link" style="color:var(--danger)" onclick="this.closest('tr').remove()">删除</a></td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;">清洁用品</td><td style="padding:10px 12px;font-size:13px;">¥80</td><td style="padding:10px 12px;font-size:13px;">补充消毒液</td><td style="padding:10px 12px;font-size:13px;">李主管</td><td style="padding:10px 12px;font-size:13px;">2026-04-23 10:15</td><td style="padding:10px 12px;font-size:13px;"><a class="link" style="color:var(--danger)" onclick="this.closest('tr').remove()">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" onclick="addCostRow()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>新增条目</button>
|
||||
<button class="btn btn-default" onclick="document.getElementById('costModal').style.display='none'">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function switchTab(idx){
|
||||
document.querySelectorAll('.page-tab').forEach((t,i)=>t.classList.toggle('active',i===idx));
|
||||
document.querySelectorAll('.tab-panel').forEach((p,i)=>p.classList.toggle('active',i===idx));
|
||||
}
|
||||
function openCostModal(date){
|
||||
document.getElementById('costModalTitle').textContent='其他成本小计 — '+date;
|
||||
document.getElementById('costModal').style.display='flex';
|
||||
}
|
||||
function addCostRow(){
|
||||
var tbody=document.getElementById('costTbody');
|
||||
// 给已有最后一行加上 border-bottom
|
||||
var lastRow=tbody.querySelector('tr:last-child');
|
||||
if(lastRow){lastRow.querySelectorAll('td').forEach(function(td){td.style.borderBottom='1px solid #e8e8e8';});}
|
||||
var tr=document.createElement('tr');
|
||||
tr.innerHTML='<td style="padding:10px 12px;font-size:13px;"><input type="text" placeholder="项目名称" style="height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:13px;width:100px;"></td><td style="padding:10px 12px;font-size:13px;"><input type="number" placeholder="金额" style="height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:13px;width:80px;"></td><td style="padding:10px 12px;font-size:13px;"><input type="text" placeholder="备注" style="height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:13px;width:120px;"></td><td style="padding:10px 12px;font-size:13px;"><input type="text" placeholder="登记人" style="height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:13px;width:70px;"></td><td style="padding:10px 12px;font-size:13px;"><input type="datetime-local" style="height:30px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px;width:160px;"></td><td style="padding:10px 12px;font-size:13px;"><a class="link" style="color:var(--danger)" onclick="this.closest(\'tr\').remove()">删除</a></td>';
|
||||
tbody.appendChild(tr);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -64,16 +64,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
|
||||
.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
|
||||
.stat-card__icon.blue{background:var(--primary-light);}
|
||||
.stat-card__icon.green{background:#F6FFED;}
|
||||
.stat-card__icon.orange{background:#FFF7E6;}
|
||||
.stat-card__icon.red{background:#FFF1F0;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.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:680px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
|
||||
@@ -91,6 +81,16 @@ 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;}
|
||||
/* 取餐明细弹窗 */
|
||||
.welfare-meta{display:flex;gap:32px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;}
|
||||
.welfare-meta__item{display:flex;flex-direction:column;gap:4px;}
|
||||
.welfare-meta__label{font-size:12px;color:#8c8c8c;}
|
||||
.welfare-meta__value{font-size:14px;color:#262626;font-weight:500;}
|
||||
.welfare-summary{margin-top:16px;padding:12px 16px;background:#f6ffed;border-radius:6px;border:1px solid #b7eb8f;font-size:13px;color:#595959;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -130,12 +130,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</aside>
|
||||
|
||||
<div class="main">
|
||||
<div class="stats-row">
|
||||
<div class="stat-card"><div class="stat-card__icon orange">🗑️</div><div class="stat-card__info"><div class="stat-card__value">28kg</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">12kg</div><div class="stat-card__label">员工福利</div></div></div>
|
||||
<div class="stat-card"><div class="stat-card__icon blue">❤️</div><div class="stat-card__info"><div class="stat-card__value">8kg</div><div class="stat-card__label">捐赠</div></div></div>
|
||||
<div class="stat-card"><div class="stat-card__icon red">♻️</div><div class="stat-card__info"><div class="stat-card__value">8kg</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="date"></div>
|
||||
@@ -146,11 +140,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-primary" onclick="openModal()">➕ 新增余量登记</button>
|
||||
<button class="btn btn-primary" onclick="openModal()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>新增余量登记</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>
|
||||
<button class="btn btn-default">📹 视频监控</button>
|
||||
</div>
|
||||
|
||||
<div class="table-card">
|
||||
@@ -159,14 +151,14 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>处置单号</th><th>菜品名称</th><th>餐次</th><th>计划制作量(kg)</th><th>实际制作量(kg)</th><th>销售/取餐量(kg)</th><th>余量(kg)</th><th>余量率(%)</th><th>处置方式</th><th>处置数量(kg)</th><th>交叉核对状态</th><th>处置时间</th><th>处置人员</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>SUR-001</td><td>宫保鸡丁</td><td>午餐</td><td>42.5</td><td>43.0</td><td>39.5</td><td>3.5</td><td>8.1%</td><td><a class="link">员工福利</a></td><td>2.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-001</td><td>宫保鸡丁</td><td>午餐</td><td>42.5</td><td>43.0</td><td>39.5</td><td>3.5</td><td>8.1%</td><td>捐赠</td><td>1.5</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-002</td><td>白米饭</td><td>午餐</td><td>60.0</td><td>62.0</td><td>54.0</td><td>8.0</td><td>12.9%</td><td>捐赠</td><td>5.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-002</td><td>白米饭</td><td>午餐</td><td>60.0</td><td>62.0</td><td>54.0</td><td>8.0</td><td>12.9%</td><td><a class="link">员工福利</a></td><td>3.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-003</td><td>番茄炒蛋</td><td>午餐</td><td>20.0</td><td>20.5</td><td>18.3</td><td>2.2</td><td>10.7%</td><td><a class="link">员工福利</a></td><td>2.2</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:30</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-004</td><td>蒜蓉菠菜</td><td>午餐</td><td>15.0</td><td>14.8</td><td>10.0</td><td>4.8</td><td>32.4%</td><td>废弃</td><td>3.0</td><td><span class="tag tag-red">异常（损耗超标）</span></td><td>2026-04-22 15:00</td><td>李主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-004</td><td>蒜蓉菠菜</td><td>午餐</td><td>15.0</td><td>14.8</td><td>10.0</td><td>4.8</td><td>32.4%</td><td>加工再利用</td><td>1.8</td><td><span class="tag tag-red">异常（损耗超标）</span></td><td>2026-04-22 15:00</td><td>李主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-005</td><td>红烧肉</td><td>午餐</td><td>50.0</td><td>48.5</td><td>45.3</td><td>3.2</td><td>6.6%</td><td><a class="link">员工福利</a></td><td>3.2</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:45</td><td>张主管</td><td><a class="link">查看</a> <a class="link">编辑</a></td></tr>
|
||||
<tr><td>SUR-001</td><td>宫保鸡丁</td><td>午餐</td><td>42.5</td><td>43.0</td><td>39.5</td><td>3.5</td><td>8.1%</td><td><a class="link" onclick="openWelfareModal('宫保鸡丁','SUR-001','2.0')">员工福利</a></td><td>2.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-001</td><td>宫保鸡丁</td><td>午餐</td><td>42.5</td><td>43.0</td><td>39.5</td><td>3.5</td><td>8.1%</td><td>捐赠</td><td>1.5</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-002</td><td>白米饭</td><td>午餐</td><td>60.0</td><td>62.0</td><td>54.0</td><td>8.0</td><td>12.9%</td><td>捐赠</td><td>5.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-002</td><td>白米饭</td><td>午餐</td><td>60.0</td><td>62.0</td><td>54.0</td><td>8.0</td><td>12.9%</td><td><a class="link" onclick="openWelfareModal('白米饭','SUR-002','3.0')">员工福利</a></td><td>3.0</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:00</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-003</td><td>番茄炒蛋</td><td>午餐</td><td>20.0</td><td>20.5</td><td>18.3</td><td>2.2</td><td>10.7%</td><td><a class="link" onclick="openWelfareModal('番茄炒蛋','SUR-003','2.2')">员工福利</a></td><td>2.2</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:30</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-004</td><td>蒜蓉菠菜</td><td>午餐</td><td>15.0</td><td>14.8</td><td>10.0</td><td>4.8</td><td>32.4%</td><td>废弃</td><td>3.0</td><td><span class="tag tag-red">异常（损耗超标）</span></td><td>2026-04-22 15:00</td><td>李主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-004</td><td>蒜蓉菠菜</td><td>午餐</td><td>15.0</td><td>14.8</td><td>10.0</td><td>4.8</td><td>32.4%</td><td>加工再利用</td><td>1.8</td><td><span class="tag tag-red">异常（损耗超标）</span></td><td>2026-04-22 15:00</td><td>李主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
<tr><td>SUR-005</td><td>红烧肉</td><td>午餐</td><td>50.0</td><td>48.5</td><td>45.3</td><td>3.2</td><td>6.6%</td><td><a class="link" onclick="openWelfareModal('红烧肉','SUR-005','3.2')">员工福利</a></td><td>3.2</td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 14:45</td><td>张主管</td><td class="td-actions"><a class="link">食材溯源链路</a> <a class="link">查看视频</a> <a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -184,7 +176,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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">
|
||||
@@ -197,13 +189,21 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<label>餐次<span class="required">*</span></label>
|
||||
<select><option>请选择</option><option>早餐</option><option>午餐</option><option>晚餐</option></select>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>计划制作量(kg)<span class="required">*</span></label>
|
||||
<input type="number" placeholder="请输入计划制作量">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>实际制作量(kg)<span class="required">*</span></label>
|
||||
<input type="number" placeholder="请输入实际制作量">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>销售/取餐量(kg)<span class="required">*</span></label>
|
||||
<input type="number" placeholder="请输入销售/取餐量">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>余量(kg)<span class="required">*</span></label>
|
||||
<input type="number" placeholder="请输入余量">
|
||||
<input type="number" placeholder="自动计算或手动输入">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<label>处置方式<span class="required">*</span></label>
|
||||
@@ -217,10 +217,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<label>处置人员<span class="required">*</span></label>
|
||||
<input type="text" placeholder="请输入处置人员">
|
||||
</div>
|
||||
<div class="form-item"></div>
|
||||
<div class="form-item">
|
||||
<label>处置时间<span class="required">*</span></label>
|
||||
<input type="datetime-local">
|
||||
</div>
|
||||
<div class="form-item full">
|
||||
<label>异常原因描述</label>
|
||||
<textarea placeholder="请输入异常原因描述"></textarea>
|
||||
<label>备注（异常原因描述）</label>
|
||||
<textarea placeholder="如有异常请填写原因描述"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -234,7 +237,47 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
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();});
|
||||
function openWelfareModal(name,code,total){
|
||||
document.getElementById('welfareTitle').textContent='员工福利取餐明细 — '+name;
|
||||
document.getElementById('welfareName').textContent=name;
|
||||
document.getElementById('welfareCode').textContent=code;
|
||||
document.getElementById('welfareTotal').textContent=total+' kg';
|
||||
document.getElementById('welfareModal').style.display='flex';
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- 员工福利取餐明细弹窗 -->
|
||||
<div class="modal-overlay" id="welfareModal" style="display:none;" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title" id="welfareTitle">员工福利取餐明细 — 宫保鸡丁</span>
|
||||
<span class="modal-close" onclick="document.getElementById('welfareModal').style.display='none'">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 基本信息 -->
|
||||
<div class="welfare-meta">
|
||||
<div class="welfare-meta__item"><span class="welfare-meta__label">菜品</span><span class="welfare-meta__value" id="welfareName">宫保鸡丁</span></div>
|
||||
<div class="welfare-meta__item"><span class="welfare-meta__label">处置单号</span><span class="welfare-meta__value" id="welfareCode">SUR-001</span></div>
|
||||
<div class="welfare-meta__item"><span class="welfare-meta__label">福利总量</span><span class="welfare-meta__value" id="welfareTotal">2.0 kg</span></div>
|
||||
<div class="welfare-meta__item"><span class="welfare-meta__label">领取人数</span><span class="welfare-meta__value">4人</span></div>
|
||||
<div class="welfare-meta__item"><span class="welfare-meta__label">剩余可领</span><span class="welfare-meta__value">0.2 kg</span></div>
|
||||
</div>
|
||||
<!-- 取餐明细表格 -->
|
||||
<table style="width:100%;border-collapse:collapse;border:1px solid #e8e8e8;border-radius:4px;">
|
||||
<thead><tr style="background:#fafafa;"><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">序号</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">领取人</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">工号</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">部门</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">领取量(kg)</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">领取时间</th><th style="padding:10px 12px;text-align:left;font-size:12px;color:#8c8c8c;border-bottom:1px solid #e8e8e8;">领取方式</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">1</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">张三</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">EMP-0012</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">研发部</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">0.5</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">14:05</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">刷脸取餐</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">2</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">李四</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">EMP-0034</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">市场部</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">0.5</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">14:08</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">刷卡取餐</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">3</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">王五</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">EMP-0056</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">行政部</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">0.5</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">14:12</td><td style="padding:10px 12px;font-size:13px;border-bottom:1px solid #e8e8e8;">刷脸取餐</td></tr>
|
||||
<tr><td style="padding:10px 12px;font-size:13px;">4</td><td style="padding:10px 12px;font-size:13px;">赵六</td><td style="padding:10px 12px;font-size:13px;">EMP-0078</td><td style="padding:10px 12px;font-size:13px;">财务部</td><td style="padding:10px 12px;font-size:13px;">0.3</td><td style="padding:10px 12px;font-size:13px;">14:15</td><td style="padding:10px 12px;font-size:13px;">扫码取餐</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 汇总 -->
|
||||
<div class="welfare-summary">📊 汇总：已领取 1.8 kg / 福利总量 2.0 kg，剩余 0.2 kg（领取率 90%）</div>
|
||||
</div>
|
||||
<div class="modal-footer"><button class="btn btn-default" onclick="document.getElementById('welfareModal').style.display='none'">关闭</button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -107,6 +107,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.energy-card__hint{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);}
|
||||
.energy-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;border-bottom:1px solid var(--border);}
|
||||
.energy-header__info{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -198,14 +202,14 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<div class="table-card__header"><div class="table-card__title">违规记录</div></div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead><tr><th>时间</th><th>摄像头</th><th>位置</th><th>违规类型</th><th>状态</th></tr></thead>
|
||||
<thead><tr><th>时间</th><th>摄像头</th><th>位置</th><th>违规类型</th><th>状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>2026-04-22 11:15:20</td><td>CAM-A-04</td><td>洗手区入口</td><td>未洗手直接操作</td><td><span class="tag tag-orange">待处理</span></td></tr>
|
||||
<tr><td>2026-04-22 10:26:11</td><td>CAM-B-03</td><td>分拣区-2号位</td><td>未戴厨师帽</td><td><span class="tag tag-green">已处理</span></td></tr>
|
||||
<tr><td>2026-04-22 10:12:36</td><td>CAM-A-01</td><td>炒菜区-1号位</td><td>未戴口罩</td><td><span class="tag tag-orange">待处理</span></td></tr>
|
||||
<tr><td>2026-04-21 14:38:05</td><td>CAM-A-01</td><td>炒菜区-1号位</td><td>未戴口罩</td><td><span class="tag tag-green">已处理</span></td></tr>
|
||||
<tr><td>2026-04-21 09:55:47</td><td>CAM-C-02</td><td>配菜区-1号位</td><td>违规使用手机</td><td><span class="tag tag-green">已处理</span></td></tr>
|
||||
<tr><td>2026-04-20 16:22:31</td><td>CAM-B-03</td><td>分拣区-2号位</td><td>未穿工作服</td><td><span class="tag tag-green">已处理</span></td></tr>
|
||||
<tr><td>2026-04-22 11:15:20</td><td>CAM-A-04</td><td>洗手区入口</td><td>未洗手直接操作</td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
<tr><td>2026-04-22 10:26:11</td><td>CAM-B-03</td><td>分拣区-2号位</td><td>未戴厨师帽</td><td><span class="tag tag-green">已处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
<tr><td>2026-04-22 10:12:36</td><td>CAM-A-01</td><td>炒菜区-1号位</td><td>未戴口罩</td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
<tr><td>2026-04-21 14:38:05</td><td>CAM-A-01</td><td>炒菜区-1号位</td><td>未戴口罩</td><td><span class="tag tag-green">已处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
<tr><td>2026-04-21 09:55:47</td><td>CAM-C-02</td><td>配菜区-1号位</td><td>违规使用手机</td><td><span class="tag tag-green">已处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
<tr><td>2026-04-20 16:22:31</td><td>CAM-B-03</td><td>分拣区-2号位</td><td>未穿工作服</td><td><span class="tag tag-green">已处理</span></td><td class="td-actions"><span class="link">视频回放</span> <span class="link">处理</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -229,11 +233,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>区域</th><th>天然气浓度(ppm)</th><th>天然气状态</th><th>消防设施</th><th>温度/湿度</th><th>污废处理状态</th><th>行为安全</th><th>最近检查</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>炒菜区</td><td>0.02</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>28.6℃ / 62%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 11:00</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>冷库区</td><td>—</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>4.1℃ / 85%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 11:00</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>粗加工间</td><td>0.01</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>22.4℃ / 68%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 10:30</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>备餐区</td><td>0.03</td><td><span class="tag tag-orange">告警</span></td><td><span class="tag tag-green">正常</span></td><td>24.8℃ / 71%</td><td><span class="tag tag-orange">预警</span></td><td><span class="tag tag-orange">告警</span></td><td>2026-04-22 10:00</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>洗碗间</td><td>—</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-red">异常</span></td><td>26.2℃ / 78%</td><td><span class="tag tag-red">异常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-21 18:00</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>炒菜区</td><td>0.02</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>28.6℃ / 62%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 11:00</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span></td></tr>
|
||||
<tr><td>冷库区</td><td>—</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>4.1℃ / 85%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 11:00</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span></td></tr>
|
||||
<tr><td>粗加工间</td><td>0.01</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>22.4℃ / 68%</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-22 10:30</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span></td></tr>
|
||||
<tr><td>备餐区</td><td>0.03</td><td><span class="tag tag-orange">告警</span></td><td><span class="tag tag-green">正常</span></td><td>24.8℃ / 71%</td><td><span class="tag tag-orange">预警</span></td><td><span class="tag tag-orange">告警</span></td><td>2026-04-22 10:00</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span></td></tr>
|
||||
<tr><td>洗碗间</td><td>—</td><td><span class="tag tag-green">正常</span></td><td><span class="tag tag-red">异常</span></td><td>26.2℃ / 78%</td><td><span class="tag tag-red">异常</span></td><td><span class="tag tag-green">正常</span></td><td>2026-04-21 18:00</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -255,16 +259,16 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>留样菜品</th><th>留样量</th><th>留样时间</th><th>到期时间(48h)</th><th>留样柜编号</th><th>留样状态</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>糖醋里脊</td><td>127g</td><td>2026-04-20 03:53</td><td>2026-04-24 12:32</td><td>留样柜3-1</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>蒜蓉西兰花</td><td>203g</td><td>2026-04-20 14:54</td><td>2026-04-24 01:04</td><td>留样柜2-9</td><td><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>鱼香肉丝</td><td>169g</td><td>2026-04-20 15:41</td><td>2026-04-24 23:56</td><td>留样柜3-2</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>红烧肉</td><td>159g</td><td>2026-04-23 11:49</td><td>2026-04-24 05:45</td><td>留样柜3-2</td><td><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>宫保鸡丁</td><td>125g</td><td>2026-04-22 20:23</td><td>2026-04-24 17:28</td><td>留样柜2-7</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>清炒时蔬</td><td>149g</td><td>2026-04-19 23:29</td><td>2026-04-24 02:48</td><td>留样柜1-8</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>鱼香肉丝</td><td>167g</td><td>2026-04-16 19:56</td><td>2026-04-24 17:44</td><td>留样柜3-3</td><td><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>蒜蓉西兰花</td><td>164g</td><td>2026-04-16 10:14</td><td>2026-04-24 17:26</td><td>留样柜2-10</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>宫保鸡丁</td><td>138g</td><td>2026-04-16 17:47</td><td>2026-04-24 19:32</td><td>留样柜3-9</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>麻婆豆腐</td><td>177g</td><td>2026-04-18 06:22</td><td>2026-04-24 20:38</td><td>留样柜2-7</td><td><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>糖醋里脊</td><td>127g</td><td>2026-04-20 03:53</td><td>2026-04-24 12:32</td><td>留样柜3-1</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>蒜蓉西兰花</td><td>203g</td><td>2026-04-20 14:54</td><td>2026-04-24 01:04</td><td>留样柜2-9</td><td class="td-actions"><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>鱼香肉丝</td><td>169g</td><td>2026-04-20 15:41</td><td>2026-04-24 23:56</td><td>留样柜3-2</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>红烧肉</td><td>159g</td><td>2026-04-23 11:49</td><td>2026-04-24 05:45</td><td>留样柜3-2</td><td class="td-actions"><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>宫保鸡丁</td><td>125g</td><td>2026-04-22 20:23</td><td>2026-04-24 17:28</td><td>留样柜2-7</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>清炒时蔬</td><td>149g</td><td>2026-04-19 23:29</td><td>2026-04-24 02:48</td><td>留样柜1-8</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>鱼香肉丝</td><td>167g</td><td>2026-04-16 19:56</td><td>2026-04-24 17:44</td><td>留样柜3-3</td><td class="td-actions"><span class="tag tag-gray">已销毁</span></td></tr>
|
||||
<tr><td>蒜蓉西兰花</td><td>164g</td><td>2026-04-16 10:14</td><td>2026-04-24 17:26</td><td>留样柜2-10</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>宫保鸡丁</td><td>138g</td><td>2026-04-16 17:47</td><td>2026-04-24 19:32</td><td>留样柜3-9</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
<tr><td>麻婆豆腐</td><td>177g</td><td>2026-04-18 06:22</td><td>2026-04-24 20:38</td><td>留样柜2-7</td><td class="td-actions"><span class="tag tag-blue">留样中</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -280,18 +284,18 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<button class="btn btn-primary">查询</button>
|
||||
<button class="btn btn-default">重置</button>
|
||||
</div>
|
||||
<div class="action-bar"><button class="btn btn-primary">➕ 新增档案</button><button class="btn btn-default">🔔 发送到期提醒</button></div>
|
||||
<div class="action-bar"><button class="btn btn-primary">➕ 新增证件</button><button class="btn btn-default">🔔 发送到期提醒</button></div>
|
||||
<div class="table-card">
|
||||
<div class="table-card__header"><div class="table-card__title">健康证管理</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></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>EMP001</td><td>张伟</td><td>厨师</td><td>A区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00128</td><td><a class="link">📷 查看</a></td><td>2025-05-10</td><td>2026-05-09</td><td><span class="tag tag-orange">即将到期</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>EMP002</td><td>李娜</td><td>配餐员</td><td>B区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00176</td><td><a class="link">📷 查看</a></td><td>2025-09-12</td><td>2026-09-11</td><td><span class="tag tag-green">有效</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>EMP003</td><td>王磊</td><td>洗碗工</td><td>C区后厨</td><td><a class="link">📷 查看</a></td><td>HC-2024-00302</td><td><a class="link">📷 查看</a></td><td>2024-03-01</td><td>2025-02-28</td><td><span class="tag tag-red">已过期</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>EMP004</td><td>赵敏</td><td>厨师</td><td>A区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00211</td><td><a class="link">📷 查看</a></td><td>2025-11-18</td><td>2026-11-17</td><td><span class="tag tag-green">有效</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>EMP005</td><td>陈刚</td><td>分拣员</td><td>B区后厨</td><td><a class="link">📷 查看</a></td><td>HC-2025-00089</td><td><a class="link">📷 查看</a></td><td>2025-04-20</td><td>2026-04-19</td><td><span class="tag tag-orange">即将到期</span></td><td><span class="link">编辑</span></td></tr>
|
||||
<tr><td>EMP001</td><td>张伟</td><td>厨师</td><td>A区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00128</td><td><a class="link">📷 查看</a></td><td>2025-05-10</td><td>2026-05-09</td><td><span class="tag tag-orange">即将到期</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EMP002</td><td>李娜</td><td>配餐员</td><td>B区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00176</td><td><a class="link">📷 查看</a></td><td>2025-09-12</td><td>2026-09-11</td><td><span class="tag tag-green">有效</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EMP003</td><td>王磊</td><td>洗碗工</td><td>C区后厨</td><td><a class="link">📷 查看</a></td><td>HC-2024-00302</td><td><a class="link">📷 查看</a></td><td>2024-03-01</td><td>2025-02-28</td><td><span class="tag tag-red">已过期</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EMP004</td><td>赵敏</td><td>厨师</td><td>A区厨房</td><td><a class="link">📷 查看</a></td><td>HC-2025-00211</td><td><a class="link">📷 查看</a></td><td>2025-11-18</td><td>2026-11-17</td><td><span class="tag tag-green">有效</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EMP005</td><td>陈刚</td><td>分拣员</td><td>B区后厨</td><td><a class="link">📷 查看</a></td><td>HC-2025-00089</td><td><a class="link">📷 查看</a></td><td>2025-04-20</td><td>2026-04-19</td><td><span class="tag tag-orange">即将到期</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -300,7 +304,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- Tab5: 水电气表 -->
|
||||
<div class="tab-panel">
|
||||
<div class="action-bar"><button class="btn btn-primary">📅 查看历史用量</button><button class="btn btn-default">📊 生成能耗日报</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>
|
||||
<div class="action-bar"><button class="btn btn-default">📊 生成能耗日报</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>
|
||||
<div class="energy-header">
|
||||
<div class="energy-header__info">数据更新时间：2026-05-08 11:42:18 | 今日能耗合计：¥671.6 | 分摊每份餐：¥0.45（共1492份）</div>
|
||||
</div>
|
||||
@@ -340,16 +344,26 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<table>
|
||||
<thead><tr><th>记录日期</th><th>用电量(kWh)</th><th>电费(元)</th><th>用水量(m³)</th><th>水费(元)</th><th>用气量(m³)</th><th>气费(元)</th><th>合计能耗成本(元)</th><th>分摊每份餐(元)</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>2026-05-07</td><td>372</td><td>¥334.8</td><td>40</td><td>¥144.0</td><td>120</td><td>¥750.0</td><td>¥1,228.8</td><td>¥0.83</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-06</td><td>398</td><td>¥358.2</td><td>45</td><td>¥162.0</td><td>130</td><td>¥812.5</td><td>¥1,332.7</td><td>¥0.89</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-05</td><td>386</td><td>¥347.4</td><td>42</td><td>¥151.2</td><td>126</td><td>¥787.5</td><td>¥1,286.1</td><td>¥0.86</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-04</td><td>362</td><td>¥325.8</td><td>38</td><td>¥136.8</td><td>115</td><td>¥718.8</td><td>¥1,181.4</td><td>¥0.81</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-03</td><td>405</td><td>¥364.5</td><td>46</td><td>¥165.6</td><td>132</td><td>¥825.0</td><td>¥1,355.1</td><td>¥0.91</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-02</td><td>380</td><td>¥342.0</td><td>41</td><td>¥147.6</td><td>122</td><td>¥762.5</td><td>¥1,252.1</td><td>¥0.85</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-01</td><td>358</td><td>¥322.2</td><td>36</td><td>¥129.6</td><td>110</td><td>¥687.5</td><td>¥1,139.3</td><td>¥0.79</td><td><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-07</td><td>372</td><td>¥334.8</td><td>40</td><td>¥144.0</td><td>120</td><td>¥750.0</td><td>¥1,228.8</td><td>¥0.83</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-06</td><td>398</td><td>¥358.2</td><td>45</td><td>¥162.0</td><td>130</td><td>¥812.5</td><td>¥1,332.7</td><td>¥0.89</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-05</td><td>386</td><td>¥347.4</td><td>42</td><td>¥151.2</td><td>126</td><td>¥787.5</td><td>¥1,286.1</td><td>¥0.86</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-04</td><td>362</td><td>¥325.8</td><td>38</td><td>¥136.8</td><td>115</td><td>¥718.8</td><td>¥1,181.4</td><td>¥0.81</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-03</td><td>405</td><td>¥364.5</td><td>46</td><td>¥165.6</td><td>132</td><td>¥825.0</td><td>¥1,355.1</td><td>¥0.91</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-02</td><td>380</td><td>¥342.0</td><td>41</td><td>¥147.6</td><td>122</td><td>¥762.5</td><td>¥1,252.1</td><td>¥0.85</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
<tr><td>2026-05-01</td><td>358</td><td>¥322.2</td><td>36</td><td>¥129.6</td><td>110</td><td>¥687.5</td><td>¥1,139.3</td><td>¥0.79</td><td class="td-actions"><span class="link">详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span>显示 7 条，共 30 条</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">4</button>
|
||||
<button class="page-btn">5</button>
|
||||
<button class="page-btn">›</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -119,6 +119,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
.inspect-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);}
|
||||
.inspect-table tr:last-child td{border-bottom:none;}
|
||||
.inspect-table tr:hover{background:#F8FBFF;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -348,9 +352,9 @@ function renderNutri(d){
|
||||
<table class="inspect-table">
|
||||
<thead><tr><th>检验单号</th><th>检验时间</th><th>热量</th><th>蛋白质</th><th>碳水</th><th>脂肪</th><th>维C</th><th>矿物质</th><th>结果</th><th>同步状态</th><th>操作</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>NUT-N001</td><td>${d.time}</td><td>${n.calorie}</td><td>${n.protein}</td><td>${n.carb}</td><td>${n.fat}</td><td>${n.vitC}</td><td>${n.mineral}</td><td><span class="tag tag-${d.result==='达标'?'green':'orange'}">${d.result}</span></td><td><span class="tag tag-${d.sync==='已同步'?'blue':'orange'}">${d.sync}</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-N002</td><td>2026-04-20 10:15</td><td>${n.calorie-3}</td><td>${(n.protein-0.2).toFixed(1)}</td><td>${(n.carb+0.3).toFixed(1)}</td><td>${(n.fat-0.5).toFixed(1)}</td><td>${n.vitC}</td><td>${n.mineral-2}</td><td><span class="tag tag-green">达标</span></td><td><span class="tag tag-blue">已同步</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-N003</td><td>2026-04-18 09:40</td><td>${n.calorie+2}</td><td>${(n.protein+0.1).toFixed(1)}</td><td>${(n.carb-0.2).toFixed(1)}</td><td>${(n.fat+0.3).toFixed(1)}</td><td>${n.vitC}</td><td>${n.mineral+1}</td><td><span class="tag tag-green">达标</span></td><td><span class="tag tag-blue">已同步</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-N001</td><td>${d.time}</td><td>${n.calorie}</td><td>${n.protein}</td><td>${n.carb}</td><td>${n.fat}</td><td>${n.vitC}</td><td>${n.mineral}</td><td><span class="tag tag-${d.result==='达标'?'green':'orange'}">${d.result}</span></td><td><span class="tag tag-${d.sync==='已同步'?'blue':'orange'}">${d.sync}</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-N002</td><td>2026-04-20 10:15</td><td>${n.calorie-3}</td><td>${(n.protein-0.2).toFixed(1)}</td><td>${(n.carb+0.3).toFixed(1)}</td><td>${(n.fat-0.5).toFixed(1)}</td><td>${n.vitC}</td><td>${n.mineral-2}</td><td><span class="tag tag-green">达标</span></td><td><span class="tag tag-blue">已同步</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-N003</td><td>2026-04-18 09:40</td><td>${n.calorie+2}</td><td>${(n.protein+0.1).toFixed(1)}</td><td>${(n.carb-0.2).toFixed(1)}</td><td>${(n.fat+0.3).toFixed(1)}</td><td>${n.vitC}</td><td>${n.mineral+1}</td><td><span class="tag tag-green">达标</span></td><td><span class="tag tag-blue">已同步</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>`;
|
||||
@@ -389,8 +393,8 @@ function renderTaste(d){
|
||||
<table class="inspect-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></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>NUT-T001</td><td>${d.time}</td><td>${t.sour}</td><td>${t.sweet}</td><td>${t.bitter}</td><td>${t.spicy}</td><td>${t.salty}</td><td>${t.smell}</td><td>${t.overall}</td><td><span class="tag tag-${t.grade==='优秀'?'green':'blue'}">${t.grade}</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-T002</td><td>2026-04-20 10:15</td><td>${t.sour}</td><td>${t.sweet}</td><td>${t.bitter}</td><td>${t.spicy}</td><td>${t.salty}</td><td>${(t.smell-0.1).toFixed(1)}</td><td>${(t.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-T001</td><td>${d.time}</td><td>${t.sour}</td><td>${t.sweet}</td><td>${t.bitter}</td><td>${t.spicy}</td><td>${t.salty}</td><td>${t.smell}</td><td>${t.overall}</td><td><span class="tag tag-${t.grade==='优秀'?'green':'blue'}">${t.grade}</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-T002</td><td>2026-04-20 10:15</td><td>${t.sour}</td><td>${t.sweet}</td><td>${t.bitter}</td><td>${t.spicy}</td><td>${t.salty}</td><td>${(t.smell-0.1).toFixed(1)}</td><td>${(t.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>`;
|
||||
@@ -428,8 +432,8 @@ function renderTexture(d){
|
||||
<table class="inspect-table">
|
||||
<thead><tr><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>NUT-K001</td><td>${d.time}</td><td>${t.hardness}</td><td>${t.sticky}</td><td>${t.crispy}</td><td>${t.smooth}</td><td>${t.elastic}</td><td>${t.overall}</td><td><span class="tag tag-${t.grade==='优秀'?'green':'blue'}">${t.grade}</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-K002</td><td>2026-04-20 10:15</td><td>${t.hardness}</td><td>${t.sticky}</td><td>${t.crispy}</td><td>${t.smooth}</td><td>${t.elastic}</td><td>${(t.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-K001</td><td>${d.time}</td><td>${t.hardness}</td><td>${t.sticky}</td><td>${t.crispy}</td><td>${t.smooth}</td><td>${t.elastic}</td><td>${t.overall}</td><td><span class="tag tag-${t.grade==='优秀'?'green':'blue'}">${t.grade}</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-K002</td><td>2026-04-20 10:15</td><td>${t.hardness}</td><td>${t.sticky}</td><td>${t.crispy}</td><td>${t.smooth}</td><td>${t.elastic}</td><td>${(t.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>`;
|
||||
@@ -467,8 +471,8 @@ function renderColor(d){
|
||||
<table class="inspect-table">
|
||||
<thead><tr><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>NUT-C001</td><td>${d.time}</td><td>${c.hue}</td><td>${c.uniform}</td><td>${c.gloss}</td><td>${c.fresh}</td><td>${c.look}</td><td>${c.overall}</td><td><span class="tag tag-${c.grade==='优秀'?'green':'blue'}">${c.grade}</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-C002</td><td>2026-04-20 10:15</td><td>${c.hue}</td><td>${c.uniform}</td><td>${c.gloss}</td><td>${c.fresh}</td><td>${c.look}</td><td>${(c.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-C001</td><td>${d.time}</td><td>${c.hue}</td><td>${c.uniform}</td><td>${c.gloss}</td><td>${c.fresh}</td><td>${c.look}</td><td>${c.overall}</td><td><span class="tag tag-${c.grade==='优秀'?'green':'blue'}">${c.grade}</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
<tr><td>NUT-C002</td><td>2026-04-20 10:15</td><td>${c.hue}</td><td>${c.uniform}</td><td>${c.gloss}</td><td>${c.fresh}</td><td>${c.look}</td><td>${(c.overall-0.2).toFixed(1)}</td><td><span class="tag tag-blue">良好</span></td><td class="td-actions" style="white-space:nowrap;"><span class="link" style="margin-right:6px;">食材溯源链路</span><span class="link" style="margin-right:6px;">查看视频</span><span class="link" style="margin-right:6px;">查看</span><span class="link">编辑</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>`;
|
||||
|
||||
@@ -1,155 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>营养管理 - 新建规划 | 健康长庆原型</title>
|
||||
<style>
|
||||
/* 设计令牌 */
|
||||
*{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:rgba(0,0,0,0.45);margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;}
|
||||
:root{
|
||||
--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
|
||||
--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;
|
||||
--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;
|
||||
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;
|
||||
--shadow-md:0 4px 12px rgba(0,0,0,0.12);
|
||||
}
|
||||
/* 弹窗容器 */
|
||||
.dialog{background:#fff;border-radius:var(--radius-lg);width:680px;max-width:90vw;box-shadow:var(--shadow-md);}
|
||||
.dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
|
||||
.dialog__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
|
||||
.dialog__close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-placeholder);}
|
||||
.dialog__close:hover{background:#F5F5F5;color:var(--text-primary);}
|
||||
.dialog__body{padding:24px;max-height:70vh;overflow-y:auto;}
|
||||
/* 表单元素 */
|
||||
.form-group{margin-bottom:20px;}
|
||||
.form-group label{display:block;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;font-weight:500;}
|
||||
.form-group label .required{color:var(--danger);margin-left:2px;}
|
||||
.form-input{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
|
||||
.form-input:focus{border-color:var(--primary);}
|
||||
.form-select{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;appearance: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 12px center;}
|
||||
.form-textarea{width:100%;height:80px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;resize:vertical;font-family:inherit;}
|
||||
.form-textarea:focus{border-color:var(--primary);}
|
||||
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
|
||||
.dialog__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);}
|
||||
.btn{height:36px;padding:0 20px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;}
|
||||
.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);}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- 新建规划弹窗 -->
|
||||
<div class="dialog">
|
||||
<div class="dialog__header">
|
||||
<div class="dialog__title">新建规划</div>
|
||||
<button class="dialog__close" onclick="window.close()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dialog__body">
|
||||
<!-- 第1行：日期 / 餐次 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>日期<span class="required">*</span></label>
|
||||
<input class="form-input" type="date">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>餐次</label>
|
||||
<select class="form-select">
|
||||
<option>请选择</option>
|
||||
<option>早餐</option>
|
||||
<option>午餐</option>
|
||||
<option>晚餐</option>
|
||||
<option>加餐</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第2行：规划人数 / 预计出餐时间 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>规划人数<span class="required">*</span></label>
|
||||
<input class="form-input" type="number" placeholder="请输入规划人数">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>预计出餐时间<span class="required">*</span></label>
|
||||
<input class="form-input" type="text" placeholder="如：11:30 前">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第3行：预计烹饪时长 / 主食 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>预计烹饪时长(分钟)<span class="required">*</span></label>
|
||||
<input class="form-input" type="number" placeholder="请输入预计烹饪时长">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>主食<span class="required">*</span></label>
|
||||
<input class="form-input" type="text" placeholder="请输入主食">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第4行：荤菜 / 素菜 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>荤菜</label>
|
||||
<input class="form-input" type="text" placeholder="请输入荤菜">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>素菜</label>
|
||||
<input class="form-input" type="text" placeholder="请输入素菜">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第5行：汤类 / 餐品库来源 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>汤类</label>
|
||||
<input class="form-input" type="text" placeholder="请输入汤类">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>餐品库来源<span class="required">*</span></label>
|
||||
<select class="form-select">
|
||||
<option>请选择</option>
|
||||
<option>餐品总库</option>
|
||||
<option>自定义餐品库</option>
|
||||
<option>混合</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第6行：关联餐品库 / 净菜需求量 -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>关联餐品库</label>
|
||||
<input class="form-input" type="text" placeholder="如：标准菜品库A / 低脂菜品库">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>净菜需求量(kg)</label>
|
||||
<input class="form-input" type="number" placeholder="请输入净菜需求量">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第7行：安全评估结论（半行） -->
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>安全评估结论</label>
|
||||
<select class="form-select">
|
||||
<option>请选择</option>
|
||||
<option>通过</option>
|
||||
<option>待复核</option>
|
||||
<option>不通过</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group"></div>
|
||||
</div>
|
||||
<!-- 食材清单（整行） -->
|
||||
<div class="form-group">
|
||||
<label>食材清单</label>
|
||||
<textarea class="form-textarea" placeholder="如：鸡胸肉、菠菜、番茄（逗号分隔）"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dialog__footer">
|
||||
<button class="btn btn-default" onclick="window.close()">取消</button>
|
||||
<button class="btn btn-primary">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -70,20 +70,32 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
|
||||
.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;}
|
||||
.stat-card__icon.blue{background:var(--primary-light);}
|
||||
.stat-card__icon.green{background:#F6FFED;}
|
||||
.stat-card__icon.orange{background:#FFF7E6;}
|
||||
.stat-card__icon.red{background:#FFF1F0;}
|
||||
.stat-card__info{display:flex;flex-direction:column;gap:4px;}
|
||||
.stat-card__value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
|
||||
/* 操作栏 */
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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;}
|
||||
|
||||
/* 页面内弹窗 */
|
||||
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:200;align-items:center;justify-content:center;}
|
||||
.modal{background:#fff;border-radius:var(--radius-lg);width:680px;max-width:90vw;box-shadow:var(--shadow-md);}
|
||||
.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);}
|
||||
.modal__title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);}
|
||||
.modal__close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-placeholder);}
|
||||
.modal__close:hover{background:#F5F5F5;color:var(--text-primary);}
|
||||
.modal__body{padding:24px;max-height:70vh;overflow-y:auto;}
|
||||
.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);}
|
||||
.form-group{margin-bottom:20px;}
|
||||
.form-group label{display:block;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;font-weight:500;}
|
||||
.form-group .required{color:var(--danger);margin-left:2px;}
|
||||
.form-input2{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
|
||||
.form-input2:focus{border-color:var(--primary);}
|
||||
.form-select2{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;appearance: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 12px center;}
|
||||
.form-textarea2{width:100%;height:80px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;resize:vertical;font-family:inherit;}
|
||||
.form-textarea2:focus{border-color:var(--primary);}
|
||||
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -127,38 +139,6 @@ tbody tr:hover{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">42道</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">6道</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">95%</div>
|
||||
<div class="stat-card__label">食安通过率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
@@ -190,7 +170,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- 操作栏 -->
|
||||
<div class="action-bar">
|
||||
<a href="prod-recipe-plan-dialog.html" class="btn btn-primary">➕ 新建规划</a>
|
||||
<button class="btn btn-primary" onclick="document.getElementById('modal-plan').style.display='flex'"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>新建规划</button>
|
||||
<button class="btn btn-default">🧮 校验净菜需求</button>
|
||||
<button class="btn btn-default">🤖 AI推荐优化</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>
|
||||
@@ -211,19 +191,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2026-04-15(周三)</td><td>早餐</td><td>第15周营养食谱</td><td>小米粥+馒头</td><td>卤蛋</td><td>凉拌黄瓜</td><td>—</td><td>486</td><td>8.6</td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td>
|
||||
<td>2026-04-15(周三)</td><td>早餐</td><td>第15周营养食谱</td><td>小米粥+馒头</td><td>卤蛋</td><td>凉拌黄瓜</td><td>—</td><td>486</td><td>8.6</td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2026-04-15(周三)</td><td>午餐</td><td>第15周营养食谱</td><td>米饭</td><td>红烧肉+清蒸鱼</td><td>炒时蔬+豆腐</td><td>番茄蛋汤</td><td>856</td><td>38.2</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-orange">建议优化</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td>
|
||||
<td>2026-04-15(周三)</td><td>午餐</td><td>第15周营养食谱</td><td>米饭</td><td>红烧肉+清蒸鱼</td><td>炒时蔬+豆腐</td><td>番茄蛋汤</td><td>856</td><td>38.2</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-orange">建议优化</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2026-04-15(周三)</td><td>晚餐</td><td>第15周营养食谱</td><td>米饭+花卷</td><td>宫保鸡丁</td><td>蒜蓉菠菜</td><td>紫菜汤</td><td>724</td><td>28.6</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td>
|
||||
<td>2026-04-15(周三)</td><td>晚餐</td><td>第15周营养食谱</td><td>米饭+花卷</td><td>宫保鸡丁</td><td>蒜蓉菠菜</td><td>紫菜汤</td><td>724</td><td>28.6</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2026-04-16(周四)</td><td>早餐</td><td>第15周营养食谱</td><td>燕麦粥+包子</td><td>茶叶蛋</td><td>拌菠菜</td><td>—</td><td>512</td><td>9.2</td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td>
|
||||
<td>2026-04-16(周四)</td><td>早餐</td><td>第15周营养食谱</td><td>燕麦粥+包子</td><td>茶叶蛋</td><td>拌菠菜</td><td>—</td><td>512</td><td>9.2</td><td><span class="tag tag-green">优</span></td><td><span class="tag tag-green">通过</span></td><td><span class="tag tag-green">无需整改</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2026-04-16(周四)</td><td>午餐</td><td>第15周营养食谱</td><td>米饭</td><td>糖醋排骨+虾仁</td><td>炒西兰花</td><td>冬瓜汤</td><td>892</td><td>40.4</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-orange">待复核</span></td><td><span class="tag tag-red">待整改</span></td><td><a class="link">查看</a> <a class="link">编辑</a></td>
|
||||
<td>2026-04-16(周四)</td><td>午餐</td><td>第15周营养食谱</td><td>米饭</td><td>糖醋排骨+虾仁</td><td>炒西兰花</td><td>冬瓜汤</td><td>892</td><td>40.4</td><td><span class="tag tag-blue">良</span></td><td><span class="tag tag-orange">待复核</span></td><td><span class="tag tag-red">待整改</span></td><td class="td-actions"><a class="link">详情</a> <a class="link">编辑</a> <a class="link" style="color:var(--danger)">删除</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -241,6 +221,53 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 新建规划弹窗 -->
|
||||
<div class="modal-overlay" id="modal-plan" onclick="if(event.target===this)this.style.display='none'">
|
||||
<div class="modal">
|
||||
<div class="modal__header">
|
||||
<div class="modal__title">新建规划</div>
|
||||
<button class="modal__close" onclick="document.getElementById('modal-plan').style.display='none'">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal__body">
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>日期<span class="required">*</span></label><input class="form-input2" type="date"></div>
|
||||
<div class="form-group"><label>餐次</label><select class="form-select2"><option>请选择</option><option>早餐</option><option>午餐</option><option>晚餐</option><option>加餐</option></select></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>规划人数<span class="required">*</span></label><input class="form-input2" type="number" placeholder="请输入规划人数"></div>
|
||||
<div class="form-group"><label>预计出餐时间<span class="required">*</span></label><input class="form-input2" type="text" placeholder="如：11:30 前"></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>预计烹饪时长(分钟)<span class="required">*</span></label><input class="form-input2" type="number" placeholder="请输入预计烹饪时长"></div>
|
||||
<div class="form-group"><label>主食<span class="required">*</span></label><input class="form-input2" type="text" placeholder="请输入主食"></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>荤菜</label><input class="form-input2" type="text" placeholder="请输入荤菜"></div>
|
||||
<div class="form-group"><label>素菜</label><input class="form-input2" type="text" placeholder="请输入素菜"></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>汤类</label><input class="form-input2" type="text" placeholder="请输入汤类"></div>
|
||||
<div class="form-group"><label>餐品库来源<span class="required">*</span></label><select class="form-select2"><option>请选择</option><option>餐品总库</option><option>自定义餐品库</option><option>混合</option></select></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>关联餐品库</label><input class="form-input2" type="text" placeholder="如：标准菜品库A / 低脂菜品库"></div>
|
||||
<div class="form-group"><label>净菜需求量(kg)</label><input class="form-input2" type="number" placeholder="请输入净菜需求量"></div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group"><label>安全评估结论</label><select class="form-select2"><option>请选择</option><option>通过</option><option>待复核</option><option>不通过</option></select></div>
|
||||
<div class="form-group"></div>
|
||||
</div>
|
||||
<div class="form-group"><label>食材清单</label><textarea class="form-textarea2" placeholder="如：鸡胸肉、菠菜、番茄（逗号分隔）"></textarea></div>
|
||||
</div>
|
||||
<div class="modal__footer">
|
||||
<button class="btn btn-default" onclick="document.getElementById('modal-plan').style.display='none'">取消</button>
|
||||
<button class="btn btn-primary">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 无子分组，无需折叠脚本
|
||||
</script>
|
||||
|
||||
@@ -74,6 +74,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -158,12 +162,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>订单号</th><th>客户名称</th><th>净菜名称</th><th>溯源码</th><th>食材分类</th><th>数量(kg)</th><th>单价(元/kg)</th><th>小计金额</th><th>出库区域</th><th>下单时间</th><th>物流单号</th><th>订单状态</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>EXT-001</td><td>社区便民超市</td><td>净菠菜</td><td>NC-INT-BOCA-20260422-01</td><td>蔬菜类</td><td>50</td><td>¥3.5</td><td>¥175</td><td>A仓-蔬菜区-01</td><td>08:00</td><td>SF1234567890</td><td><span class="tag tag-green">已签收</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-001</td><td>社区便民超市</td><td>净胡萝卜</td><td>NC-INT-HLUB-20260422-01</td><td>蔬菜类</td><td>30</td><td>¥3.5</td><td>¥105</td><td>A仓-蔬菜区-03</td><td>08:00</td><td>SF1234567890</td><td><span class="tag tag-green">已签收</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-002</td><td>周边餐饮企业</td><td>净猪里脊</td><td>NC-INT-ZLRJ-20260422-01</td><td>肉禽类</td><td>50</td><td>¥28</td><td>¥1,400</td><td>B仓-肉类区-01</td><td>09:30</td><td>SF9876543210</td><td><span class="tag tag-blue">配送中</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净白菜</td><td>NC-INT-BCAI-20260422-01</td><td>蔬菜类</td><td>60</td><td>¥2.0</td><td>¥120</td><td>A仓-蔬菜区-02</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净西兰花</td><td>NC-INT-XLHU-20260422-01</td><td>蔬菜类</td><td>40</td><td>¥4.5</td><td>¥180</td><td>A仓-蔬菜区-04</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净胡萝卜</td><td>NC-INT-HLUB-20260422-02</td><td>蔬菜类</td><td>45</td><td>¥4.0</td><td>¥180</td><td>A仓-蔬菜区-03</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td>—</td></tr>
|
||||
<tr><td>EXT-001</td><td>社区便民超市</td><td>净菠菜</td><td>NC-INT-BOCA-20260422-01</td><td>蔬菜类</td><td>50</td><td>¥3.5</td><td>¥175</td><td>A仓-蔬菜区-01</td><td>08:00</td><td>SF1234567890</td><td><span class="tag tag-green">已签收</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EXT-001</td><td>社区便民超市</td><td>净胡萝卜</td><td>NC-INT-HLUB-20260422-01</td><td>蔬菜类</td><td>30</td><td>¥3.5</td><td>¥105</td><td>A仓-蔬菜区-03</td><td>08:00</td><td>SF1234567890</td><td><span class="tag tag-green">已签收</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EXT-002</td><td>周边餐饮企业</td><td>净猪里脊</td><td>NC-INT-ZLRJ-20260422-01</td><td>肉禽类</td><td>50</td><td>¥28</td><td>¥1,400</td><td>B仓-肉类区-01</td><td>09:30</td><td>SF9876543210</td><td><span class="tag tag-blue">配送中</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净白菜</td><td>NC-INT-BCAI-20260422-01</td><td>蔬菜类</td><td>60</td><td>¥2.0</td><td>¥120</td><td>A仓-蔬菜区-02</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净西兰花</td><td>NC-INT-XLHU-20260422-01</td><td>蔬菜类</td><td>40</td><td>¥4.5</td><td>¥180</td><td>A仓-蔬菜区-04</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>EXT-003</td><td>学校食堂</td><td>净胡萝卜</td><td>NC-INT-HLUB-20260422-02</td><td>蔬菜类</td><td>45</td><td>¥4.0</td><td>¥180</td><td>A仓-蔬菜区-03</td><td>10:00</td><td>—</td><td><span class="tag tag-orange">待发货</span></td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -74,6 +74,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -114,25 +118,6 @@ tbody tr:hover{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">18</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">14</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">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">286kg</div><div class="stat-card__label">今日配送总量</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
@@ -159,11 +144,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>申领单号</th><th>申领部门</th><th>食材名称</th><th>溯源码</th><th>申领数量(kg)</th><th>库存状态</th><th>配送状态</th><th>关联仓库区域</th><th>申领时间</th><th>配送人</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>INT-001</td><td>一号食堂厨房</td><td>菠菜</td><td>NC-INT-BOCA-20260422-01</td><td>25</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已配送</span></td><td>A仓-蔬菜区-01</td><td>07:30</td><td>李配送</td><td>—</td></tr>
|
||||
<tr><td>INT-001</td><td>一号食堂厨房</td><td>白菜</td><td>NC-INT-BCAI-20260422-01</td><td>20</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已配送</span></td><td>A仓-蔬菜区-02</td><td>07:30</td><td>李配送</td><td>—</td></tr>
|
||||
<tr><td>INT-002</td><td>二号食堂厨房</td><td>猪里脊</td><td>NC-INT-ZLRJ-20260422-01</td><td>40</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td>B仓-肉类区-01</td><td>08:00</td><td>王配送</td><td>—</td></tr>
|
||||
<tr><td>INT-002</td><td>二号食堂厨房</td><td>鸡胸肉</td><td>NC-INT-JXRJ-20260422-01</td><td>20</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td>B仓-肉类区-02</td><td>08:00</td><td>王配送</td><td>—</td></tr>
|
||||
<tr><td>INT-003</td><td>三号食堂厨房</td><td>草鱼</td><td>NC-INT-CAYO-20260422-01</td><td>40</td><td><span class="tag tag-red">库存不足</span></td><td><span class="tag tag-orange">待配送</span></td><td>C仓-水产区-01</td><td>08:30</td><td>—</td><td>—</td></tr>
|
||||
<tr><td>INT-001</td><td>一号食堂厨房</td><td>菠菜</td><td>NC-INT-BOCA-20260422-01</td><td>25</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已配送</span></td><td>A仓-蔬菜区-01</td><td>07:30</td><td>李配送</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>INT-001</td><td>一号食堂厨房</td><td>白菜</td><td>NC-INT-BCAI-20260422-01</td><td>20</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-green">已配送</span></td><td>A仓-蔬菜区-02</td><td>07:30</td><td>李配送</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>INT-002</td><td>二号食堂厨房</td><td>猪里脊</td><td>NC-INT-ZLRJ-20260422-01</td><td>40</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td>B仓-肉类区-01</td><td>08:00</td><td>王配送</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>INT-002</td><td>二号食堂厨房</td><td>鸡胸肉</td><td>NC-INT-JXRJ-20260422-01</td><td>20</td><td><span class="tag tag-green">库存充足</span></td><td><span class="tag tag-blue">配送中</span></td><td>B仓-肉类区-02</td><td>08:00</td><td>王配送</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
<tr><td>INT-003</td><td>三号食堂厨房</td><td>草鱼</td><td>NC-INT-CAYO-20260422-01</td><td>40</td><td><span class="tag tag-red">库存不足</span></td><td><span class="tag tag-orange">待配送</span></td><td>C仓-水产区-01</td><td>08:30</td><td>—</td><td class="td-actions"><span class="link">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -142,26 +146,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- 主内容区 -->
|
||||
<main 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">11</div><div class="stat-card__label">合格</div></div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-card__icon red">❌</div>
|
||||
<div class="stat-card__info"><div class="stat-card__value">1</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.7%</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="请输入食材名称"></div>
|
||||
@@ -192,22 +176,22 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>HYG-20260415-001</td><td>ST-FH-FA01-VG-BOCA-286K-20260415-001</td><td>菠菜</td><td>农药残留</td><td>0.02mg/kg</td><td><0.1mg/kg</td><td>2026-04-15 10:00</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260415-001</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260415-001</td><td>ST-FH-FA01-VG-BOCA-286K-20260415-001</td><td>菠菜</td><td>农药残留</td><td>0.02mg/kg</td><td><0.1mg/kg</td><td>2026-04-15 10:00</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260415-001</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HYG-20260415-002</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td>猪里脊</td><td>瘦肉精</td><td>未检出</td><td>未检出</td><td>2026-04-15 10:30</td><td>内部检测室</td><td>王检测</td><td><span class="tag tag-gray">纸质OCR识别</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260415-002</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260415-002</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td>猪里脊</td><td>瘦肉精</td><td>未检出</td><td>未检出</td><td>2026-04-15 10:30</td><td>内部检测室</td><td>王检测</td><td><span class="tag tag-gray">纸质OCR识别</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260415-002</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HYG-20260415-003</td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td>草鱼</td><td>甲醛</td><td>0.15mg/kg</td><td><0.05mg/kg</td><td>2026-04-15 11:00</td><td>第三方检测机构</td><td>外部检测员</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-red">不合格</span></td><td>RPT-20260415-003</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260415-003</td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td>草鱼</td><td>甲醛</td><td>0.15mg/kg</td><td><0.05mg/kg</td><td>2026-04-15 11:00</td><td>第三方检测机构</td><td>外部检测员</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-red">不合格</span></td><td>RPT-20260415-003</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HYG-20260416-004</td><td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td><td>胡萝卜</td><td>重金属（铅）</td><td>0.01mg/kg</td><td><0.1mg/kg</td><td>2026-04-16 09:00</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-orange">手动录入</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-004</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260416-004</td><td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td><td>胡萝卜</td><td>重金属（铅）</td><td>0.01mg/kg</td><td><0.1mg/kg</td><td>2026-04-16 09:00</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-orange">手动录入</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-004</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HYG-20260416-005</td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td>菠菜（外采批）</td><td>农药残留</td><td>0.03mg/kg</td><td><0.1mg/kg</td><td>2026-04-16 09:30</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-gray">纸质OCR识别</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-005</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260416-005</td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td>菠菜（外采批）</td><td>农药残留</td><td>0.03mg/kg</td><td><0.1mg/kg</td><td>2026-04-16 09:30</td><td>内部检测室</td><td>李检测</td><td><span class="tag tag-gray">纸质OCR识别</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-005</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HYG-20260416-006</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td>猪里脊</td><td>微生物（大肠杆菌）</td><td>未检出</td><td>未检出</td><td>2026-04-16 10:00</td><td>内部检测室</td><td>王检测</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-006</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>HYG-20260416-006</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td>猪里脊</td><td>微生物（大肠杆菌）</td><td>未检出</td><td>未检出</td><td>2026-04-16 10:00</td><td>内部检测室</td><td>王检测</td><td><span class="tag tag-blue">电子报告扫描</span></td><td><span class="tag tag-green">合格</span></td><td>RPT-20260416-006</td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -222,6 +206,32 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 视频监控弹窗 -->
|
||||
<div class="modal-overlay" id="videoModal" style="display:none;">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">监控视频播放</span>
|
||||
<span class="modal-close" onclick="closeVideoModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:0;">
|
||||
<div style="width:100%;height:400px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="30" stroke="#555" stroke-width="2"/><polygon points="26,20 26,44 46,32" fill="#555"/></svg>
|
||||
<span style="color:#888;font-size:13px;">卫生检测监控画面（模拟）</span>
|
||||
</div>
|
||||
<div style="padding:16px 24px;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;">
|
||||
<span style="font-size:13px;color:#666;">摄像头：检测室-01 | 2026-04-15 10:05:22</span>
|
||||
<div style="display:flex;gap:8px;">
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">截图</button>
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">全屏</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeVideoModal()">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新增卫生检测弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
@@ -251,6 +261,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
|
||||
function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
|
||||
document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
|
||||
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();});
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -142,26 +146,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- 主内容区 -->
|
||||
<main 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">18</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">386kg</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">14</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">4</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="请输入食材名称"></div>
|
||||
@@ -192,25 +176,25 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>PROC-001</td><td>NC-PROC-BOCA-20260415-01</td><td>菠菜</td><td>清洗</td><td>整棵</td><td>100</td><td>86</td><td>86.0</td><td>18.2</td><td>李加工</td><td>2026-04-15 08:00</td><td>2026-04-15 08:45</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-001</td><td>NC-PROC-BOCA-20260415-01</td><td>菠菜</td><td>清洗</td><td>整棵</td><td>100</td><td>86</td><td>86.0</td><td>18.2</td><td>李加工</td><td>2026-04-15 08:00</td><td>2026-04-15 08:45</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-002</td><td>NC-PROC-HLUB-20260415-01</td><td>胡萝卜</td><td>去皮/切割</td><td>滚刀块</td><td>140</td><td>120</td><td>85.7</td><td>17.8</td><td>王加工</td><td>2026-04-15 08:30</td><td>—</td><td><span class="tag tag-gray">—</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-002</td><td>NC-PROC-HLUB-20260415-01</td><td>胡萝卜</td><td>去皮/切割</td><td>滚刀块</td><td>140</td><td>120</td><td>85.7</td><td>17.8</td><td>王加工</td><td>2026-04-15 08:30</td><td>—</td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-003</td><td>NC-PROC-XGUO-20260415-01</td><td>香菇</td><td>分拣</td><td>整朵</td><td>56</td><td>48</td><td>85.7</td><td>18.0</td><td>李加工</td><td>2026-04-15 09:00</td><td>—</td><td><span class="tag tag-gray">—</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-003</td><td>NC-PROC-XGUO-20260415-01</td><td>香菇</td><td>分拣</td><td>整朵</td><td>56</td><td>48</td><td>85.7</td><td>18.0</td><td>李加工</td><td>2026-04-15 09:00</td><td>—</td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-004</td><td>—</td><td>四季豆</td><td>清洗</td><td>段（5cm）</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待处理</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-004</td><td>—</td><td>四季豆</td><td>清洗</td><td>段（5cm）</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-005</td><td>NC-PROC-BCAI-20260415-01</td><td>白菜</td><td>清洗</td><td>整棵</td><td>80</td><td>70</td><td>87.5</td><td>17.5</td><td>张加工</td><td>2026-04-15 07:30</td><td>2026-04-15 08:10</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-005</td><td>NC-PROC-BCAI-20260415-01</td><td>白菜</td><td>清洗</td><td>整棵</td><td>80</td><td>70</td><td>87.5</td><td>17.5</td><td>张加工</td><td>2026-04-15 07:30</td><td>2026-04-15 08:10</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-006</td><td>NC-PROC-ZLRJ-20260415-01</td><td>猪里脊</td><td>切割</td><td>丁（1.5cm）</td><td>80</td><td>76</td><td>95.0</td><td>8.0</td><td>王加工</td><td>2026-04-15 09:30</td><td>2026-04-15 09:55</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-006</td><td>NC-PROC-ZLRJ-20260415-01</td><td>猪里脊</td><td>切割</td><td>丁（1.5cm）</td><td>80</td><td>76</td><td>95.0</td><td>8.0</td><td>王加工</td><td>2026-04-15 09:30</td><td>2026-04-15 09:55</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PROC-007</td><td>—</td><td>猪里脊</td><td>切割</td><td>条（4cm）</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待处理</span></td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>PROC-007</td><td>—</td><td>猪里脊</td><td>切割</td><td>条（4cm）</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td><td><span class="tag tag-orange">待处理</span></td><td class="td-actions"><span class="link" onclick="openVideoModal()">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link" onclick="openModal()">编辑</span> <span class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -226,6 +210,32 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 视频监控弹窗 -->
|
||||
<div class="modal-overlay" id="videoModal" style="display:none;">
|
||||
<div class="modal" style="width:720px;">
|
||||
<div class="modal-header">
|
||||
<span class="modal-title">监控视频播放</span>
|
||||
<span class="modal-close" onclick="closeVideoModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body" style="padding:0;">
|
||||
<div style="width:100%;height:400px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="30" stroke="#555" stroke-width="2"/><polygon points="26,20 26,44 46,32" fill="#555"/></svg>
|
||||
<span style="color:#888;font-size:13px;">净菜加工车间监控画面（模拟）</span>
|
||||
</div>
|
||||
<div style="padding:16px 24px;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;">
|
||||
<span style="font-size:13px;color:#666;">摄像头：加工车间-01 | 2026-04-15 08:12:45</span>
|
||||
<div style="display:flex;gap:8px;">
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">截图</button>
|
||||
<button class="btn btn-default" style="height:30px;font-size:12px;">全屏</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-default" onclick="closeVideoModal()">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新增加工批次弹窗 -->
|
||||
<div class="modal-overlay" id="modalOverlay" style="display:none;">
|
||||
<div class="modal">
|
||||
@@ -236,11 +246,17 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<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><input type="text" placeholder="自动生成或手动输入"></div>
|
||||
<div class="form-item"><label>加工类型<span class="required">*</span></label><select><option>请选择</option><option>清洗</option><option>去皮</option><option>切割</option><option>分拣</option><option>综合加工</option></select></div>
|
||||
<div class="form-item"><label>加工规格<span class="required">*</span></label><select><option>请选择</option><option>整棵</option><option>整朵</option><option>段</option><option>丁</option><option>条</option><option>片</option><option>丝</option><option>末</option><option>块</option><option>滚刀块</option><option>其他（备注说明）</option></select></div>
|
||||
<div class="form-item"><label>毛菜数量(kg)<span class="required">*</span></label><input type="number" placeholder="请输入毛菜数量"></div>
|
||||
<div class="form-item"><label>毛菜重量(kg)<span class="required">*</span></label><input type="number" placeholder="请输入毛菜重量"></div>
|
||||
<div class="form-item"><label>净菜重量(kg)</label><input type="number" placeholder="加工完成后填写"></div>
|
||||
<div class="form-item"><label>出净率(%)</label><input type="text" placeholder="自动计算" readonly></div>
|
||||
<div class="form-item"><label>加工温度(℃)</label><input type="number" placeholder="请输入加工温度"></div>
|
||||
<div class="form-item"><label>加工人员<span class="required">*</span></label><input type="text" placeholder="请输入加工人员"></div>
|
||||
<div class="form-item"><label>开始时间</label><input type="date"></div>
|
||||
<div class="form-item"><label>开始时间<span class="required">*</span></label><input type="datetime-local"></div>
|
||||
<div class="form-item"><label>结束时间</label><input type="datetime-local"></div>
|
||||
<div class="form-item"><label>质检结果</label><select><option>请选择</option><option>合格</option><option>不合格</option><option>待检</option></select></div>
|
||||
<div class="form-item full"><label>备注</label><textarea placeholder="请输入备注信息"></textarea></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -252,6 +268,9 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
|
||||
function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
|
||||
document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
|
||||
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();});
|
||||
|
||||
@@ -101,6 +101,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -142,25 +146,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- 主内容区 -->
|
||||
<main 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">14</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">356kg</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">28种</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">22</div><div class="stat-card__label">今日出库批次</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 筛选栏 -->
|
||||
<div class="filter-bar">
|
||||
@@ -177,7 +162,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<div class="action-bar"><button class="btn btn-primary" onclick="openModal()">➕ 新增入库</button> <button class="btn btn-default">📤 出库登记</button></div>
|
||||
<div class="action-bar"><button class="btn btn-primary" onclick="openModal()">➕ 新增入库</button> <button class="btn btn-default">📤 出库登记</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>
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">净菜入库</div>
|
||||
@@ -189,19 +174,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>NC-IN-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-blue">内供</span></td><td>86</td><td>2026-04-15 09:15</td><td>2026-04-17 09:15</td><td>A仓-蔬菜区-01</td><td>4.1</td><td>李入库</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>NC-IN-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-blue">内供</span></td><td>86</td><td>2026-04-15 09:15</td><td>2026-04-17 09:15</td><td>A仓-蔬菜区-01</td><td>4.1</td><td>李入库</td><td class="td-actions"><span class="link">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NC-IN-002</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-blue">内供</span></td><td>120</td><td>2026-04-15 09:45</td><td>2026-04-18 09:45</td><td>A仓-蔬菜区-02</td><td>4.2</td><td>王入库</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>NC-IN-002</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-blue">内供</span></td><td>120</td><td>2026-04-15 09:45</td><td>2026-04-18 09:45</td><td>A仓-蔬菜区-02</td><td>4.2</td><td>王入库</td><td class="td-actions"><span class="link">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NC-OUT-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-blue">出库</span></td><td>—</td><td>45</td><td>2026-04-15 10:30</td><td>—</td><td>A区厨房</td><td>—</td><td>张出库</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>NC-OUT-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-blue">出库</span></td><td>—</td><td>45</td><td>2026-04-15 10:30</td><td>—</td><td>A区厨房</td><td>—</td><td>张出库</td><td class="td-actions"><span class="link">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NC-OUT-002</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-blue">出库</span></td><td>—</td><td>60</td><td>2026-04-15 10:45</td><td>—</td><td>B区厨房</td><td>—</td><td>张出库</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>NC-OUT-002</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-blue">出库</span></td><td>—</td><td>60</td><td>2026-04-15 10:45</td><td>—</td><td>B区厨房</td><td>—</td><td>张出库</td><td class="td-actions"><span class="link">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NC-IN-003</td><td>NC-PROC-XGUO-20260415-01</td><td>净香菇</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-orange">外售</span></td><td>48</td><td>2026-04-15 11:00</td><td>2026-04-17 11:00</td><td>A仓-蔬菜区-03</td><td>4.0</td><td>李入库</td><td><span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>NC-IN-003</td><td>NC-PROC-XGUO-20260415-01</td><td>净香菇</td><td><span class="tag tag-green">入库</span></td><td><span class="tag tag-orange">外售</span></td><td>48</td><td>2026-04-15 11:00</td><td>2026-04-17 11:00</td><td>A仓-蔬菜区-03</td><td>4.0</td><td>李入库</td><td class="td-actions"><span class="link">查看视频</span> <span class="link" onclick="openModal()">详情</span> <span class="link">编辑</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -226,13 +211,16 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-grid">
|
||||
<div class="form-item"><label>净菜编号<span class="required">*</span></label><input type="text" placeholder="系统自动生成" disabled></div>
|
||||
<div class="form-item"><label>关联溯源码</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>请选择</option><option>入库</option><option>出库</option></select></div>
|
||||
<div class="form-item"><label>去向<span class="required">*</span></label><select><option>请选择</option><option>内供</option><option>外售</option></select></div>
|
||||
<div class="form-item"><label>数量(kg)<span class="required">*</span></label><input type="number" placeholder="请输入数量"></div>
|
||||
<div class="form-item"><label>存放区域/目标厨房<span class="required">*</span></label><input type="text" placeholder="请输入存放区域或目标厨房"></div>
|
||||
<div class="form-item"><label>保质期至</label><input type="date"></div>
|
||||
<div class="form-item"><label>操作时间<span class="required">*</span></label><input type="datetime-local"></div>
|
||||
<div class="form-item"><label>保质期至</label><input type="datetime-local"></div>
|
||||
<div class="form-item"><label>存放区域<span class="required">*</span></label><input type="text" placeholder="请输入存放区域"></div>
|
||||
<div class="form-item"><label>存放温度(℃)</label><input type="number" step="0.1" placeholder="请输入温度"></div>
|
||||
<div class="form-item"><label>经办人<span class="required">*</span></label><input type="text" placeholder="请输入经办人"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -68,7 +68,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
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;}
|
||||
thead th:last-child,tbody td:last-child{position:sticky;right:0;box-shadow:-2px 0 4px rgba(0,0,0,0.06);z-index:1;}
|
||||
/* 操作列固定右侧 */
|
||||
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;}
|
||||
thead th:last-child{background:#FAFAFA;}
|
||||
tbody td:last-child{background:#fff;}
|
||||
tbody tr:hover td:last-child{background:#F8FBFF;}
|
||||
@@ -177,19 +180,19 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>IN-20260415-001</td><td><span class="tag tag-green">设备自动</span></td><td>ST-FH-FA01-VG-BOCA-286K-20260415-001</td><td><span class="tag tag-blue">自产</span></td><td>菠菜</td><td>A区蔬菜基地</td><td>25kg/件</td><td>12件</td><td>286</td><td>2026-04-15 10:30</td><td>A仓-蔬菜区-01</td><td>张验收</td><td>RPT-20260415-001</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
<td>IN-20260415-001</td><td><span class="tag tag-green">设备自动</span></td><td>ST-FH-FA01-VG-BOCA-286K-20260415-001</td><td><span class="tag tag-blue">自产</span></td><td>菠菜</td><td>A区蔬菜基地</td><td>25kg/件</td><td>12件</td><td>286</td><td>2026-04-15 10:30</td><td>A仓-蔬菜区-01</td><td>张验收</td><td>RPT-20260415-001</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IN-20260415-002</td><td><span class="tag tag-green">设备自动</span></td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td><span class="tag tag-gray">外采</span></td><td>菠菜</td><td>绿源蔬菜配送</td><td>10kg/筐</td><td>5筐</td><td>50</td><td>2026-04-15 08:30</td><td>A仓-蔬菜区-02</td><td>李验收</td><td>RPT-20260415-002</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
<td>IN-20260415-002</td><td><span class="tag tag-green">设备自动</span></td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td><span class="tag tag-gray">外采</span></td><td>菠菜</td><td>绿源蔬菜配送</td><td>10kg/筐</td><td>5筐</td><td>50</td><td>2026-04-15 08:30</td><td>A仓-蔬菜区-02</td><td>李验收</td><td>RPT-20260415-002</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IN-20260415-003</td><td><span class="tag tag-orange">人工录入</span></td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td><span class="tag tag-gray">外采</span></td><td>猪里脊</td><td>鲜肉直供公司</td><td>20kg/箱</td><td>4箱</td><td>80</td><td>2026-04-15 09:15</td><td>B仓-肉类区-01</td><td>王验收</td><td>RPT-20260415-003</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
<td>IN-20260415-003</td><td><span class="tag tag-orange">人工录入</span></td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td><span class="tag tag-gray">外采</span></td><td>猪里脊</td><td>鲜肉直供公司</td><td>20kg/箱</td><td>4箱</td><td>80</td><td>2026-04-15 09:15</td><td>B仓-肉类区-01</td><td>王验收</td><td>RPT-20260415-003</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IN-20260415-004</td><td><span class="tag tag-orange">人工录入</span></td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td><span class="tag tag-gray">外采</span></td><td>草鱼</td><td>海鲜水产配送</td><td>散装(kg)</td><td>60kg</td><td>60</td><td>2026-04-15 09:45</td><td>C仓-水产区-01</td><td>李验收</td><td>—</td><td><span class="tag tag-red">已隔离</span></td><td><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
<td>IN-20260415-004</td><td><span class="tag tag-orange">人工录入</span></td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td><span class="tag tag-gray">外采</span></td><td>草鱼</td><td>海鲜水产配送</td><td>散装(kg)</td><td>60kg</td><td>60</td><td>2026-04-15 09:45</td><td>C仓-水产区-01</td><td>李验收</td><td>—</td><td><span class="tag tag-red">已隔离</span></td><td class="td-actions"><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IN-20260416-005</td><td><span class="tag tag-green">设备自动</span></td><td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td><td><span class="tag tag-blue">自产</span></td><td>胡萝卜</td><td>B区根茎基地</td><td>25kg/件</td><td>17件</td><td>420</td><td>2026-04-16 11:00</td><td>A仓-蔬菜区-03</td><td>张验收</td><td>RPT-20260415-004</td><td><span class="tag tag-green">合格</span></td><td><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
<td>IN-20260416-005</td><td><span class="tag tag-green">设备自动</span></td><td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td><td><span class="tag tag-blue">自产</span></td><td>胡萝卜</td><td>B区根茎基地</td><td>25kg/件</td><td>17件</td><td>420</td><td>2026-04-16 11:00</td><td>A仓-蔬菜区-03</td><td>张验收</td><td>RPT-20260415-004</td><td><span class="tag tag-green">合格</span></td><td class="td-actions"><span class="link" onclick="openVideo()">查看视频</span> <span class="link">编辑</span> <span class="link">详情</span> <span class="link" style="color:var(--danger)">删除</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -80,6 +80,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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);}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -173,12 +177,12 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>包装编号</th><th>溯源码</th><th>净菜名称</th><th>包装方式</th><th>净重(g)</th><th>包装时间</th><th>保质期至</th><th>存放温度(℃)</th><th>去向</th><th>关联单号</th><th>包装人</th><th>终端设备</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>PKG-NC-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-gray">真空袋 500g</span></td><td>500</td><td>2026-04-15 09:10</td><td>2026-04-17 09:10</td><td>4.1</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>李包装</td><td>PKG-T01</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-002</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-gray">真空袋 500g</span></td><td>500</td><td>2026-04-15 09:11</td><td>2026-04-17 09:11</td><td>4.1</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>李包装</td><td>PKG-T01</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-003</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-gray">保鲜盒 1kg</span></td><td>1000</td><td>2026-04-15 09:42</td><td>2026-04-18 09:42</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>王包装</td><td>PKG-T01</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-004</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-gray">保鲜盒 1kg</span></td><td>1000</td><td>2026-04-15 09:43</td><td>2026-04-18 09:43</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>王包装</td><td>PKG-T01</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-005</td><td>NC-PROC-XGUO-20260415-01</td><td>净香菇</td><td><span class="tag tag-gray">散装托盘 2kg</span></td><td>2000</td><td>2026-04-15 10:58</td><td>2026-04-17 10:58</td><td>4.0</td><td><span class="tag tag-orange">外售</span></td><td>EXT-001</td><td>张包装</td><td>PKG-T02</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-006</td><td>NC-PROC-LAJP-20260415-01</td><td>净辣椒</td><td><span class="tag tag-gray">真空袋 1kg</span></td><td>1000</td><td>2026-04-15 11:20</td><td>2026-04-17 11:20</td><td>4.3</td><td><span class="tag tag-blue">内供</span></td><td>INT-003</td><td>李包装</td><td>PKG-T02</td><td>—</td></tr>
|
||||
<tr><td>PKG-NC-001</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-gray">真空袋 500g</span></td><td>500</td><td>2026-04-15 09:10</td><td>2026-04-17 09:10</td><td>4.1</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>李包装</td><td>PKG-T01</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-NC-002</td><td>NC-PROC-BOCA-20260415-01</td><td>净菠菜</td><td><span class="tag tag-gray">真空袋 500g</span></td><td>500</td><td>2026-04-15 09:11</td><td>2026-04-17 09:11</td><td>4.1</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>李包装</td><td>PKG-T01</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-NC-003</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-gray">保鲜盒 1kg</span></td><td>1000</td><td>2026-04-15 09:42</td><td>2026-04-18 09:42</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>王包装</td><td>PKG-T01</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-NC-004</td><td>NC-PROC-HLUB-20260415-01</td><td>净胡萝卜</td><td><span class="tag tag-gray">保鲜盒 1kg</span></td><td>1000</td><td>2026-04-15 09:43</td><td>2026-04-18 09:43</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>王包装</td><td>PKG-T01</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-NC-005</td><td>NC-PROC-XGUO-20260415-01</td><td>净香菇</td><td><span class="tag tag-gray">散装托盘 2kg</span></td><td>2000</td><td>2026-04-15 10:58</td><td>2026-04-17 10:58</td><td>4.0</td><td><span class="tag tag-orange">外售</span></td><td>EXT-001</td><td>张包装</td><td>PKG-T02</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-NC-006</td><td>NC-PROC-LAJP-20260415-01</td><td>净辣椒</td><td><span class="tag tag-gray">真空袋 1kg</span></td><td>1000</td><td>2026-04-15 11:20</td><td>2026-04-17 11:20</td><td>4.3</td><td><span class="tag tag-blue">内供</span></td><td>INT-003</td><td>李包装</td><td>PKG-T02</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -221,11 +225,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>包装编号</th><th>溯源码</th><th>绑定菜品</th><th>规格</th><th>包装方式</th><th>净重(g)</th><th>包含食材</th><th>包装时间</th><th>保质期至</th><th>存放温度(℃)</th><th>去向</th><th>关联单号</th><th>包装人</th><th>终端设备</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>PKG-DH-001</td><td>NC-PROC-JXRJ-20260415-01</td><td>宫保鸡丁</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 200g</span></td><td>200</td><td>鸡胸肉120g+花生20g+干辣椒5g</td><td>2026-04-15 10:20</td><td>2026-04-17 10:20</td><td>3.8</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>赵配餐</td><td>PKG-T03</td><td>—</td></tr>
|
||||
<tr><td>PKG-DH-002</td><td>NC-PROC-JXRJ-20260415-01</td><td>宫保鸡丁</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 200g</span></td><td>200</td><td>鸡胸肉120g+花生20g+干辣椒5g</td><td>2026-04-15 10:21</td><td>2026-04-17 10:21</td><td>3.8</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>赵配餐</td><td>PKG-T03</td><td>—</td></tr>
|
||||
<tr><td>PKG-DH-003</td><td>NC-PROC-CAYO-20260415-01</td><td>清蒸鱼</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">保鲜盒 250g</span></td><td>250</td><td>草鱼100g+姜片适量</td><td>2026-04-15 10:35</td><td>2026-04-17 10:35</td><td>3.5</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>陈配餐</td><td>PKG-T03</td><td>—</td></tr>
|
||||
<tr><td>PKG-DH-004</td><td>NC-PROC-BOCA-20260415-01</td><td>蒜蓉菠菜</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 180g</span></td><td>180</td><td>净菠菜120g+大蒜8g</td><td>2026-04-15 10:50</td><td>2026-04-17 10:50</td><td>4.0</td><td><span class="tag tag-orange">外售</span></td><td>EXT-001</td><td>陈配餐</td><td>PKG-T04</td><td>—</td></tr>
|
||||
<tr><td>PKG-DH-005</td><td>NC-PROC-HLUB-20260415-01</td><td>炒胡萝卜</td><td><span class="tag tag-blue">大份</span></td><td><span class="tag tag-gray">保鲜盒 320g</span></td><td>320</td><td>净胡萝卜260g+葱姜适量</td><td>2026-04-15 11:05</td><td>2026-04-17 11:05</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-003</td><td>赵配餐</td><td>PKG-T04</td><td>—</td></tr>
|
||||
<tr><td>PKG-DH-001</td><td>NC-PROC-JXRJ-20260415-01</td><td>宫保鸡丁</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 200g</span></td><td>200</td><td>鸡胸肉120g+花生20g+干辣椒5g</td><td>2026-04-15 10:20</td><td>2026-04-17 10:20</td><td>3.8</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>赵配餐</td><td>PKG-T03</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-DH-002</td><td>NC-PROC-JXRJ-20260415-01</td><td>宫保鸡丁</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 200g</span></td><td>200</td><td>鸡胸肉120g+花生20g+干辣椒5g</td><td>2026-04-15 10:21</td><td>2026-04-17 10:21</td><td>3.8</td><td><span class="tag tag-blue">内供</span></td><td>INT-001</td><td>赵配餐</td><td>PKG-T03</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-DH-003</td><td>NC-PROC-CAYO-20260415-01</td><td>清蒸鱼</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">保鲜盒 250g</span></td><td>250</td><td>草鱼100g+姜片适量</td><td>2026-04-15 10:35</td><td>2026-04-17 10:35</td><td>3.5</td><td><span class="tag tag-blue">内供</span></td><td>INT-002</td><td>陈配餐</td><td>PKG-T03</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-DH-004</td><td>NC-PROC-BOCA-20260415-01</td><td>蒜蓉菠菜</td><td><span class="tag tag-green">标准份</span></td><td><span class="tag tag-gray">冷鲜袋 180g</span></td><td>180</td><td>净菠菜120g+大蒜8g</td><td>2026-04-15 10:50</td><td>2026-04-17 10:50</td><td>4.0</td><td><span class="tag tag-orange">外售</span></td><td>EXT-001</td><td>陈配餐</td><td>PKG-T04</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
<tr><td>PKG-DH-005</td><td>NC-PROC-HLUB-20260415-01</td><td>炒胡萝卜</td><td><span class="tag tag-blue">大份</span></td><td><span class="tag tag-gray">保鲜盒 320g</span></td><td>320</td><td>净胡萝卜260g+葱姜适量</td><td>2026-04-15 11:05</td><td>2026-04-17 11:05</td><td>4.2</td><td><span class="tag tag-blue">内供</span></td><td>INT-003</td><td>赵配餐</td><td>PKG-T04</td><td class="td-actions"><span class="link">查看视频</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -263,10 +267,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>设备编号</th><th>设备名称</th><th>安装位置</th><th>今日净菜包(个)</th><th>今日餐品包(个)</th><th>今日合计(个)</th><th>最后操作时间</th><th>设备状态</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>PKG-T01</td><td>包装终端-1号</td><td>A区净菜加工线</td><td>186</td><td>0</td><td>186</td><td>2026-04-15 11:45</td><td><span class="tag tag-green">在线</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>PKG-T02</td><td>包装终端-2号</td><td>B区净菜加工线</td><td>62</td><td>0</td><td>62</td><td>2026-04-15 11:30</td><td><span class="tag tag-green">在线</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>PKG-T03</td><td>配餐终端-1号</td><td>A区组配工作台</td><td>0</td><td>86</td><td>86</td><td>2026-04-15 11:50</td><td><span class="tag tag-green">在线</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>PKG-T04</td><td>配餐终端-2号</td><td>B区组配工作台</td><td>0</td><td>52</td><td>52</td><td>2026-04-15 11:20</td><td><span class="tag tag-gray">离线</span></td><td><span class="link">查看详情</span></td></tr>
|
||||
<tr><td>PKG-T01</td><td>包装终端-1号</td><td>A区净菜加工线</td><td>186</td><td>0</td><td>186</td><td>2026-04-15 11:45</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>PKG-T02</td><td>包装终端-2号</td><td>B区净菜加工线</td><td>62</td><td>0</td><td>62</td><td>2026-04-15 11:30</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>PKG-T03</td><td>配餐终端-1号</td><td>A区组配工作台</td><td>0</td><td>86</td><td>86</td><td>2026-04-15 11:50</td><td><span class="tag tag-green">在线</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>PKG-T04</td><td>配餐终端-2号</td><td>B区组配工作台</td><td>0</td><td>52</td><td>52</td><td>2026-04-15 11:20</td><td><span class="tag tag-gray">离线</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -97,6 +97,10 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
.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;}
|
||||
.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -189,13 +193,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>WH-A</td><td>A仓-蔬菜常温库</td><td>加工中心一楼北侧</td><td><span class="tag tag-gray">常温</span></td><td>500</td><td>312</td><td><span class="tag tag-green">62.4%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>WH-A</td><td>A仓-蔬菜常温库</td><td>加工中心一楼北侧</td><td><span class="tag tag-gray">常温</span></td><td>500</td><td>312</td><td><span class="tag tag-green">62.4%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>WH-B</td><td>B仓-肉类冷藏库</td><td>加工中心一楼南侧</td><td><span class="tag tag-blue">冷藏(0~4℃)</span></td><td>200</td><td>148</td><td><span class="tag tag-orange">74.0%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>WH-B</td><td>B仓-肉类冷藏库</td><td>加工中心一楼南侧</td><td><span class="tag tag-blue">冷藏(0~4℃)</span></td><td>200</td><td>148</td><td><span class="tag tag-orange">74.0%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>WH-C</td><td>C仓-水产冷冻库</td><td>加工中心地下一层</td><td><span class="tag tag-blue">冷冻(-18℃)</span></td><td>150</td><td>60</td><td><span class="tag tag-green">40.0%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td>
|
||||
<td>WH-C</td><td>C仓-水产冷冻库</td><td>加工中心地下一层</td><td><span class="tag tag-blue">冷冻(-18℃)</span></td><td>150</td><td>60</td><td><span class="tag tag-green">40.0%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -231,15 +235,15 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>区域编号</th><th>区域名称</th><th>所属仓库</th><th>适存品类</th><th>容量(㎥)</th><th>当前占用率</th><th>状态</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>WH-A-01</td><td>A仓-蔬菜区-01</td><td>A仓-蔬菜常温库</td><td>叶菜类</td><td>80</td><td><span class="tag tag-orange">71%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-A-02</td><td>A仓-蔬菜区-02</td><td>A仓-蔬菜常温库</td><td>叶菜类</td><td>80</td><td><span class="tag tag-green">45%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-A-03</td><td>A仓-蔬菜区-03</td><td>A仓-蔬菜常温库</td><td>根茎类</td><td>100</td><td><span class="tag tag-orange">82%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-A-04</td><td>A仓-蔬菜区-04</td><td>A仓-蔬菜常温库</td><td>瓜果类</td><td>80</td><td><span class="tag tag-green">30%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-B-01</td><td>B仓-肉类区-01</td><td>B仓-肉类冷藏库</td><td>猪肉类</td><td>60</td><td><span class="tag tag-red">88%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-B-02</td><td>B仓-肉类区-02</td><td>B仓-肉类冷藏库</td><td>禽肉类</td><td>60</td><td><span class="tag tag-green">55%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-B-03</td><td>B仓-肉类区-03</td><td>B仓-肉类冷藏库</td><td>蛋品类</td><td>40</td><td><span class="tag tag-green">62%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-C-01</td><td>C仓-水产区-01</td><td>C仓-水产冷冻库</td><td>淡水鱼类</td><td>80</td><td><span class="tag tag-green">50%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-C-02</td><td>C仓-水产区-02</td><td>C仓-水产冷冻库</td><td>海水产类</td><td>70</td><td><span class="tag tag-green">25%</span></td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link" onclick="openModal()">查看详情</span></td></tr>
|
||||
<tr><td>WH-A-01</td><td>A仓-蔬菜区-01</td><td>A仓-蔬菜常温库</td><td>叶菜类</td><td>80</td><td><span class="tag tag-orange">71%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-A-02</td><td>A仓-蔬菜区-02</td><td>A仓-蔬菜常温库</td><td>叶菜类</td><td>80</td><td><span class="tag tag-green">45%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-A-03</td><td>A仓-蔬菜区-03</td><td>A仓-蔬菜常温库</td><td>根茎类</td><td>100</td><td><span class="tag tag-orange">82%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-A-04</td><td>A仓-蔬菜区-04</td><td>A仓-蔬菜常温库</td><td>瓜果类</td><td>80</td><td><span class="tag tag-green">30%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-B-01</td><td>B仓-肉类区-01</td><td>B仓-肉类冷藏库</td><td>猪肉类</td><td>60</td><td><span class="tag tag-red">88%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-B-02</td><td>B仓-肉类区-02</td><td>B仓-肉类冷藏库</td><td>禽肉类</td><td>60</td><td><span class="tag tag-green">55%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-B-03</td><td>B仓-肉类区-03</td><td>B仓-肉类冷藏库</td><td>蛋品类</td><td>40</td><td><span class="tag tag-green">62%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-C-01</td><td>C仓-水产区-01</td><td>C仓-水产冷冻库</td><td>淡水鱼类</td><td>80</td><td><span class="tag tag-green">50%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
<tr><td>WH-C-02</td><td>C仓-水产区-02</td><td>C仓-水产冷冻库</td><td>海水产类</td><td>70</td><td><span class="tag tag-green">25%</span></td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link" onclick="openModal()">详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -278,11 +282,11 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>食材名称</th><th>来源批次</th><th>所在区域</th><th>入库量(kg)</th><th>已出量(kg)</th><th>在库量(kg)</th><th>入库时间</th><th>保质期至</th><th>库存状态</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr><td>菠菜</td><td>IN-20260415-001</td><td>A仓-蔬菜区-01</td><td>286</td><td>61</td><td><span class="tag tag-green">225</span></td><td>2026-04-15 10:30</td><td>2026-04-18</td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link">查看详情</span></td></tr>
|
||||
<tr><td>菠菜</td><td>IN-20260415-002</td><td>A仓-蔬菜区-02</td><td>50</td><td>20</td><td><span class="tag tag-green">30</span></td><td>2026-04-15 08:30</td><td>2026-04-18</td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link">查看详情</span></td></tr>
|
||||
<tr><td>猪里脊</td><td>IN-20260415-003</td><td>B仓-肉类区-01</td><td>80</td><td>40</td><td><span class="tag tag-orange">40</span></td><td>2026-04-15 09:15</td><td>2026-04-19</td><td><span class="tag tag-orange">偏低</span></td><td><span class="link">编辑</span> <span class="link">查看详情</span></td></tr>
|
||||
<tr><td>草鱼</td><td>IN-20260415-004</td><td>C仓-水产区-01</td><td>60</td><td>0</td><td><span class="tag tag-red">60</span></td><td>2026-04-15 09:45</td><td>2026-04-15</td><td><span class="tag tag-red">已隔离</span></td><td><span class="link">编辑</span> <span class="link">查看详情</span></td></tr>
|
||||
<tr><td>胡萝卜</td><td>IN-20260416-005</td><td>A仓-蔬菜区-03</td><td>420</td><td>0</td><td><span class="tag tag-green">420</span></td><td>2026-04-16 11:00</td><td>2026-04-23</td><td><span class="tag tag-green">正常</span></td><td><span class="link">编辑</span> <span class="link">查看详情</span></td></tr>
|
||||
<tr><td>菠菜</td><td>IN-20260415-001</td><td>A仓-蔬菜区-01</td><td>286</td><td>61</td><td><span class="tag tag-green">225</span></td><td>2026-04-15 10:30</td><td>2026-04-18</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>菠菜</td><td>IN-20260415-002</td><td>A仓-蔬菜区-02</td><td>50</td><td>20</td><td><span class="tag tag-green">30</span></td><td>2026-04-15 08:30</td><td>2026-04-18</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>猪里脊</td><td>IN-20260415-003</td><td>B仓-肉类区-01</td><td>80</td><td>40</td><td><span class="tag tag-orange">40</span></td><td>2026-04-15 09:15</td><td>2026-04-19</td><td><span class="tag tag-orange">偏低</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>草鱼</td><td>IN-20260415-004</td><td>C仓-水产区-01</td><td>60</td><td>0</td><td><span class="tag tag-red">60</span></td><td>2026-04-15 09:45</td><td>2026-04-15</td><td><span class="tag tag-red">已隔离</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
<tr><td>胡萝卜</td><td>IN-20260416-005</td><td>A仓-蔬菜区-03</td><td>420</td><td>0</td><td><span class="tag tag-green">420</span></td><td>2026-04-16 11:00</td><td>2026-04-23</td><td><span class="tag tag-green">正常</span></td><td class="td-actions"><span class="link">编辑</span> <span class="link">详情</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -81,6 +81,10 @@
|
||||
.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);}
|
||||
/* 操作列固定右侧 */
|
||||
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>
|
||||
@@ -180,7 +184,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>张厨师</td>
|
||||
<td>11:30</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260422-002</td>
|
||||
@@ -192,7 +196,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>李厨师</td>
|
||||
<td>11:32</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260422-003</td>
|
||||
@@ -204,7 +208,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>王厨师</td>
|
||||
<td>11:28</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260422-004</td>
|
||||
@@ -216,7 +220,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>—</td>
|
||||
<td>11:25</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260421-005</td>
|
||||
@@ -228,7 +232,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>张厨师</td>
|
||||
<td>11:35</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260421-006</td>
|
||||
@@ -240,7 +244,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>王厨师</td>
|
||||
<td>11:40</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260421-007</td>
|
||||
@@ -252,7 +256,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>李厨师</td>
|
||||
<td>11:30</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TR-20260420-008</td>
|
||||
@@ -264,7 +268,7 @@
|
||||
<td><span class="tag tag-green">合格</span></td>
|
||||
<td>张厨师</td>
|
||||
<td>11:32</td>
|
||||
<td><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
<td class="td-actions"><a class="link" href="trace-timeline.html">查看食材链路</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user