trustbase-seller-backend 0.3.7 → 0.3.8

package/package.json

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

package/routes/onboard.html

@@ -289,14 +289,13 @@ img.auprev{display:none;width:100%;max-height:140px;object-fit:cover;border-radi
         <div class="acard-h"><span class="anum">4</span><span id="acard4-title">门店信息</span></div>
         <div id="scene_fields_app">
           <div class="agrid">
-            <div class="afield"><label for="a_app_appid">应用 AppID</label><input id="a_app_appid" placeholder="默认由服务商提供">
-              <div class="hint" id="a_appid_note" style="display:none;font-size:12px;color:#16A34A;margin-top:3px">✓ 由服务商提供, 无需自备</div></div>
+            <div class="afield" id="a_appid_field"><label for="a_app_appid">应用 AppID</label><input id="a_app_appid" placeholder="wx 开头">
+              <div class="hint" id="a_appid_note" style="display:none;font-size:12px;color:#16A34A;margin-top:3px">✓ 由服务商提供</div></div>
             <div class="afield"><label for="a_app_provider">应用归属</label>
               <select id="a_app_provider"><option value="sp">服务商应用 (默认, 零自备)</option><option value="own">商户自有应用</option></select></div>
           </div>
-          <div class="ahint" id="a_app_reuse_row" style="display:none;margin-top:8px">
-            <label style="cursor:pointer"><input type="checkbox" id="a_app_reuse" checked style="width:auto;margin-right:6px">使用服务商提供的应用截图 ✓ (推荐, 不用自己传)</label>
-          </div>
+          <div class="ahint" id="a_app_provided" style="display:none;margin-top:8px;background:#F0FDF4;border-color:#BBF7D0;color:#166534"></div>
+          <div class="ahint" id="a_app_missing" style="display:none;margin-top:8px">⚠️ 服务商尚未配置应用，请联系服务商配置，或改用下方"商户自有应用"填写</div>
           <div class="ahint" id="a_app_own_hint" style="display:none;margin-top:8px">使用自有应用: 请填自己的 AppID 并上传 4 张应用截图</div>
         </div>
         <div class="agrid" id="scene_fields_store">
@@ -698,22 +697,40 @@ function setScene(scene){
   });
   paintAppScene(); // APP 场景: 服务商素材复用行显隐 + 截图槽联动
 }
-// APP 场景 (普通商户零自备): 服务商已配素材 → 默认勾选"使用服务商提供的应用截图", 截图槽隐藏;
-// 取消勾选或选自有应用 → 显示 4 个截图槽自己传
+// APP 场景 (2026-10-03 UX 修正): 服务商配置完整 (AppID+4素材) → AppID 框和截图槽全隐藏,
+// 只留绿标"应用和截图由服务商提供, 无需操作"; 未配齐 → 提示联系服务商 + 展开自有字段组;
+// 选自有应用 → AppID 输入框 + 4 张截图槽。
+function appSpComplete(){
+  var sp=window._spInfo||{}, a=sp.app_screenshots||{};
+  return !!(sp.app_appid&&a.home&&a.tail&&a.inner&&a.pay);
+}
+function maskAppid(a){ a=String(a||''); return a.length>8?a.slice(0,4)+'****'+a.slice(-4):a; }
 function paintAppScene(){
   if(currentScene()!=='SALES_SCENES_APP') return;
-  var spAssets=(window._spInfo&&window._spInfo.app_screenshots)||{};
-  var hasSp=Object.keys(spAssets).length>0;
-  var reuseRow=document.getElementById('a_app_reuse_row');
-  if(reuseRow) reuseRow.style.display=hasSp?'':'none';
+  var complete=appSpComplete();
   var provider=(document.getElementById('a_app_provider')||{}).value||'sp';
-  var reuse=hasSp&&provider==='sp'&&(document.getElementById('a_app_reuse')||{}).checked;
+  var zeroMode=provider==='sp'&&complete; // 零操作: 全隐藏
+  var missing=provider==='sp'&&!complete; // 服务商未配齐 → 提示+自有组
+  var fAppid=document.getElementById('a_appid_field');
+  if(fAppid) fAppid.style.display=zeroMode?'none':'';
+  var provided=document.getElementById('a_app_provided');
+  if(provided){
+    provided.style.display=zeroMode?'':'none';
+    if(zeroMode) provided.textContent='✓ 应用和截图由服务商提供 (AppID: '+maskAppid((window._spInfo||{}).app_appid)+'), 无需操作';
+  }
+  var missEl=document.getElementById('a_app_missing');
+  if(missEl) missEl.style.display=missing?'':'none';
+  var ownHint=document.getElementById('a_app_own_hint');
+  if(ownHint) ownHint.style.display=provider==='own'?'':'none';
   ['a_up_s1','a_up_s2','a_up_s3','a_up_s4'].forEach(function(id){
-    var el=document.getElementById(id);
-    if(el) el.style.display=reuse?'none':'';
+    var el=document.getElementById(id); if(el) el.style.display=zeroMode?'none':'';
   });
-  var ownHint=document.getElementById('a_app_own_hint');
-  if(ownHint) ownHint.style.display=(provider==='own'||!reuse)&&!hasSp?'':'none';
+  // AppID: 服务商配了 → 预填 (隐藏提交也要用); 未配 → 不显示误导占位, 占位统一 "wx 开头"
+  var appidEl=document.getElementById('a_app_appid');
+  if(appidEl){
+    if((window._spInfo||{}).app_appid&&!appidEl.value) appidEl.value=(window._spInfo||{}).app_appid;
+    appidEl.placeholder='wx 开头';
+  }
 }
 setScene('SALES_SCENES_APP'); // 默认 APP (普通商户零自备)
 function aval(id){var e=document.getElementById(id);return e?e.value.trim():''}
