trustbase-seller-backend 0.4.0 → 0.4.2

package/package.json

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

package/routes/sp-applyment.js

@@ -480,6 +480,11 @@ input:focus,select:focus{outline:none;border-color:#C4633C;box-shadow:0 0 0 3px
 .tag{font-size:11px;border:1px solid #D4CDBF;border-radius:999px;padding:1px 8px;color:#6B655B;margin-left:4px}
 .msg{font-size:13px;margin-top:8px}
 .msg.err{color:#DC2626}.msg.ok{color:#16A34A}
+#toast{position:fixed;top:16px;right:16px;z-index:99;display:flex;flex-direction:column;gap:8px;pointer-events:none}
+.toast{pointer-events:auto;border-radius:10px;padding:12px 18px;font-size:14px;box-shadow:0 4px 16px rgba(51,48,43,.12);animation:tin .18s ease-out}
+.toast.ok{background:#F0FDF4;border:1px solid #BBF7D0;color:#166534}
+.toast.err{background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B}
+@keyframes tin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
 @media (max-width:640px){.slots{grid-template-columns:1fr}.app-row{flex-direction:column;align-items:flex-start}}
 </style>
 </head>
@@ -488,6 +493,8 @@ input:focus,select:focus{outline:none;border-color:#C4633C;box-shadow:0 0 0 3px
 <h1>服务商配置</h1>
 <div class="sub">TrustBase 服务商运营台 · 应用/名片/状态 一屏三件事</div>
 
+<div id="toast"></div>
+
 <div class="chips" id="chips"></div>
 
 <div class="box">
@@ -539,7 +546,21 @@ function api(path,opts){
 function esc(s){return String(s==null?'':s).replace(/&/g,'&amp;').replace(/</g,'&lt;');}
 function maskMid(m){m=String(m||'');return m.length>16?m.slice(0,12)+'…'+m.slice(-4):m;}
 function maskApp(a){a=String(a||'');return a.length>10?a.slice(0,6)+'****'+a.slice(-4):a;}
-var TYPE_LABEL={app:'APP',mini_program:'小程序',web:'网站'};
+var TYPE_LABEL={app:'APP',mini_program:'小程序',web:'网站'};
+// 操作反馈 toast (2026-10-03 xiaomu 实测: 保存无提示): 右上浮层, 成功绿/失败红, 2.5s 自动消失
+function showToast(ok,text){
+  var box=document.getElementById('toast');
+  var t=document.createElement('div');
+  t.className='toast '+(ok?'ok':'err');
+  t.textContent=text;
+  box.appendChild(t);
+  setTimeout(function(){t.style.opacity='0';t.style.transition='opacity .3s';setTimeout(function(){t.remove();},300);},2500);
+}
+function busy(btn,on,txtBusy){
+  if(!btn) return;
+  if(on){btn.dataset.txt=btn.textContent;btn.disabled=true;btn.textContent=txtBusy||'保存中…';}
+  else{btn.disabled=false;btn.textContent=btn.dataset.txt||btn.textContent;}
+}
 
 function render(){
   var c=CFG, comp=c.completeness;
@@ -574,8 +595,8 @@ function renderSlots(){
     return '<div class="slot"><div class="t">'+kk[1]+'</div>'
       +(mid?'<div class="mid">✓ '+esc(maskMid(mid))+'</div>':'')
       +'<img id="img-'+kk[0]+'" style="display:none">'
-      +'<label class="upbtn">'+(mid?'替换':'点击上传')+'<input type="file" accept="image/*" style="display:none" onchange="upFormAsset(event,\x27'+kk[0]+'\x27)"></label>'
-      +(mid?'<button class="upbtn del" onclick="formAssets[\x27'+kk[0]+'\x27]=\x27\x27;renderSlots()">删除</button>':'')
+      +'<label class="upbtn">'+(mid?'替换':'点击上传')+'<input type="file" accept="image/*" style="display:none" onchange="upFormAsset(event,\\x27'+kk[0]+'\\x27)"></label>'
+      +(mid?'<button class="upbtn del" onclick="formAssets[\\x27'+kk[0]+'\\x27]=\\x27\\x27;renderSlots()">删除</button>':'')
       +'</div>';
   }).join('');
 }
@@ -612,25 +633,31 @@ function resetForm(){
 }
 async function saveApp(){
   var m=document.getElementById('app-msg');
+  var btn=document.querySelector('.box .btn[onclick="saveApp()"]');
   var body={name:document.getElementById('f_name').value.trim(),
     appid:document.getElementById('f_appid').value.trim(),
     type:document.getElementById('f_type').value,
     assets:formAssets, is_default:document.getElementById('f_default').checked};
-  if(!body.name||!body.appid){m.className='msg err';m.textContent='应用名称和 AppID 必填';return;}
+  if(!body.name||!body.appid){showToast(false,'应用名称和 AppID 必填');m.className='msg err';m.textContent='应用名称和 AppID 必填';return;}
+  busy(btn,true);
   var r=editingId?await api('/api/sp/apps/'+editingId,{method:'PUT',body:JSON.stringify(body)})
     :await api('/api/sp/apps',{method:'POST',body:JSON.stringify(body)});
+  busy(btn,false);
   m.className='msg '+(r.json.ok?'ok':'err');
   m.textContent=r.json.ok?'✓ 已保存':(r.json.message||'保存失败');
-  if(r.json.ok){resetForm();load();}
+  if(r.json.ok){showToast(true,'✓ 已保存，商户端立即生效');resetForm();load();}
+  else showToast(false,r.json.message||'保存失败');
 }
 async function setDefault(id){
   var r=await api('/api/sp/apps/'+id,{method:'PUT',body:JSON.stringify({is_default:true})});
-  if(r.json.ok) load();
+  if(r.json.ok){showToast(true,'✓ 已设为默认，商户端立即生效');load();}
+  else showToast(false,r.json.message||'操作失败');
 }
 async function delApp(id){
   if(!confirm('删除这个应用? (不影响已提交的进件)')) return;
   var r=await api('/api/sp/apps/'+id,{method:'DELETE'});
-  if(r.json.ok) load();
+  if(r.json.ok){showToast(true,'✓ 已删除，商户端立即生效');load();}
+  else showToast(false,r.json.message||'删除失败');
 }
 function shrink(file,cb){
   var rd=new FileReader();
@@ -655,11 +682,13 @@ async function upFormAsset(ev,kind){
   shrink(file,async function(err,b64){
     if(err){m.className='msg err';m.textContent=err.message;return;}
     var r=await api('/api/sp/applyment/upload',{method:'POST',body:JSON.stringify({filename:kind+'.jpg',content_b64:b64})});
-    if(r.json.media_id){formAssets[kind]=r.json.media_id;m.textContent='';renderSlots();}
-    else{m.className='msg err';m.textContent=r.json.message||'上传失败';}
+    if(r.json.media_id){formAssets[kind]=r.json.media_id;m.textContent='';renderSlots();showToast(true,'✓ 素材已上传');}
+    else{m.className='msg err';m.textContent=r.json.message||'上传失败';showToast(false,r.json.message||'上传失败');}
   });
 }
 async function saveProfile(){
+  var btn=document.querySelector('.btn[onclick="saveProfile()"]');
+  busy(btn,true);
   var bp=Number(document.getElementById('p_bp').value);
   var r=await api('/api/sp/config',{method:'PUT',body:JSON.stringify({
     sp_name:document.getElementById('p_name').value.trim(),
@@ -667,9 +696,11 @@ async function saveProfile(){
     sp_official_url:document.getElementById('p_url').value.trim(),
     sp_contact:document.getElementById('p_contact').value.trim(),
     commission_bp:bp})});
+  busy(btn,false);
   var m=document.getElementById('p-msg');
   m.className='msg '+(r.json.ok?'ok':'err'); m.textContent=r.json.ok?'✓ 已保存 (商户端 /api/sp/info 立即生效)':(r.json.message||'保存失败');
-  if(r.json.ok) load();
+  if(r.json.ok){showToast(true,'✓ 已保存，商户端立即生效');load();}
+  else showToast(false,r.json.message||'保存失败');
 }
 adminKey(); load();
 </script>

package/test-sp-applyment.js

@@ -435,7 +435,13 @@ test("SP 配置页后端: config 读写 (表优先 env) + 配齐度 + info 立
         // 页面: Accept text/html 无 key 也 200 (admin key 页面内输入)
         r = await fetch(base + "/sp/config", { headers: { Accept: "text/html" } });
         assert.strictEqual(r.status, 200);
-        assert.ok((await r.text()).includes("服务商配置"));
+        const pageHtml = await r.text();
+        assert.ok(pageHtml.includes("服务商配置"));
+        // 回归 (0.4.2): 页面内联脚本必须可编译 — 模板里 \x27 会被服务端提前求值成双引号导致整页 JS 死掉 (保存按钮无反应),
+        //  必须用 \\x27 让浏览器拿到字面 \x27 再自行求值
+        const scriptMatch = pageHtml.match(/<script>([\s\S]*?)<\/script>/);
+        assert.ok(scriptMatch, "配置页应有内联脚本");
+        new Function(scriptMatch[1]); // 语法错误会抛
         // 读默认 (env 兜底)
         let j = await (await fetch(base + "/api/sp/config", { headers: { ...H, Accept: "application/json" } })).json();
         assert.strictEqual(j.ok, true);
@@ -540,3 +546,26 @@ test("多应用: CRUD + 默认唯一 + 旧配置自动迁移 + /info apps 列表
         assert.strictEqual(r.status, 400);
     } finally { srv.close(); }
 });
+
+test("配置页操作反馈: toast 组件 + 成功/失败文案 + 保存中禁用 (页面断言)", async () => {
+    const { srv, base } = await startServer();
+    try {
+        const r = await fetch(base + "/sp/config", { headers: { Accept: "text/html" } });
+        assert.strictEqual(r.status, 200);
+        const html = await r.text();
+        // toast 组件 (右上浮层, 绿/红, 自动消失)
+        assert.ok(html.includes('id="toast"'), "toast 容器");
+        assert.ok(html.includes("showToast"), "toast 函数");
+        assert.ok(html.includes("position:fixed"), "浮层定位");
+        assert.ok(html.includes("2500"), "2.5s 自动消失");
+        // 成功/失败文案
+        assert.ok(html.includes("✓ 已保存，商户端立即生效"), "成功文案");
+        assert.ok(html.includes("r.json.message"), "失败显示后端 message 原文");
+        // 保存中禁用
+        assert.ok(html.includes("busy(btn,true)") && html.includes("保存中…"), "保存中禁用+文案");
+        // 所有 mutating 操作接入: 应用保存/设默认/删除/素材上传/名片保存
+        for (const fn of ["saveApp", "setDefault", "delApp", "upFormAsset", "saveProfile"]) {
+            assert.ok(html.includes(fn), fn + " 存在");
+        }
+    } finally { srv.close(); }
+});