# -*- coding: utf-8 -*-
"""
培训页「三个可交互模拟演示沙盒」——CSS / HTML / JS 三块。
由 _build.py 导入；纯内存实现，零外链、零 localStorage、零网络请求。
- 沙盒一 · 活动录入（7 项字段级黄灯）
- 沙盒二 · 测试反馈（订单→货号→逐货号结果 + 现象/反馈分栏）
- 沙盒三 · 竞品信息（品牌归一化 + 三元组去重）
所有客户 / 订单 / 销售员均已匿名化。
"""
# ─────────────────────────── CSS ───────────────────────────
SB_CSS = r"""
/* ===== 交互沙盒（教学演示 · 纯内存） ===== */
.sb{background:linear-gradient(180deg,#FBFDFF,#F3F8FF);border:1px solid #D6E2FA;border-radius:14px;
padding:16px 16px 15px;margin:16px 0 20px;scroll-margin-top:14px}
.sb-h{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.sb-h .ttl{font-size:16px;font-weight:800;color:var(--deep)}
.sb-h .bdg{font-size:11px;background:#EAF1FF;color:var(--blue);border:1px solid #C7DAFF;
border-radius:20px;padding:1px 9px;font-weight:700}
.sb-note{font-size:12.6px;color:var(--ink2);margin:4px 0 12px;line-height:1.75}
.sb-decl{background:#FEF2F2;border:1px solid #FCA5A5;border-left:4px solid #EF4444;border-radius:10px;
padding:9px 12px;font-size:12.6px;color:#7F1D1D;margin:8px 0 12px;line-height:1.7}
.sb-decl b{color:#991B1B}
.sb-map{background:#F8FAFC;border:1px dashed #9DB8E8;border-radius:10px;padding:9px 12px;
font-size:12.2px;color:var(--ink2);margin-top:11px;line-height:1.8}
.sb-map b{color:var(--deep)}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:10px}
.sbf{display:flex;flex-direction:column;gap:4px;min-width:0}
.sbf label{font-size:12.4px;font-weight:700;color:var(--deep)}
.sbf .hint{font-weight:400;color:var(--grey);font-size:11.5px}
.sb input:not([type="checkbox"]),.sb select,.sb textarea{width:100%;border:1px solid var(--line);
border-radius:8px;padding:7px 9px;font-family:var(--f);font-size:13px;outline:none;background:#fff;color:var(--ink)}
.sb textarea{min-height:62px;resize:vertical;line-height:1.65}
.sb input:focus,.sb select:focus,.sb textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,67,193,.08)}
.sb .sub{font-size:12.8px;font-weight:800;color:var(--deep);margin:14px 0 5px;display:flex;align-items:center;gap:6px}
.sb .sub::before{content:'';width:3px;height:13px;background:var(--blue);border-radius:2px;display:inline-block}
.sb .row{display:grid;gap:8px;align-items:center;margin-top:6px}
.sb .row.params{grid-template-columns:1fr 2.1fr 32px}
.sb .row.plan{grid-template-columns:1.9fr 1fr 1.1fr 32px}
.sb .mini-del{border:1px solid var(--line);background:#fff;color:#B91C1C;border-radius:7px;
height:33px;cursor:pointer;font-size:15px;line-height:1;padding:0}
.sb .mini-del:hover{border-color:#FCA5A5;background:#FEF2F2}
.sb .addbtn{border:1px dashed #9DB8E8;background:#fff;color:var(--blue);border-radius:8px;
padding:5px 12px;font-size:12.5px;cursor:pointer;font-weight:700;margin-top:8px}
.sb .addbtn:hover{background:var(--tint)}
.sb .btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.sb .btn{border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid;
font-family:var(--f)}
.sb .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.sb .btn.good{background:#F0FDF4;border-color:#86EFAC;color:#15803D}
.sb .btn.poor{background:#FFF7ED;border-color:#FDBA74;color:#B45309}
.sb .btn.ghost{background:#fff;border-color:var(--line);color:var(--ink2)}
.sb .btn:active{transform:translateY(1px)}
.sb .lamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:7px;margin-top:13px}
.sb .lamp{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);
border-radius:9px;padding:7px 10px;font-size:12.3px;color:var(--ink2);line-height:1.6}
.sb .lamp .dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:5px;background:#D1D9E8}
.sb .lamp.warn{border-color:#FCD34D;background:#FFFBEB;color:#92400E}
.sb .lamp.warn .dot{background:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.sb .lamp.ok{border-color:#BBF7D0;background:#F0FDF4;color:#15803D}
.sb .lamp.ok .dot{background:#22C55E}
.sb .score{margin-top:11px;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:700;line-height:1.6}
.sb .score.warn{background:#FFFBEB;border:1px solid #FCD34D;color:#92400E}
.sb .score.ok{background:#F0FDF4;border:1px solid #86EFAC;color:#15803D}
.sb .chip{display:inline-flex;align-items:center;gap:5px;font-size:11.6px;background:var(--tint);
border:1px solid #C7DAFF;color:var(--blue);border-radius:20px;padding:3px 10px;cursor:pointer;
font-weight:700;width:auto;margin-top:8px;font-family:var(--f)}
.sb .chip:hover{background:#E3EDFF}
.sb .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sb .chips .chip{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;margin-top:0}
.sb .chips .chip::after{content:' ×';opacity:.55}
.sb .normmsg{font-size:12.2px;margin-top:5px;font-weight:700;color:#B45309;line-height:1.6}
.sb .normmsg.hit{color:#15803D}
.sb .ordercard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px;background:#fff}
.sb .ordercard .oh{font-size:13px;font-weight:800;color:var(--deep);display:flex;gap:8px;
align-items:center;flex-wrap:wrap}
.sb label.cbx{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
color:var(--deep);cursor:pointer}
.sb label.cbx input{width:auto;margin:0}
.sb .note-box{background:#FFFBEB;border:1px solid #FCD34D;border-radius:9px;padding:8px 11px;
font-size:12.5px;color:#92400E;margin-top:8px;line-height:1.65}
.sb pre.feishu{background:#0d2a52;color:#DCE6FB;border-radius:10px;padding:12px 14px;font-size:12.3px;
white-space:pre-wrap;word-break:break-word;line-height:1.8;margin:10px 0 0;
font-family:Consolas,Menlo,monospace;max-height:300px;overflow:auto}
.sb .hide{display:none}
.sb .libtbl{width:100%;border-collapse:collapse;font-size:12.3px;margin-top:8px;background:#fff;
border:1px solid var(--line);border-radius:9px;overflow:hidden}
.sb .libtbl th{background:#F8FAFC;color:var(--deep);text-align:left;padding:7px 9px;
border-bottom:1px solid var(--line);font-weight:700}
.sb .libtbl td{padding:7px 9px;border-bottom:1px solid #F1F4F9;color:var(--ink2)}
.sb .libtbl tr:last-child td{border-bottom:0}
@media(max-width:560px){.sb .row.params,.sb .row.plan{grid-template-columns:1fr 1fr}}
@media print{.sb .btns{display:none}.sb .addbtn,.sb .mini-del{display:none}
.sb{break-inside:avoid;background:#fff}}
"""
# ─────────────────────────── HTML ───────────────────────────
SB1 = r'''
🧪 试试看 · 活动录入模拟沙盒教学复刻 · 不落盘
⚠️ 本沙盒为教学示意：在此实时亮灯，是为了帮你理解「好活动长什么样」。工作台真实页在提交时做必填校验，没有实时黄灯。
这是录入页的教学复刻：随便填、随便点，只在这里亮教学灯，不写入任何系统、不留任何记录、不发任何请求。
目标：把下面 5 盏教学灯逐条转绿。客户名、商机、订单均已匿名化，仅作演示。
① 客户需求（结构化分点）
② 技术参数 / 测试数据（货号 + 量化值）
③ 问题现象 （现象 + 量化；客户原话放引号内照抄 —— 不是独立字段）
④ 竞品信息 （非提交必填；填了就要品牌＋货号）
⑤ 下一步计划（事项 / 负责人 / 时间节点）
沙盒灯项 = 教学示意；与真实页必填项的对应关系：
① 客户＋商机 → 真实页必填「客户」；② 客户需求 → 必填「跟进内容（至少一套）」里的需求；
③ 技术参数 → 真实页「项目跟进」的客户需求 / 技术参数 / 问题现象至少一项；
④ 问题现象（量化＋原话照抄）→ 同上，并体现「客户原话放引号内照抄」这条填写要求；
⑤ 下一步计划 → 真实页必填「下一步计划」。
真实页没有实时灯：以上都只在提交时一次性必填校验，缺项列在底栏「待完善：…」。
'''
SB2 = r'''
🧪 试试看 · 测试反馈模拟沙盒教学复刻 · 不落盘
⚠️ 本沙盒为教学示意：在此实时亮灯，是为了帮你理解标准。工作台真实页在提交时做必填校验，没有实时黄灯。
模拟真实链路：选订单 → 带出全部货号 → 逐货号写量化结果 + 挂附件，并检查
「问题现象」与「客户反馈」是否分成两个独立字段。下面全部是匿名演示假单号，不落盘、不发请求。
④ 问题现象 与 客户反馈 —— 必须是两个独立字段
沙盒灯项 = 教学示意；与真实页必填项的对应关系：
① 关联真实订单 → 真实页测试反馈「关联真实订单编号」（测试单结果跟进）；
② 结果量化 → 属内容级要求，真实页不校验，但测试结果必须量化才可用；
③ 现象 / 反馈分栏 → 真实页「问题现象」（含量化 + 原话引号照抄）与「客户反馈」是两个独立字段，不要合并。
真实页只在提交时做必填校验，没有实时灯。
'''
SB3 = r'''
🧪 试试看 · 竞品信息模拟沙盒教学复刻 · 不落盘
⚠️ 本沙盒为教学示意：在此实时亮灯，是为了帮你理解标准。工作台真实页在提交时做必填校验，没有实时黄灯。
重点演示两件事：品牌归一化（输入「诺维赞」「Vazyme」会自动归到标准品牌「诺唯赞」，
不产生脏键）与 三元组去重（品牌＋货号＋客户 命中已入库记录 → 不会重复入库）。全部匿名、不落盘。
已入库记录（去重演示 · 匿名假数据）
沙盒灯项 = 教学示意；与真实页必填项的对应关系：
① 品牌已归一化 → 真实页竞品「品牌」要求归一化点选、禁手打（否则产生脏键）；
② 非重复情报 → 真实页竞对情报去重键 = 品牌＋货号＋客户；
③ 货号＋性能齐全 → 竞对信息的内容要求（货号 + 量化对比），属内容级，真实页不校验。
真实页只在提交时做必填校验，没有实时灯。
'''
SB_SECTIONS = [SB1, SB2, SB3]
# ─────────────────────────── JS ───────────────────────────
SB_JS = r'''
/* ══════════════ 交互沙盒（纯内存 · 不落盘 · 无网络） ══════════════ */
(function(){
/* 中文输入法保护：合成期间不重渲染 */
var composing = false;
document.addEventListener('compositionstart', function(){ composing = true; });
document.addEventListener('compositionend', function(){ composing = false; });
var QUANT = /[%]|copy|μL|μl|ct|×|倍/i; /* 量化符 */
var COLLOQ = /(还可以|有点|不错|差不多|还行|凑合)/; /* 口语词反向检测 */
function q(s,r){ return (r||document).querySelector(s); }
function qa(s,r){ return Array.prototype.slice.call((r||document).querySelectorAll(s)); }
function T(x){ return (x==null?'':String(x)).trim(); }
function E(s){ return String(s==null?'':s).replace(/[&<>]/g,function(c){
return c==='&'?'&':(c==='<'?'<':'>'); }); }
function V(sel){ var e=q(sel); return e?T(e.value):''; }
function setV(sel,x){ var e=q(sel); if(e) e.value = (x==null?'':x); }
/* ---------- 通用：灯 & 分数条 ---------- */
function paintLamps(boxId, items){
var b = document.getElementById(boxId); if(!b) return items.length;
var nBad = 0;
b.innerHTML = items.map(function(it){
if(!it.ok) nBad++;
return ''+it.n+' '+it.t+
(it.ok ? '' : '
待完善：'+it.why+'')+'
1.）或 ≥2 行', ok:ok1, k:'②客户需求',
why:'当前 ' + lines + ' 行、无编号' },
{ n:'③ 技术参数', t:'每条参数带 货号＋量化值（% / copy / μL / Ct / × / 倍）', ok:ok2, k:'③技术参数',
why:'缺货号或缺量化值' },
{ n:'④ 问题现象', t:'量化影响 + 客户原话用引号照抄（写在问题现象里，非独立字段）', ok:ok3, k:'④问题现象',
why:(d.issue ? '未见引号照抄的客户原话' : '问题现象为空') },
{ n:'⑤ 下一步计划', t:'要「事项＋负责人＋时间节点」', ok:ok5, k:'⑤下一步计划', why:'三件套不全' }
];
paintLamps('sb1-lamps', items);
paintScore('sb1-score', items, '信息齐备（教学示意 · 1 套跟进内容）');
return items.filter(function(x){ return !x.ok; }).length;
}
function sb1CompToggle(){
var on = q('[data-f1="hascomp"]').checked;
q('#sb1-comp').classList.toggle('hide', !on);
}
function sb1Feishu(){
var d = sb1Read();
var s = '';
s += '【活动类型】' + (V('[data-f1="type"]') || '—') + '\n';
s += '【客户】' + (d.cust || '—') + '\n';
s += '【关联商机】' + (d.opp || '—') + '\n';
s += '\n—— 跟进内容 ——\n';
s += '① 客户需求\n' + (d.need || '—') + '\n\n';
s += '② 技术参数 / 测试数据\n' + (d.prm.length
? d.prm.map(function(x){ return '· ' + (x.s || '—') + '：' + (x.v || '—'); }).join('\n') : '—') + '\n\n';
s += '③ 问题现象（现象 + 量化；客户原话放引号内照抄）\n' + (d.issue || '—') + '\n\n';
s += '④ 客户反馈\n' + (d.fb || '—') + '\n\n';
s += '⑤ 竞对信息\n' + (d.has
? ((d.cb || '—') + '（' + (d.cs || '—') + '）') : '（本次无竞对，留空，不写「无」）') + '\n\n';
s += '⑥ 下一步计划\n' + (d.pln.length
? d.pln.map(function(x){ return '· ' + (x.i || '—') + ' ｜ ' + (x.o || '—') + ' ｜ ' + (x.d || '—'); }).join('\n')
: '—');
var box = document.getElementById('sb1-feishu');
box.textContent = s;
box.classList.remove('hide');
}
function sb1FillGood(){
setV('[data-f1="type"]', '项目跟进');
setV('[data-f1="cust"]', '某某生物科技有限公司');
setV('[data-f1="opp"]', '某某生物 · 冻干体系上机验证');
setV('[data-f1="need"]', '1. 全预混体系上机适配，需按 64T 板位预封装\n2. 要求 25℃ 常温稳定 18 个月\n3. 需要宿主核酸残留的检测报告');
setV('[data-f1="issue"]', '上机出现轻微非特异扩增，样品孔荧光值偏低约 15%，复孔一致；客户原话「你们的 NTC 起得比原来晚，但样品孔荧光值偏低」。');
setV('[data-f1="fb"]', '客户认可灵敏度，要求先补齐常温稳定性数据再批量采购；关注点是交期与账期。');
q('[data-f1="hascomp"]').checked = true; sb1CompToggle();
setV('[data-f1="cbrand"]', '诺唯赞'); setV('[data-f1="csku"]', 'X-Taq-2025');
sb1Rows([['FM2181-4','扩增 20min，灵敏度 1 copy/μL，批间 CV<5%'],
['FMD5071-4-DB','可冻干，25℃ 常温 18 个月，复溶后 7 天无衰减']],
[['寄送 2 支样品并附测试方案','本人','2026-10-20'],
['安排技术交流确认上机时间','技术支持','2026-10-28']]);
document.getElementById('sb1-feishu').classList.add('hide');
sb1Update();
}
function sb1FillPoor(){
setV('[data-f1="type"]', '项目跟进');
setV('[data-f1="cust"]', ''); setV('[data-f1="opp"]', '');
setV('[data-f1="need"]', '客户想让我们配合做一个新的体系，要求还挺多的。');
setV('[data-f1="issue"]', '效果不太好，需要改进。');
setV('[data-f1="fb"]', '客户说还行。');
q('[data-f1="hascomp"]').checked = true; sb1CompToggle();
setV('[data-f1="cbrand"]', ''); setV('[data-f1="csku"]', '');
sb1Rows([['','我们的酶性能很好，比进口的便宜']], [['继续跟进','','']]);
document.getElementById('sb1-feishu').classList.add('hide');
sb1Update();
}
function sb1Reset(){
setV('[data-f1="type"]', '项目跟进');
['cust','opp','need','issue','fb','cbrand','csku'].forEach(function(k){ setV('[data-f1="'+k+'"]',''); });
q('[data-f1="hascomp"]').checked = false; sb1CompToggle();
sb1Rows([['','']], [['','','']]);
document.getElementById('sb1-feishu').classList.add('hide');
sb1Update();
}
/* ══════════ 沙盒二 · 测试反馈 ══════════ */
var ORDERS = [
{ no:'ZHBR260701001', skus:['FM0324-074901','FMD5071-4-DB'] },
{ no:'ZHBR260802014', skus:['FM2181-4','FMD5071-4-DB','FM0324-074901'] },
{ no:'ZHBR260915033', skus:['FM2181-4','FM0324-074901'] }
];
function skuCard(s){
return '' +
'
货号' + E(s) + '' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
尚未关联订单 —— 选一个演示单号，下面会自动带出该单的全部货号。
';
return;
}
var o = ORDERS[+i];
box.innerHTML = '从订单带出 ' + o.skus.length + ' 个货号（勾选本次跟进 → 逐货号写结果 + 挂附件）
' +
o.skus.map(skuCard).join('');
}
function sb2Update(){
var ord = q('[data-f2="order"]').value;
var cards = qa('#sb2-skus .ordercard');
var on = cards.filter(function(c){ return q('[data-sk="on"]',c).checked; });
var ok1 = (ord !== '');
var ok2 = on.length > 0 && on.every(function(c){
return QUANT.test(T(q('[data-sk="res"]',c).value)); });
var iss = T(V('[data-f2="issue"]')), cfb = T(V('[data-f2="cfb"]'));
var ok3 = !!iss && !!cfb && iss !== cfb;
var items = [
{ n:'① 关联真实订单', t:'结果必须挂在订单号上（不是手写货号）', ok:ok1, k:'①关联订单',
why:'未选择订单' },
{ n:'② 结果量化', t:'每个勾选货号的结果描述都要含量化数据', ok:ok2, k:'②结果量化',
why: on.length ? '有货号的结果缺量化' : '尚无货号结果' },
{ n:'③ 现象 / 反馈分栏', t:'「问题现象」与「客户反馈」是两个独立字段', ok:ok3, k:'③现象反馈分栏',
why: (iss && cfb && iss === cfb) ? '两栏内容完全相同' : '两栏未分别填写' }
];
paintLamps('sb2-lamps', items);
paintScore('sb2-score', items, '链路完整：订单已关联 · 货号结果全部量化 · 现象与反馈已分栏');
return items.filter(function(x){ return !x.ok; }).length;
}
function sb2AddAtt(card){
var box = q('[data-sk="chips"]', card);
var names = ['扩增曲线.png','原始报告.pdf','稳定性记录.xlsx','上机照片.jpg'];
var n = box.children.length;
var sp = document.createElement('span');
sp.className = 'chip'; sp.textContent = names[n % names.length] + '（占位）';
box.appendChild(sp);
}
function sb2FillGood(){
q('[data-f2="order"]').value = '1'; sb2RenderSkus();
var res = { 'FM2181-4':'扩增曲线正常，Ct 提前 1.2，NTC 无起线，扩增效率 98%',
'FMD5071-4-DB':'复溶后 25℃ 放置 7 天无衰减，Ct 波动 <0.5',
'FM0324-074901':'批间 CV<5%，复孔一致，重复性 3 次均通过' };
qa('#sb2-skus .ordercard').forEach(function(c){
var s = c.getAttribute('data-sku');
q('[data-sk="res"]', c).value = res[s] || '扩增曲线正常，Ct 提前 1.2';
q('[data-sk="on"]', c).checked = true;
if(!q('[data-sk="chips"]', c).children.length) sb2AddAtt(c);
});
setV('[data-f2="issue"]', '上机出现轻微非特异扩增，样品孔荧光值偏低约 15%，复孔一致；客户原话「你们的 NTC 起得比原来晚」。');
setV('[data-f2="cfb"]', '客户认可灵敏度，但要求先补齐常温稳定性数据再批量采购；关注交期与账期。');
sb2Update();
}
function sb2FillPoor(){
q('[data-f2="order"]').value = '1'; sb2RenderSkus();
qa('#sb2-skus .ordercard').forEach(function(c){
q('[data-sk="res"]', c).value = '客户测了，结果还行。';
q('[data-sk="on"]', c).checked = true;
});
setV('[data-f2="issue"]', '客户反馈效果不太好，需要改进。');
setV('[data-f2="cfb"]', '');
sb2Update();
}
function sb2Reset(){
q('[data-f2="order"]').value = '';
q('[data-f2="valid"]').value = '有效反馈';
setV('[data-f2="issue"]', ''); setV('[data-f2="cfb"]', '');
sb2RenderSkus(); sb2Update();
}
/* ══════════ 沙盒三 · 竞品信息 ══════════ */
var BRANDS = ['诺唯赞','翌圣','近岸蛋白','菲鹏生物','康为世纪','义翘神州','赛默飞','TaKaRa','罗氏'];
var ALIAS = { '诺维赞':'诺唯赞','诺唯贊':'诺唯赞','诺唯赞生物':'诺唯赞','vazyme':'诺唯赞',
'vazyme biotech':'诺唯赞','vazymebiotech':'诺唯赞','翊圣':'翌圣','yeasen':'翌圣',
'近岸':'近岸蛋白','novoprotein':'近岸蛋白','novo protein':'近岸蛋白','菲鹏':'菲鹏生物',
'fapon':'菲鹏生物','康为':'康为世纪','康为世纪生物':'康为世纪','cwbio':'康为世纪',
'义翘':'义翘神州','sinobiological':'义翘神州','thermo':'赛默飞','thermofisher':'赛默飞',
'thermo fisher':'赛默飞','takara':'TaKaRa','宝生物':'TaKaRa','roche':'罗氏','罗氏诊断':'罗氏' };
var LIB = [
{ brand:'诺唯赞', sku:'X-Taq-2025', cust:'某某生物科技有限公司', perf:'灵敏度 5 copies/μL；延伸 1kb/s', fb:'交期快，单价高 15%' },
{ brand:'翌圣', sku:'YH-Probe-02', cust:'某某体外诊断股份有限公司', perf:'qPCR 预混液，批间 CV<3%', fb:'性价比高，适合常规筛查' },
{ brand:'近岸蛋白', sku:'NP-RT-3', cust:'某某基因医学检验实验室', perf:'逆转录酶，42℃ 耐热 30min', fb:'扩增效率稳定，供货周期偏长' }
];
function normBrand(x){
var s = T(x); if(!s) return null;
var k = s.toLowerCase();
if(ALIAS[k]) return ALIAS[k];
for(var i=0;i'+E(r.brand)+' | '+E(r.sku)+' | '+E(r.cust)+
' | '+E(r.perf)+' | '; }).join('') + '';
box.setAttribute('data-done','1');
}
function sb3NormalizeField(){
var raw = T(V('[data-f3="brand"]'));
var hit = normBrand(raw);
if(raw && hit && hit !== raw) setV('[data-f3="brand"]', hit); /* 别名 → 标准品牌 */
}
function sb3Update(){
var raw = T(V('[data-f3="brand"]')), hit = normBrand(raw);
var msg = document.getElementById('sb3-norm');
if(!raw){ msg.className = 'normmsg'; msg.style.color = ''; msg.textContent = ''; }
else if(hit){
msg.className = 'normmsg hit'; msg.style.color = '';
msg.innerHTML = (hit === raw)
? '✅ 标准品牌：' + E(hit) + ''
: '🔄 已归一化：' + E(raw) + ' → ' + E(hit) + '（归到标准品牌，不产生脏键）';
} else {
msg.className = 'normmsg'; msg.style.color = '#B45309';
msg.innerHTML = '⚠️ 未收录品牌：原文保留，不进统计、不新增脏键（可联系管理员补录标准名）';
}
var sku = T(V('[data-f3="sku"]')), cust = V('[data-f3="cust"]'), perf = T(V('[data-f3="perf"]'));
var dup = null;
if(hit && sku && cust){
dup = LIB.filter(function(r){
return r.brand === hit && r.sku.toLowerCase() === sku.toLowerCase() && r.cust === cust;
})[0] || null;
}
var dm = document.getElementById('sb3-dedup');
if(dup){
dm.className = 'normmsg'; dm.style.color = '#B45309';
dm.innerHTML = '🔁 重复命中：' + E(dup.brand) + ' ＋ ' + E(dup.sku) + ' ＋ ' + E(dup.cust) +
' 已入库 → 跳过，不会重复入库';
} else if(hit && sku && cust){
dm.className = 'normmsg hit'; dm.style.color = '';
dm.innerHTML = '✅ 三元组未命中 → 可作为新情报入库';
} else {
dm.className = 'normmsg'; dm.style.color = '';
dm.textContent = '填写「品牌 ＋ 货号 ＋ 客户」后自动查重（去重键 = 三者完全相同）';
}
var items = [
{ n:'① 品牌已归一化', t:'品牌必须来自标准名单（别名自动映射）', ok:(!!raw && !!hit), k:'①品牌归一化',
why: raw ? '未收录品牌，请核对标准名' : '品牌为空' },
{ n:'② 非重复情报', t:'「品牌＋货号＋客户」未命中已入库记录', ok:!dup, k:'②重复检测',
why:'三元组已存在，会被去重跳过' },
{ n:'③ 货号＋性能齐全', t:'缺少货号或性能参数 → 无法逐条对标', ok:(!!sku && !!perf), k:'③货号性能',
why:'缺货号或缺性能参数' }
];
paintLamps('sb3-lamps', items);
paintScore('sb3-score', items, '情报合格：品牌已归一化 · 无重复 · 货号性能齐全');
return items.filter(function(x){ return !x.ok; }).length;
}
function sb3FillGood(){
setV('[data-f3="brand"]', '诺维赞'); /* 故意留别名不做替换，演示「诺维赞 → 诺唯赞」归一化提示 */
setV('[data-f3="sku"]', 'X-Taq-2099');
q('[data-f3="cust"]').value = '某某体外诊断股份有限公司';
setV('[data-f3="perf"]', '灵敏度 3 copies/μL；延伸 1kb/s');
setV('[data-f3="fb"]', '总价低、交期稳定，客户在常规筛查项目上复购');
sb3Update();
}
function sb3FillPoor(){
setV('[data-f3="brand"]', '诺唯赞');
setV('[data-f3="sku"]', 'X-Taq-2025'); /* 与已入库记录相同 */
q('[data-f3="cust"]').value = '某某生物科技有限公司';
setV('[data-f3="perf"]', ''); /* 缺性能 */
setV('[data-f3="fb"]', '客户说还行。');
sb3Update();
}
function sb3Reset(){
setV('[data-f3="brand"]', ''); setV('[data-f3="sku"]', ''); setV('[data-f3="perf"]', '');
setV('[data-f3="fb"]', ''); q('[data-f3="cust"]').value = '';
sb3Update();
}
/* ---------- 统一刷新 ---------- */
function upd(id){
if(id === 'sb1') sb1Update();
else if(id === 'sb2') sb2Update();
else if(id === 'sb3') sb3Update();
}
/* ---------- 事件（委托） ---------- */
document.addEventListener('input', function(e){
var t = e.target;
if(!t || !t.closest) return;
var sb = t.closest('.sb'); if(!sb) return;
if(composing) return; /* 拼音组合中：不重渲染 */
/* 注意：input 阶段【不】改写品牌字段值 —— 让用户看得见「诺维赞 → 诺唯赞」的归一化提示；
真正把字段值替换成标准品牌放在 change（失焦 / 回车 / 选中 datalist）阶段。 */
upd(sb.id);
});
document.addEventListener('change', function(e){
var t = e.target;
if(!t || !t.closest) return;
var sb = t.closest('.sb'); if(!sb) return;
if(sb.id === 'sb2' && t.getAttribute('data-f2') === 'order') sb2RenderSkus();
if(sb.id === 'sb1' && t.getAttribute('data-f1') === 'hascomp') sb1CompToggle();
if(sb.id === 'sb3' && t.getAttribute('data-f3') === 'brand') sb3NormalizeField();
upd(sb.id);
});
document.addEventListener('click', function(e){
var t = e.target;
if(!t || !t.closest) return;
var sb = t.closest('.sb'); if(!sb) return;
var id = sb.id;
var del = t.closest('[data-del]');
if(del){
var row = del.closest('.row');
if(row){
var parent = row.parentNode;
row.remove();
if(!parent.children.length) parent.appendChild(
parent.id === 'sb1-plan' ? plRow('','','') : pRow('',''));
}
upd(id); return;
}
var add = t.closest('[data-add1]');
if(add){
if(add.getAttribute('data-add1') === 'plan') document.getElementById('sb1-plan').appendChild(plRow('','',''));
else document.getElementById('sb1-params').appendChild(pRow('',''));
upd(id); return;
}
var att = t.closest('[data-sk="addatt"]');
if(att){ sb2AddAtt(att.closest('.ordercard')); return; }
var chip = t.closest('.chips .chip');
if(chip && !chip.getAttribute('data-sk')){ chip.remove(); return; }
var b1 = t.closest('[data-sb1]');
if(b1){
var a1 = b1.getAttribute('data-sb1');
if(a1 === 'fill-good') sb1FillGood();
else if(a1 === 'fill-poor') sb1FillPoor();
else if(a1 === 'reset') sb1Reset();
else if(a1 === 'feishu') sb1Feishu();
return;
}
var b2 = t.closest('[data-sb2]');
if(b2){
var a2 = b2.getAttribute('data-sb2');
if(a2 === 'fill-good') sb2FillGood();
else if(a2 === 'fill-poor') sb2FillPoor();
else if(a2 === 'reset') sb2Reset();
return;
}
var b3 = t.closest('[data-sb3]');
if(b3){
var a3 = b3.getAttribute('data-sb3');
if(a3 === 'fill-good') sb3FillGood();
else if(a3 === 'fill-poor') sb3FillPoor();
else if(a3 === 'reset') sb3Reset();
return;
}
});
/* ---------- 初始化（只写入沙盒自身容器） ---------- */
function init(){
sb1Rows([['','']], [['','','']]);
sb1CompToggle();
sb1Update();
sb2RenderSkus();
sb2Update();
sb3Lib();
sb3Update();
}
if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
else init();
})();
'''