62 lines
3.9 KiB
HTML
62 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>肉包 P0 原型索引</title>
|
|
<style>
|
|
:root { color-scheme: light; font-family: system-ui, "Microsoft YaHei", sans-serif; color: #17202a; background: #f4f6f8; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; }
|
|
.prototype { position: sticky; top: 0; z-index: 10; padding: 8px 16px; background: #332b00; color: #fff4b8; font-size: 13px; text-align: center; }
|
|
header, main { width: min(1080px, calc(100% - 32px)); margin-inline: auto; }
|
|
header { padding: 32px 0 20px; border-bottom: 1px solid #cfd6dc; }
|
|
h1 { margin: 0 0 8px; font-size: 28px; letter-spacing: 0; }
|
|
h2 { margin: 28px 0 12px; font-size: 19px; letter-spacing: 0; }
|
|
p { margin: 0; color: #4e5b66; line-height: 1.6; }
|
|
.notice { margin-top: 16px; padding: 12px 14px; border-left: 4px solid #b26a00; background: #fff9e8; color: #513a00; }
|
|
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
|
|
a { display: grid; gap: 6px; min-height: 92px; padding: 16px; border: 1px solid #cfd6dc; border-radius: 6px; background: #fff; color: #0b5cab; text-decoration: none; }
|
|
a:hover, a:focus-visible { border-color: #0b5cab; outline: 3px solid #b9d8f5; outline-offset: 1px; }
|
|
strong { color: #17202a; font-size: 16px; }
|
|
small { color: #5b6770; line-height: 1.45; }
|
|
footer { padding: 28px 0 40px; color: #5b6770; font-size: 13px; }
|
|
@media (max-width: 640px) {
|
|
header, main { width: min(100% - 24px, 1080px); }
|
|
header { padding-top: 24px; }
|
|
h1 { font-size: 23px; }
|
|
.grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="prototype">PROTOTYPE - 仅供确认布局和交互，不是生产实现</div>
|
|
<header>
|
|
<h1>肉包 P0 页面确认</h1>
|
|
<p>按工作流逐页检查页面区块、控件、文案和主要动作。所有内容均为脱敏假数据。</p>
|
|
<p class="notice"><strong>安全边界：</strong>原型只验证候选，不触发加购、结算、支付或下单。</p>
|
|
</header>
|
|
<main>
|
|
<h2>管理 Web</h2>
|
|
<div class="grid">
|
|
<a href="admin-login.html"><strong>1. 管理登录</strong><small>/login · IX-001 · 会话、校验与通用错误</small></a>
|
|
<a href="admin-task-list.html"><strong>2. 任务列表</strong><small>/tasks · IX-003/008 · 筛选、加载、空与失败</small></a>
|
|
<a href="admin-task-create.html"><strong>3. 新建任务</strong><small>/tasks/new · IX-002 · 商品资料、图片与约束</small></a>
|
|
<a href="admin-task-detail.html"><strong>4. 任务详情</strong><small>/tasks/{id} · IX-003/008 · 时间线、候选与证据</small></a>
|
|
</div>
|
|
|
|
<h2>Android 采购 App</h2>
|
|
<div class="grid">
|
|
<a href="android-login.html"><strong>1. 登录与设备绑定</strong><small>login · IX-004 · 人员和设备身份</small></a>
|
|
<a href="android-task-home.html"><strong>2. 任务主页</strong><small>tasks · IX-005 · 就绪检查和手动领取</small></a>
|
|
<a href="android-task-preview.html"><strong>3. 任务预览</strong><small>task/{id}/preview · IX-005/006 · 检查要求后开始</small></a>
|
|
<a href="android-task-running.html"><strong>4. 任务执行</strong><small>task/{id}/running · IX-006/008 · 步骤、安全停止与回到拼多多</small></a>
|
|
<a href="android-candidate-confirm.html"><strong>5. 候选确认</strong><small>task/{id}/confirm · IX-007 · 人工结论硬停止点</small></a>
|
|
<a href="android-task-result.html"><strong>6. 任务结果</strong><small>task/{id}/result · IX-007/008 · 终态与同步状态</small></a>
|
|
<a href="android-settings.html"><strong>7. 设备设置</strong><small>settings · IX-004/005 · 权限、版本和连接状态</small></a>
|
|
</div>
|
|
<footer>T-202 · 已于 2026-07-26 确认，不作为正式界面代码复用。</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|