资料文件真产出来了;E04/I01 补到验收线,顺手填了几个「墙拦住却不给路」的坑

**资料文件全链**(用户:审核资料这一步要真产出 word/excel/md/html,前端能渲、点资料名能开)
接手时这一步一个文件都产不出来 —— S3 剧本白纸黑字写着「file_ref 本 MVP 阶段可留空」。
文件是台账那一行的投影,不另存一份:
· 声明 `file:{titleColumn,bodyColumn,formatColumn}`,它同时是授权面(没声明就点不开)
· 现造真字节 —— docx/xlsx 是自己打的 OOXML 包(zip-write:store+CRC32,零依赖)
· 读回来渲 —— 解的就是造出来那份字节,渲得出来才证明文件是真的
· 件上 `data-file-of` → 工作区二级界面(Word 纸面/Excel 网格/渲好的 md/沙箱 html)+ 下载原件
放行落地前把每一份冻进 `sys.task_asset_file`(迁移 0029):归档件点开的必须是签字那一刻
那一份,而资料落在主数据上、试跑单不落正式表 —— 不存这一份,收工后一个都点不开。
工作成果里「产出的资料」自成一摞。Markdown 富文本渲染顺带销账(仍零依赖)。

**Harness**
· 画面按「这一拍办完之后」在办的那一步挑 —— 从前拿拍首的局面决定拍尾的事:
  收掉 S4、发出 S5 的卡,而屏上还摆着 S4 的只读件,人无处可填(墙要配路第四次现形)
· 验收「重做」真能退回重做,且打回后台账没动就不许再提交(软硬两段,不锁死单子)
· 立监听的授权面是清单声明;发卡的授权面是调人预算,不是计划项
· 读工具同参重调有兜底;空转写身后还有行动就不废串;finish 的 doneWhen 按写完后的草稿算

**界面**
· 翻件与翻页各归各位(从前二选一,多卡多页时页翻不动);没得翻写「—」不写 0/0
· 工作成果详情能翻份;表宽超出能横滑(E04/I01 抄版式时把 overflow-x 抄丢了)
· 查看面灰底滚过一屏变白 —— 两条独立的路都治了(沙箱内不同色 / 弹性子项不长个)
· 测试台「取不到」不再当成「还活着」

**活动**
E04 关系覆盖、I01 品牌内容各自补到验收线:判据全读基座数、判据指向的东西摆上卡面、
样例满载且名字 ≤14 字;提交前要裁的判据搬进说明书(模型会压拍,压过之后只有说明书还在)。

验收:e2e i01 4/4、e04 3/3 全部 released,资料在办中渲得出、放行后存了档点得开;
门禁 typecheck/lint/depcruise/1628 测全绿。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EEJX8Z7CHejvwmDQyPQuBX

docs/SS01-客户与市场/e04-html/E04-验收工单-02-台账更新确认.html