@@ -742,13 +759,14 @@ function applyFormBody(){
     body.web_home_media_id=_aMedia.web_home_media_id||'';body.web_product_media_id=_aMedia.web_product_media_id||'';
   }else if(scene==='SALES_SCENES_APP'){
     var provider=aval('a_app_provider')||'sp';
-    body.appid=aval('a_app_appid');
     body.appid_provider=provider; // sp=服务商应用(默认零自备) / own=商户自有应用
-    var spAssets=(window._spInfo&&window._spInfo.app_screenshots)||{};
-    var reuse=provider==='sp'&&Object.keys(spAssets).length>0&&(document.getElementById('a_app_reuse')||{}).checked;
-    if(reuse){
-      body.app_screenshots=['home','tail','inner','pay'].map(function(k){return spAssets[k];}).filter(Boolean); // 复用服务商素材
+    if(provider==='sp'&&appSpComplete()){
+      // 零操作: AppID 和截图全部用服务商配置 (商户页面全隐藏)
+      body.appid=(window._spInfo||{}).app_appid;
+      var sa=(window._spInfo||{}).app_screenshots||{};
+      body.app_screenshots=['home','tail','inner','pay'].map(function(k){return sa[k];}).filter(Boolean);
     }else{
+      body.appid=aval('a_app_appid');
       body.app_screenshots=[_aMedia.app_home_media_id,_aMedia.app_tail_media_id,_aMedia.app_inner_media_id,_aMedia.app_pay_media_id].filter(Boolean);
     }
   }else{
@@ -1004,12 +1022,8 @@ async function loadSpInfo(){
     if(!j||!j.name) return;
     window._spInfo=j; // APP 场景零自备: app_appid/app_screenshots 预填复用
     var appidEl=document.getElementById('a_app_appid');
-    if(appidEl&&j.app_appid&&!appidEl.value){
-      appidEl.value=j.app_appid;
-      var note=document.getElementById('a_appid_note');
-      if(note) note.style.display='block';
-    }
-    paintAppScene(); // 素材复用行按服务商配置刷新
+    if(appidEl&&j.app_appid&&!appidEl.value) appidEl.value=j.app_appid;
+    paintAppScene(); // 三态显隐按服务商配置完整度刷新
     card.style.display='block';
     card.classList.toggle('offline', !!j.offline);
     document.getElementById('sp-name').textContent=j.offline&&!j.stale?'服务商暂时不可达':j.name;
@@ -1159,7 +1173,10 @@ function wzValidate(n){
     }else if(scene==='SALES_SCENES_MP'){
       r=need('a_appid','公众号/小程序 AppID','appid');
     }else{
-      r=need('a_app_appid','应用 AppID','app_appid');
+      // APP 场景: 服务商配置完整(零操作)时 AppID 框隐藏且用服务商值, 不校验输入框
+      if(!((document.getElementById('a_app_provider')||{}).value!=='own'&&appSpComplete())){
+        r=need('a_app_appid','应用 AppID','app_appid');
+      }
     }
     if(r) return r;
     var ind=aval('a_settlement_id');
@@ -1168,11 +1185,10 @@ function wzValidate(n){
       return {ok:false,field:'qual_media_id',msg:'请上传: '+ind+' 所需资质 ('+QUAL_REQUIRED[ind]+')'};
     }
     if(scene==='SALES_SCENES_APP'){
-      var spA=(window._spInfo&&window._spInfo.app_screenshots)||{};
       var provider=(document.getElementById('a_app_provider')||{}).value||'sp';
-      var reuse=provider==='sp'&&Object.keys(spA).length>0&&(document.getElementById('a_app_reuse')||{}).checked;
-      if(!reuse&&!(_aMedia.app_home_media_id&&_aMedia.app_tail_media_id&&_aMedia.app_inner_media_id&&_aMedia.app_pay_media_id)){
-        return {ok:false,field:'app_screenshots',msg:'请上传 4 张应用截图 (或勾选使用服务商提供的应用截图)'};
+      if(!(provider==='sp'&&appSpComplete())
+        &&!(_aMedia.app_home_media_id&&_aMedia.app_tail_media_id&&_aMedia.app_inner_media_id&&_aMedia.app_pay_media_id)){
+        return {ok:false,field:'app_screenshots',msg:'请上传 4 张应用截图 (或等服务商配置后重试)'};
       }
     }
     return {ok:true};
@@ -1225,7 +1241,7 @@ function renderWzPreview(){
   var docs=[['营业执照',_aMedia.license_media_id],['身份证人像面',_aMedia.legal_id_front_media_id],['身份证国徽面',_aMedia.legal_id_back_media_id]];
   var sceneDocs={store_entrance_media_id:'门店门头照',store_indoor_media_id:'门店内部照',web_home_media_id:'网站首页截图',web_product_media_id:'商品/服务页截图',mp_media_id:'公众号/小程序截图',app_home_media_id:'应用首页截图',app_tail_media_id:'应用尾页截图',app_inner_media_id:'应用内页截图',app_pay_media_id:'应用支付页截图'};
   for(var k in sceneDocs){ if(_aMedia[k]) docs.push([sceneDocs[k],_aMedia[k]]); }
-  if(scene==='SALES_SCENES_APP'&&f.app_screenshots&&f.app_screenshots.length&&(document.getElementById('a_app_reuse')||{}).checked){
+  if(scene==='SALES_SCENES_APP'&&f.appid_provider==='sp'&&appSpComplete()){
     docs.push(['应用截图','服务商素材 ✓']);
   }
   grp('证件',docs.map(function(d){return [d[0], d[1]?(d[1]==='服务商素材 ✓'?d[1]:'已上传 ✓'):'未上传 ✗'];}));
@@ -1381,9 +1397,7 @@ async function restoreIdentity(){
     }
   }
   if(stl){ stl.addEventListener('change',paintQualSlot); }
-  // APP 场景联动: 复用勾选/应用归属切换 → 截图槽显隐
-  var appReuse=document.getElementById('a_app_reuse');
-  if(appReuse) appReuse.addEventListener('change',function(){ paintAppScene(); saveApplyDraft(); });
+  // APP 场景联动: 应用归属切换 → 字段组/截图槽显隐
   var appProv=document.getElementById('a_app_provider');
   if(appProv) appProv.addEventListener('change',function(){ paintAppScene(); saveApplyDraft(); });
   if(catEl){ catEl.addEventListener('change',function(){ renderIndustrySubs(false); }); }

package/test-onboard-applyment.js

@@ -782,14 +782,18 @@ test("APP 场景零自备: 默认场景=APP + 服务商素材复用提交组装
     } finally { srv.close(); }
 });
 
-test("APP 场景页面: 默认选中 APP + 字段组 + 复用勾选 + 4 截图槽", async () => {
+test("APP 场景页面: 默认选中 APP + 三态显隐 (配齐全隐藏/未配提示/自有展开)", async () => {
     const { srv, base } = await startSeller();
     try {
         const html = await (await fetch(base + "/onboard/")).text();
         assert.ok(html.includes('value="SALES_SCENES_APP" checked'), "默认场景=APP");
         assert.ok(html.includes("scene_fields_app"), "APP 字段组");
         assert.ok(html.includes("a_app_appid") && html.includes("a_app_provider"), "AppID + 归属");
-        assert.ok(html.includes("a_app_reuse") && html.includes("使用服务商提供的应用截图"), "素材复用勾选");
+        assert.ok(html.includes("a_app_provided") && html.includes("无需操作"), "零操作绿标");
+        assert.ok(html.includes("a_app_missing") && html.includes("尚未配置应用"), "未配提示");
+        assert.ok(html.includes("appSpComplete") && html.includes("maskAppid"), "完整度判定 + AppID 打码");
+        assert.ok(html.includes("a_appid_field"), "AppID 字段容器 (可整体隐藏)");
+        assert.ok(!html.includes("a_app_reuse"), "复用勾选已移除 (零自备=默认行为)");
         assert.ok(html.includes("a_up_s3") && html.includes("a_up_s4"), "4 截图槽");
         assert.ok(html.includes("paintAppScene"), "场景联动");
         assert.ok(html.includes("app_screenshots"), "提交字段");