trustbase-seller-backend 0.2.7 → 0.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trustbase-seller-backend",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "TrustBase Seller Backend (merchant edition) — 商品上链/订单/支付/质押 write API for TrustBase 保障链生态. 单卖家自托管形态: 签名 key 即卖家身份, 私钥不出门.",
   "main": "run-unified.js",
   "bin": {

package/routes/onboard.html

@@ -70,6 +70,16 @@ h1{font-size:22px;margin-bottom:4px}
 #apply-form div[id^="a_up_"] label.sbtn::after{content:'支持 jpg/png, 本机压缩后上传';font-size:11px;color:#BDB5A6;font-weight:400;border:none;background:none;padding:0}
 #apply-form div[id^="a_up_"] label.sbtn:hover{border-color:#C4633C;background:#FBF1EA}
 #apply-form div[id^="a_up_"] span[id^="st_"]{display:block;font-size:12px;margin-top:6px}
+/* 上传槽已传态 (2026-10-03 二重框修复): 缩略图占满卡片 + 文件名 + 替换/删除 */
+#apply-form .upfilled .auprev{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:8px;border:1px solid #EAE3D6;margin-bottom:6px}
+#apply-form .upph{background:#F0FDF4;border:1px solid #BBF7D0;color:#166534;border-radius:8px;padding:20px 10px;font-size:14px;font-weight:600;text-align:center;margin-bottom:6px}
+#apply-form .upph .upph-sub{font-size:11px;font-weight:400;color:#4D7C5F;margin-top:2px}
+#apply-form .upstat{display:block;font-size:12px;margin:4px 0 6px}
+#apply-form .upops{display:flex;gap:8px}
+#apply-form .upop{flex:1;text-align:center;font-size:12px;color:#C4633C;border:1px solid #C4633C;border-radius:6px;padding:5px 8px;background:#fff;cursor:pointer}
+#apply-form .upop:hover{background:#F7EDE6}
+#apply-form .upop.updel{color:#DC2626;border-color:#FCA5A5}
+#apply-form .upop.updel:hover{background:#FEF2F2}
 img.auprev{display:none;width:100%;max-height:140px;object-fit:cover;border-radius:8px;margin-bottom:8px;border:1px solid #EAE3D6}
 .auname{font-size:11px;color:#8A857B;margin:-2px 0 6px;word-break:break-all}
 /* 提交按钮 + 隐私行 */
@@ -535,27 +545,67 @@ function shrinkImage(file,cb){
   rd.onerror=function(){cb(new Error('文件读取失败'))};
   rd.readAsDataURL(file);
 }
-// 照片上传位: 选图 → 本机压缩 → 卖家后端转发 SP 网关 → media_id
+// 照片上传位 (2026-10-03 二重框 bug 修复): 槽位双态收进本函数统一管理 —
+//   空态: 只有虚线"拍照/选图"卡; 已传态: 缩略图(占满卡片)+文件名+状态行+替换/删除小按钮,
+//   空态卡整体隐藏 (旧实现上传后虚线框不隐藏 + 增强脚本另插预览 → 二重框)。
+// 预填路径 (media_id 复用): 无本地预览 → "已上传 ✓"占位 + 同款替换/删除 (不显示空框)。
+var _aSlots={}; // field → {prefill, clear} (预填/场景切换用)
 function mountApplyUpload(slotId,field,label){
   var slot=document.getElementById(slotId);
   slot.innerHTML='<label>'+label+'</label>'
-    +'<label class="sbtn" style="cursor:pointer">拍照/选图<input type="file" accept="image/*" style="display:none"></label>'
-    +' <span id="st_'+field+'" style="font-size:12px"></span>';
-  var input=slot.querySelector('input[type=file]');
-  var stat=document.getElementById('st_'+field);
-  input.addEventListener('change',function(){
+    +'<label class="sbtn upzone" style="cursor:pointer">拍照/选图<input type="file" accept="image/*" style="display:none"></label>'
+    +'<div class="upfilled" style="display:none">'
+    +'<img class="auprev" alt="预览" style="display:none">'
+    +'<div class="upph" style="display:none">已上传 ✓<div class="upph-sub">照片已传过, 无需重传</div></div>'
+    +'<div class="auname"></div>'
+    +'<div class="upstat" id="st_'+field+'"></div>'
+    +'<div class="upops">'
+    +'<label class="upop" style="cursor:pointer">替换<input type="file" accept="image/*" style="display:none"></label>'
+    +'<button type="button" class="upop updel">删除</button>'
+    +'</div></div>';
+  var zone=slot.querySelector('.upzone');
+  var filled=slot.querySelector('.upfilled');
+  var img=slot.querySelector('.auprev');
+  var ph=slot.querySelector('.upph');
+  var uname=slot.querySelector('.auname');
+  var stat=slot.querySelector('.upstat');
+  function toEmpty(){
+    zone.style.display=''; filled.style.display='none';
+    img.style.display='none'; img.removeAttribute('src');
+    ph.style.display='none'; uname.textContent=''; stat.textContent=''; stat.style.color='';
+    slot.querySelectorAll('input[type=file]').forEach(function(i){i.value='';});
+    delete _aMedia[field]; // 删除必须清 media_id, 否则删除后提交还带旧值
+  }
+  function toFilled(o){
+    zone.style.display='none'; filled.style.display='block'; // 空态卡整体隐藏 — 无二重框
+    if(o.previewUrl){ img.src=o.previewUrl; img.style.display='block'; ph.style.display='none'; }
+    else { img.style.display='none'; img.removeAttribute('src'); ph.style.display='block'; }
+    uname.textContent=o.name||'';
+    stat.style.color=o.err?'#DC2626':(o.stat&&o.stat.indexOf('✓')===0?'#16A34A':'');
+    stat.textContent=o.stat||'';
+  }
+  _aSlots[field]={
+    prefill:function(mediaId){ _aMedia[field]=mediaId; toFilled({stat:'✓ 已上传过, 无需重传'}); },
+    clear:toEmpty
+  };
+  function onFile(input){
     if(!input.files||!input.files[0]) return;
-    stat.style.color='';stat.textContent='压缩中...';
-    shrinkImage(input.files[0],function(err,payload){
-      if(err){stat.style.color='#DC2626';stat.textContent=err.message;return;}
-      stat.textContent='上传中...';
+    var file=input.files[0];
+    var previewUrl=URL.createObjectURL(file); // 本地即时预览 (不依赖上传结果)
+    toFilled({previewUrl:previewUrl,name:file.name,stat:'压缩中...'});
+    shrinkImage(file,function(err,payload){
+      if(err){ toFilled({previewUrl:previewUrl,name:file.name,stat:err.message,err:true}); return; }
+      toFilled({previewUrl:previewUrl,name:file.name,stat:'上传中...'});
       fetch('/api/onboard/applyment/upload',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)})
         .then(readJson).then(function(j){
-          if(j.ok&&j.media_id){_aMedia[field]=j.media_id;stat.style.color='#16A34A';stat.textContent='✓ 已上传';}
-          else{stat.style.color='#DC2626';stat.textContent='上传失败: '+(j.message||j.error||'未知错误');}
-        }).catch(function(e){stat.style.color='#DC2626';stat.textContent='网络错误: '+e.message;});
+          if(j.ok&&j.media_id){ _aMedia[field]=j.media_id; toFilled({previewUrl:previewUrl,name:file.name,stat:'✓ 已上传'}); }
+          else toFilled({previewUrl:previewUrl,name:file.name,stat:'上传失败: '+(j.message||j.error||'未知错误'),err:true});
+        }).catch(function(e){ toFilled({previewUrl:previewUrl,name:file.name,stat:'网络错误: '+e.message,err:true}); });
     });
-  });
+  }
+  zone.querySelector('input[type=file]').addEventListener('change',function(){ onFile(this); });
+  filled.querySelector('.upops input[type=file]').addEventListener('change',function(){ onFile(this); });
+  filled.querySelector('.updel').addEventListener('click',toEmpty);
 }
 mountApplyUpload('a_up_license','license_media_id','营业执照照片 (必传)');
 mountApplyUpload('a_up_idfront','legal_id_front_media_id','身份证人像面 (必传)');
@@ -759,13 +809,13 @@ function prefillApplyForm(snap){
     var e=document.getElementById(PREFILL_MAP[k]);
     if(e&&!e.value) e.value=v;
   }
-  // 照片复用: media_id 还在微信侧有效, 标已传
+  // 照片复用: media_id 还在微信侧有效 → 槽位走"已上传"双态 (占位图+替换/删除, 无第二个空框)
   var reused=0;
   PREFILL_MEDIA.forEach(function(k){
     if(!snap[k]) return;
-    _aMedia[k]=snap[k]; reused++;
-    var st=document.getElementById('st_'+k);
-    if(st){st.style.color='#16A34A';st.textContent='✓ 已上传过, 无需重传';}
+    reused++;
+    if(_aSlots[k]) _aSlots[k].prefill(snap[k]);
+    else _aMedia[k]=snap[k]; // 槽未挂载兜底 (不应发生)
   });
   var msg=document.getElementById('apply-msg');
   msg.style.display='block';
@@ -878,8 +928,8 @@ async function restoreIdentity(){
 </script>
 <script>
 /* ===== ③ 进件表单 美化增强 (2026-10-03) —— 纯追加脚本: 不修改/不覆盖任何现有函数,
-   只做两件视觉事: ① 证件选中后显示缩略图+文件名 ② 状态卡片按内容着色 + 签约二维码占位。
-   所有字段 id / 上传提交函数 / 状态机 DOM 目标均沿用现有逻辑。 ===== */
+   ① 编码字段下拉+联动 ② 状态卡片着色 + 签约二维码占位。
+   (证件缩略图预览已于二重框修复时并入主脚本 mountApplyUpload 槽位双态) ===== */
 (function(){
   // ⓪ 编码字段下拉 (2026-10-03 xiaomu: 手填编码易被微信秒拒 → 下拉)
   // 经营类目 ↔ 主体类型联动 (企业默认 716 / 个体户默认 719, 可手改)
@@ -935,30 +985,9 @@ async function restoreIdentity(){
   linkSelectManual('a_bank_address_code','a_bankcode_manual','__MANUAL__');
   linkSelectManual('a_store_address_code','a_storecode_manual','__MANUAL__');
 
-  // ① 证件缩略图预览 (事件委托, 与现有上传 handler 并存, 只读文件不干预流程)
-  var form=document.getElementById('apply-form');
-  if(form){
-    form.addEventListener('change',function(ev){
-      var input=ev.target;
-      if(!input||input.type!=='file'||!input.files||!input.files[0]) return;
-      var slot=input.closest('div[id^="a_up_"]');
-      if(!slot) return;
-      var rd=new FileReader();
-      rd.onload=function(){
-        var img=slot.querySelector('img.auprev');
-        if(!img){
-          img=document.createElement('img');
-          img.className='auprev';img.alt='预览';
-          slot.insertBefore(img,slot.children[1]||null); // 标题label之后
-        }
-        img.src=rd.result;img.style.display='block';
-        var nm=slot.querySelector('.auname');
-        if(!nm){nm=document.createElement('div');nm.className='auname';img.insertAdjacentElement('afterend',nm);}
-        nm.textContent=input.files[0].name+' · 点卡片可重新选择';
-      };
-      rd.readAsDataURL(input.files[0]);
-    },true);
-  }
+  // ① 证件缩略图预览已并入 mountApplyUpload 槽位双态 (2026-10-03 二重框 bug 修复:
+  //  旧补丁在槽位里另插 img/文件名, 与上传后未隐藏的虚线框并存 → 二重框。本段已删除,
+  //  预览/替换/删除由主脚本 mountApplyUpload 统一渲染)。
   // ② 状态卡片着色 + 签约二维码占位 (监听现有状态机的 DOM 更新, 不改其内容逻辑)
   var box=document.getElementById('apply-status');
   if(box){

package/test-onboard-applyment.js

@@ -279,6 +279,13 @@ test("onboard 页面含进件表单 (btn-apply-submit) 且第③步状态机元
         assert.ok(html.includes('name="sales_scene"'), "场景单选");
         assert.ok(html.includes("SALES_SCENES_WEB") && html.includes("SALES_SCENES_MP"), "WEB/MP 场景");
         assert.ok(html.includes("apply-err"), "错误红卡容器");
+        // 2026-10-03 二重框修复: 上传槽双态 (替换/删除按钮 + _aSlots 注册 + 删除清 media_id)
+        assert.ok(html.includes("upops") && html.includes("updel"), "替换/删除按钮结构");
+        assert.ok(html.includes("替换") && html.includes("删除"), "替换/删除文案");
+        assert.ok(html.includes("_aSlots"), "槽位双态注册表");
+        assert.ok(html.includes("delete _aMedia[field]"), "删除清 media_id");
+        assert.ok(!html.includes("slot.insertBefore(img"), "旧增强脚本预览补丁已删 (二重框根因)");
+        assert.ok(html.includes("prefill:function(mediaId)"), "预填走双态 (无第二个空框)");
         assert.ok(html.includes("maybeAutoKyc"), "M2: 进件受理后自动 KYC 提交");
         assert.ok(!html.includes("btn-verify"), "手动实名按钮已删 (自动触发)");
     } finally { srv.close(); }