@@ -0,0 +1,150 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>验收工单 2 · 关系台账更新确认 · E04 关系覆盖与关键人经营</title>
+<style>
+:root{
+  --ink:#1f2329; --ink-2:#41464e; --ink-3:#646a73; --ink-4:#8f959e;
+  --line:#dee0e3; --line-soft:#e8eaed; --soft:#f8f9fb;
+  --brand:#3370ff; --brand-deep:#245bdb; --brand-soft:#e1eaff; --brand-wash:#f0f4ff;
+  --ledger:#b23a2e; --ledger-soft:#f7e4e0; --ledger-line:#ecc5bd;
+  --ok:#278717; --ok-soft:#e8f8e4; --danger:#d83931; --danger-soft:#feeae9;
+  --mono:"SF Mono",Menlo,Consolas,monospace;
+}
+*{box-sizing:border-box}
+html,body{margin:0;padding:0}
+body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#eef1f6;color:var(--ink);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}
+.page{margin:0;padding:0}
+.card{background:#fff;overflow:hidden;border:0;border-radius:0;box-shadow:none}
+.card-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:2px solid var(--ink);background:linear-gradient(120deg,#fdf3f1 0%,#fff 55%,#fbf2f0 100%)}
+.badge{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--ledger);color:#fff;font-weight:800;font-size:13px;box-shadow:0 6px 16px rgba(178,58,46,.25)}
+.tit{flex:1;min-width:0}
+.tit .kick{font-size:11px;letter-spacing:.08em;color:var(--ink-4);font-weight:700}
+.tit h1{margin:2px 0 0;font-size:19px;font-weight:800;line-height:1.3}
+.tit .sub{font-size:12px;color:var(--ink-3);margin-top:3px}
+.side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
+.tag{font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;color:var(--ledger);background:var(--ledger-soft);border:1px solid var(--ledger-line)}
+.step{font-size:12px;color:var(--ink-3)}
+.deadline{font-size:12px;color:var(--ink-3)}
+.deadline b{color:var(--danger)}
+.card-bd{padding:20px 22px}
+.zone{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ink-4);margin:0 0 8px}
+.zone b{color:var(--ink-3)}
+.note{border:1px solid var(--line);border-left:3px solid var(--ledger);border-radius:8px;background:var(--soft);padding:14px 16px;margin-bottom:16px}
+.note p{margin:0;font-size:13px;color:var(--ink-2)}
+.note b{color:var(--ink)}
+.criteria{border:1px solid var(--ledger-line);border-radius:10px;background:var(--ledger-soft);padding:13px 16px;margin-bottom:18px}
+.criteria .c-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--ledger);margin-bottom:7px}
+.criteria ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink-2)}
+.criteria li{margin:4px 0}
+.criteria b{color:var(--ink)}
+.tbl-wrap{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}
+table{width:100%;border-collapse:collapse;font-size:13px}
+th{text-align:left;background:var(--soft);font-size:11px;letter-spacing:.05em;font-weight:800;color:var(--ink-3);padding:9px 12px;border-bottom:1px solid var(--line)}
+td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
+tr:last-child td{border-bottom:0}
+.num{font-family:var(--mono);color:var(--ink-4);white-space:nowrap}
+.ledger{font-family:var(--mono);font-weight:700;white-space:nowrap}
+.fld{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
+.before{color:var(--ink-4);text-decoration:line-through}
+.after{font-weight:800;color:var(--ok)}
+.flow{margin-top:16px;padding:9px 12px;border-radius:8px;background:var(--soft);border:1px dashed var(--line);font-size:12px;color:var(--ink-3)}
+.flow b{color:var(--ink)}
+.card-foot{padding:13px 22px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--ink-4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
+@media(max-width:600px){.card-head{flex-wrap:wrap}.side{align-items:flex-start}}
+</style>
+</head>
+<body>
+<div class="page">
+<div class="card">
+
+  <header class="card-head">
+    <div class="badge">验收</div>
+    <div class="tit">
+      <div class="kick">E04 关系覆盖与关键人经营 · 验收工单 2/2</div>
+      <h1>关系台账更新确认</h1>
+      <div class="sub">收件人：<span data-slot="meta.task.owner">AM Lead（负责人）</span> · 关联任务：<span data-slot="meta.task.id">TASK-xxx</span></div>
+    </div>
+    <div class="side">
+      <span class="tag">验收工单</span>
+      <span class="step" data-slot="meta.phase">步骤 ⑥⑦ 更新台账</span>
+      <span class="deadline">最迟交回：<b data-slot="card.deadline">1 个工作日</b></span>
+    </div>
+  </header>
+
+  <div class="card-bd">
+
+    <p class="zone"><b>【AI 结论说明】</b>—— AI 收到回执后做了哪些更新</p>
+    <div class="note">
+      <p><b>AI 已完成</b>：收到执行回执后，重算关系覆盖度（coverage_score）、更新决策链地图（decision_chain）、更新 L-08 联系人档案（角色 / 影响力 / 亲密度 / 关键人标记）、追加互动时间线。</p>
+    </div>
+
+    <p class="zone"><b>【验收判据】</b>—— 你据此判断「通过 / 驳回」</p>
+    <div class="criteria">
+      <div class="c-title">判断这次台账更新是否无误，请逐项核对</div>
+      <ul>
+        <li><b>更新是否有依据</b>：每条更新是否都能在「执行回执」里找到对应事实（如 coverage_score 上升对应哪几次拜访）；</li>
+        <li><b>数值是否合理</b>：coverage_score、亲密度等数值变化幅度与回执是否吻合；</li>
+        <li><b>有无漏更或误更</b>：该更新的字段都更新了、不该动的没动。</li>
+      </ul>
+    </div>
+
+    <p class="zone"><b>【拟更新的台账】</b>—— 只读展示</p>
+    <div class="tbl-wrap">
+      <table>
+        <thead><tr><th style="width:36px">#</th><th style="width:150px" data-h="台账">台账</th><th style="width:200px" data-h="字段">字段</th><th style="width:140px" data-h="更新前">更新前</th><th data-h="更新后">更新后</th></tr></thead>
+        <tbody data-rows="out.ledger_update">
+          <tr>
+            <td class="num">1</td>
+            <td data-field="ledger" class="ledger">L-02 客户主台账</td>
+            <td data-field="field" class="fld">coverage_score</td>
+            <td data-field="before" class="before">61 / 100</td>
+            <td data-field="after" class="after">78 / 100</td>
+          </tr>
+          <tr>
+            <td class="num">2</td>
+            <td class="ledger">L-02 客户主台账</td>
+            <td class="fld">decision_chain（产品 VP）</td>
+            <td class="before">空白节点</td>
+            <td class="after">已建立直接关系</td>
+          </tr>
+          <tr>
+            <td class="num">3</td>
+            <td class="ledger">L-02 客户主台账</td>
+            <td class="fld">interaction_timeline</td>
+            <td class="before">—</td>
+            <td class="after">追加 3 次互动记录</td>
+          </tr>
+          <tr>
+            <td class="num">4</td>
+            <td class="ledger">L-08 联系人台账</td>
+            <td class="fld">质量负责人 · 亲密度</td>
+            <td class="before">0 / 5</td>
+            <td class="after">2 / 5</td>
+          </tr>
+          <tr>
+            <td class="num">5</td>
+            <td class="ledger">L-08 联系人台账</td>
+            <td class="fld">质量负责人 · 关键人标记</td>
+            <td class="before">否</td>
+            <td class="after">是</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="flow"><b>审批：</b>本工单只承载内容；「通过入库 / 驳回」请在对话区的【验收卡】中进行。</div>
+
+  </div>
+
+  <footer class="card-foot">
+    <span>E04 关系覆盖与关键人经营 · 验收工单 2/2 · 关系台账更新确认</span>
+    <span style="font-family:'SF Mono',Menlo,Consolas,monospace">工单类型：验收 · <span data-slot="card.id">WO-E04-04</span></span>
+  </footer>
+
+</div>
+</div>
+</body>
+</html>