xcsandClaude Opus 5
0aa2fc11b0
**资料文件全链**(用户:审核资料这一步要真产出 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
149 lines
7.9 KiB
HTML
149 lines
7.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>验收工单 1 · 关系经营计划审批 · 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}
|
|
.cust{font-weight:700}
|
|
.prio{font-family:var(--mono);font-weight:800}
|
|
.prio.hi{color:var(--danger)}
|
|
.prio.mid{color:var(--ink-2)}
|
|
.reason{font-size:12.5px;color:var(--ink-2)}
|
|
.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 关系覆盖与关键人经营 · 验收工单 1/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>—— 结论是怎么算出来的</p>
|
|
<div class="note">
|
|
<p><b>AI 已完成的计算</b>：读取 L-02 客户画像、决策链地图、关系覆盖度，读取 L-08 联系人角色 / 影响力 / 亲密度；对照决策链识别空白节点，按「影响力 × 亲密度缺口」排序，得出本轮<b>关系经营计划</b>。</p>
|
|
</div>
|
|
|
|
<p class="zone"><b>【验收判据】</b>—— 你据此判断「通过 / 驳回」</p>
|
|
<div class="criteria">
|
|
<div class="c-title">判断这份计划是否合理，请逐项核对</div>
|
|
<ul>
|
|
<li><b>关键人覆盖是否完整</b>：该经营的决策链关键人（BT-01 / BT-02 / BT-03）有没有漏掉；</li>
|
|
<li><b>优先级排序是否合理</b>：是否符合「影响力 × 亲密度缺口」的排序逻辑，有没有高优的客户被排低了；</li>
|
|
<li><b>动作是否可执行</b>：建议动作是否明确、有没有时间点、可不可落地。</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p class="zone"><b>【AI 产出的经营计划】</b>—— 只读展示</p>
|
|
<div class="tbl-wrap">
|
|
<table>
|
|
<thead><tr><th style="width:40px">#</th><th style="width:150px" data-h="客户">客户</th><th style="width:130px" data-h="关键人">关键人</th><th style="width:150px" data-h="建议动作">建议动作</th><th style="width:70px" data-h="优先级">优先级</th><th data-h="理由">AI 给出的理由</th></tr></thead>
|
|
<tbody data-rows="out.plan">
|
|
<tr>
|
|
<td class="num">1</td>
|
|
<td data-field="customer" class="cust">AvtoKom 汽车电子</td>
|
|
<td data-field="key_person">产品 VP</td>
|
|
<td data-field="action">拜访 + 方案交流</td>
|
|
<td data-field="priority" class="prio hi">高</td>
|
|
<td data-field="reason" class="reason">BT-03 高层为空白节点，且 T04 攻坚联动，需优先建立直接关系</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="num">2</td>
|
|
<td class="cust">AvtoKom 汽车电子</td>
|
|
<td>质量负责人</td>
|
|
<td>技术交流</td>
|
|
<td class="prio hi">高</td>
|
|
<td class="reason">质量节点空白，BT-02 技术层需加深</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="num">3</td>
|
|
<td class="cust">AvtoKom 汽车电子</td>
|
|
<td>研发负责人</td>
|
|
<td>价值传递（样品）</td>
|
|
<td class="prio mid">中</td>
|
|
<td class="reason">研发关系尚浅，递样品推进测试</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="num">4</td>
|
|
<td class="cust">Boreas 工业控制</td>
|
|
<td>采购经理</td>
|
|
<td>维持性经营</td>
|
|
<td class="prio mid">中</td>
|
|
<td class="reason">关系稳定，覆盖度 82 / 100，维持即可</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="flow"><b>审批：</b>本工单只承载内容；「通过 / 驳回」请在对话区的【验收卡】中进行。</div>
|
|
|
|
</div>
|
|
|
|
<footer class="card-foot">
|
|
<span>E04 关系覆盖与关键人经营 · 验收工单 1/2 · 关系经营计划审批</span>
|
|
<span style="font-family:'SF Mono',Menlo,Consolas,monospace">工单类型：验收 · <span data-slot="card.id">WO-E04-02</span></span>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|