feat: 完善 SYB 蝦皮主数据与软删除 (#203 #204 #205)

admin/templates/shopee/list.html

@@ -4,16 +4,19 @@
 {{/* ── 第一段：顶部工具条 ────────────────────────────── */}}
 <div class="toolbar">
   {{if .CurrentUser.IsAdmin}}<a class="button" href="/integrations/catalog">导入记录</a>{{end}}
-  <form id="shopee-collect-form" method="post" action="/shopee/collect-batch" hidden></form>
-  <input type="hidden" name="csrf_token" value="{{.CSRFToken}}" form="shopee-collect-form">
-  <input type="hidden" name="list_goods_id" value="{{.Keyword}}" form="shopee-collect-form">
-  <input type="hidden" name="list_shop_name" value="{{.ShopNameKeyword}}" form="shopee-collect-form">
-  <input type="hidden" name="status" value="{{.StatusFilter}}" form="shopee-collect-form">
-  <input type="hidden" name="shop" value="{{.ShopFilter}}" form="shopee-collect-form">
-  <input type="hidden" name="image" value="{{.ImageFilter}}" form="shopee-collect-form">
-  <input type="hidden" name="page" value="{{.CurrentPage}}" form="shopee-collect-form">
+  <form id="shopee-bulk-form" method="post" action="/shopee/collect-batch" hidden></form>
+  <input type="hidden" name="csrf_token" value="{{.CSRFToken}}" form="shopee-bulk-form">
+  <input type="hidden" name="list_goods_id" value="{{.Keyword}}" form="shopee-bulk-form">
+  <input type="hidden" name="list_shop_name" value="{{.ShopNameKeyword}}" form="shopee-bulk-form">
+  <input type="hidden" name="status" value="{{.StatusFilter}}" form="shopee-bulk-form">
+  <input type="hidden" name="shop" value="{{.ShopFilter}}" form="shopee-bulk-form">
+  <input type="hidden" name="image" value="{{.ImageFilter}}" form="shopee-bulk-form">
+  <input type="hidden" name="deleted" value="{{if .DeletedFilter}}1{{end}}" form="shopee-bulk-form">
+  <input type="hidden" name="page" value="{{.CurrentPage}}" form="shopee-bulk-form">
+  {{if not .DeletedFilter}}
   <button type="button" data-modal-open="shopee-collect-modal" data-collect-open
-          data-collect-form="shopee-collect-form" data-need-checked>创建 PDD 采集任务</button>
+          data-collect-form="shopee-bulk-form" data-need-checked>创建 PDD 采集任务</button>
+  {{end}}
   <form class="inline grow" method="get" action="/shopee">
     {{/* 状态筛选是刚需（找待补规格 / 找没填链接的），不是锦上添花，
          见 docs/admin/05-ui-specification.md §4.1、工单 #43。
@@ -36,6 +39,13 @@
       <option value="{{.Value}}" {{if eq .Value $.ImageFilter}}selected{{end}}>{{.Text}}</option>
       {{end}}
     </select>
+    {{if .CurrentUser.IsAdmin}}
+    <label for="deleted">数据范围</label>
+    <select id="deleted" name="deleted">
+      <option value="" {{if not .DeletedFilter}}selected{{end}}>正常商品</option>
+      <option value="1" {{if .DeletedFilter}}selected{{end}}>已删除</option>
+    </select>
+    {{end}}
     <label for="q">商品 ID / 名称</label>
     <input id="q" class="shopee-search-field" type="text" name="goods_id" value="{{.Keyword}}" placeholder="商品 ID / 名称">
     <label for="shop-name">店铺名称</label>
@@ -43,17 +53,14 @@
     <button type="submit">搜索</button>
   </form>
 
-  <form class="inline" method="post" action="/shopee/delete"
-        data-confirm-delete>
-    <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
-    <input type="hidden" name="list_goods_id" value="{{.Keyword}}">
-    <input type="hidden" name="list_shop_name" value="{{.ShopNameKeyword}}">
-    <input type="hidden" name="status" value="{{.StatusFilter}}">
-    <input type="hidden" name="shop" value="{{.ShopFilter}}">
-    <input type="hidden" name="image" value="{{.ImageFilter}}">
-    <input type="hidden" name="page" value="{{.CurrentPage}}">
-    <button type="submit" class="danger" data-need-checked>删除</button>
-  </form>
+  {{if .CurrentUser.IsAdmin}}
+    {{if .DeletedFilter}}
+    <button type="submit" form="shopee-bulk-form" formaction="/shopee/restore" data-need-checked>恢复</button>
+    {{else}}
+    <button type="submit" class="danger" form="shopee-bulk-form" formaction="/shopee/delete"
+            data-need-checked data-confirm-delete="将把 {n} 个蝦皮商品移入已删除，规格和 PDD 关联会保留，可以恢复。">删除</button>
+    {{end}}
+  {{end}}
 </div>
 
 {{/* ── 第二段：带勾选的表格 ──────────────────────────── */}}
@@ -86,8 +93,8 @@
   </thead>
   <tbody>
     {{range .Rows}}
-    <tr data-detail-id="{{.GoodsID}}"{{if gt .PendingCount 0}} class="row-warn"{{end}}>
-      <td class="col-check"><input type="checkbox" name="ids" value="{{.GoodsID}}" form="shopee-collect-form"></td>
+    <tr{{if not $.DeletedFilter}} data-detail-id="{{.GoodsID}}"{{end}}{{if gt .PendingCount 0}} class="row-warn"{{end}}>
+      <td class="col-check"><input type="checkbox" name="ids" value="{{.GoodsID}}" form="shopee-bulk-form"></td>
       <td>{{.GoodsID}}</td>
       <td>{{if .ImageURL}}<button type="button" class="thumb-action" data-image-preview-url="{{.ImageURL}}" data-image-preview-title="{{.Title}}" title="查看蝦皮主图"><img src="{{.ImageURL}}" alt="{{.Title}} 缩略图" class="thumb" width="32" height="32" loading="lazy" referrerpolicy="no-referrer" data-image-thumb><span class="thumb-fallback" hidden data-image-thumb-fallback>加载失败</span></button>{{else}}<span class="thumb-placeholder">无图</span>{{end}}</td>
       {{/* 商品名称列收窄，用独立的 .col-title 类设 max-width（具体数值见 app.css），
@@ -131,7 +138,7 @@
       <p>将按当前 PDD 关联处理已选择的 <strong data-collect-count>0</strong> 个蝦皮商品。</p>
       <div class="field">
         <label for="shopee-collect-client">执行客户端</label>
-        <select id="shopee-collect-client" name="client_id" form="shopee-collect-form" autofocus>
+        <select id="shopee-collect-client" name="client_id" form="shopee-bulk-form" autofocus>
           <option value="">不指定（任意客户端可领取）</option>
           {{range .AssignableClients}}
           <option value="{{.ClientID}}">{{.Name}}（{{.ClientID}}，{{.Status}}）</option>
@@ -142,7 +149,7 @@
     </div>
     <div class="modal-foot">
       <button type="button" data-modal-close>取消</button>
-      <button type="submit" form="shopee-collect-form" class="primary" data-collect-submit>确认创建</button>
+      <button type="submit" form="shopee-bulk-form" class="primary" data-collect-submit>确认创建</button>
     </div>
   </div>
 </div>
@@ -150,7 +157,7 @@
 <div class="modal-backdrop" id="image-preview-modal" hidden><div class="modal image-preview-modal" role="dialog" aria-modal="true" aria-labelledby="image-preview-title"><div class="modal-head"><h2 id="image-preview-title" data-image-preview-title>蝦皮商品主图</h2><button type="button" class="modal-x" data-modal-close aria-label="关闭">×</button></div><div class="modal-body image-preview-body"><p class="hint image-preview-status" data-image-preview-status role="status">正在加载原图…</p><img data-image-preview-image alt="" hidden></div><div class="modal-foot"><a class="button-link" data-image-preview-link href="#" target="_blank" rel="noopener noreferrer">新窗口打开原图</a><button type="button" data-modal-close>关闭</button></div></div></div>
 
 <p class="hint">
-  双击任意一行可以查看这个商品的完整规格表。
+  {{if .DeletedFilter}}已删除商品保留规格和 PDD 关联；恢复后可继续处理。{{else}}双击任意一行可以查看这个商品的完整规格表。{{end}}
 </p>