完善原型 mock 与交互细节

电商AI平台/product-detail.html

@@ -1446,12 +1446,18 @@
       const pill = e.target.closest('.asset-card .meta .pill[data-status]');
       if (!pill) return;
       e.stopPropagation();
+      if (pill.closest('.asset-card[data-tri-version]')) {
+        window.ProductDetailFilters?.applyAssets?.();
+        Shell.toast('三视图状态由采用版本决定', '请在三视图面板选择「采用此版本」');
+        return;
+      }
       const cur = pill.dataset.status;
       const next = order[(order.indexOf(cur) + 1) % order.length];
       pill.dataset.status = next;
       pill.classList.remove('pass', 'fail', 'archive');
       pill.classList.add(next);
       pill.textContent = labels[next];
+      window.ProductDetailFilters?.applyAssets?.();
       Shell.toast('状态已更新', labels[next]);
     });
   })();
@@ -1721,6 +1727,16 @@
         if (more) more.style.display = '';
       }
     }
+
+    window.ProductDetailFilters = {
+      apply(pane = 'assets') {
+        const paneEl = document.querySelector(`.tab-pane[data-pane="${pane}"]`);
+        if (paneEl) applyFilters(paneEl);
+      },
+      applyAssets() {
+        this.apply('assets');
+      }
+    };
   })();
 
   // 编辑商品信息 · 在卡片内 inline 切换 view ↔ edit
@@ -1899,6 +1915,10 @@
       return (document.getElementById('pd-name')?.textContent || '商品').trim();
     }
 
+    function refreshAssetFilters() {
+      window.ProductDetailFilters?.applyAssets?.();
+    }
+
     function open() {
       pop.classList.add('show');
       btn.classList.add('is-open');
@@ -1983,6 +2003,7 @@
         pill.setAttribute('data-status', isAdopted ? 'pass' : 'fail');
         pill.setAttribute('title', isAdopted ? '当前采用版本' : '未被采用');
       });
+      refreshAssetFilters();
     }
 
     function appendLibraryCard(ver) {
@@ -2007,6 +2028,7 @@
         const n = m ? Number(m[1]) + 1 : 1;
         ct.textContent = `(${n})`;
       }
+      refreshAssetFilters();
     }
 
     // 切换主图预览(不动采用状态、不动素材库)