feat: 建立顺运宝采购处理状态 (#67)

admin/templates/syb/list.html

@@ -5,6 +5,8 @@
   <form class="inline sync-range-form" method="post" action="/syb/sync" data-syb-sync-form>
     <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
     <input type="hidden" name="order_no" value="{{.Keyword}}">
+    <input type="hidden" name="stage" value="{{.StageFilter}}">
+    <input type="hidden" name="page" value="{{.CurrentPage}}">
     <label for="sync-date-from">开始日期</label>
     <input id="sync-date-from" type="date" name="date_from"
            value="{{.SyncDateFrom}}" max="{{.Today}}" required>
@@ -21,10 +23,19 @@
 
   <form class="inline" method="post" action="/syb/create-task">
     <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
+    <input type="hidden" name="order_no" value="{{.Keyword}}">
+    <input type="hidden" name="stage" value="{{.StageFilter}}">
+    <input type="hidden" name="page" value="{{.CurrentPage}}">
     <button type="submit" data-need-checked>创建采购任务</button>
   </form>
 
   <form class="inline grow" method="get" action="/syb">
+    <label for="stage">处理阶段</label>
+    <select id="stage" name="stage">
+      {{range .StageOptions}}
+      <option value="{{.Value}}" {{if eq .Value $.StageFilter}}selected{{end}}>{{.Text}}</option>
+      {{end}}
+    </select>
     <label for="q">订单号</label>
     {{/* search-narrow 把搜索框收到 30%，让「搜索」按钮紧挨着它。
          用类名而不是改 .toolbar input[type="text"]——那条被五个页面共用。 */}}
@@ -35,6 +46,9 @@
 
   <form class="inline" method="post" action="/syb/delete" data-confirm-delete>
     <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
+    <input type="hidden" name="order_no" value="{{.Keyword}}">
+    <input type="hidden" name="stage" value="{{.StageFilter}}">
+    <input type="hidden" name="page" value="{{.CurrentPage}}">
     <button type="submit" class="danger" data-need-checked>删除</button>
   </form>
 </div>
@@ -87,13 +101,14 @@
       <th>数量</th>
       <th>价格</th>
       <th>图片</th>
-      <th>匹配状态</th>
+      <th>处理阶段</th>
+      <th>下一步</th>
       <th>更新时间</th>
     </tr>
   </thead>
   <tbody>
     {{range .Rows}}
-    <tr data-detail-id="{{.SybID}}" {{if not .Matched}}class="row-warn"{{end}}>
+    <tr data-detail-id="{{.SybID}}" {{if .NeedsAttention}}class="row-warn"{{end}}>
       <td class="col-check">
         <input type="checkbox" value="{{.SybID}}" name="ids"
                aria-label="选择货运单明细 {{.SybID}}">
@@ -103,20 +118,19 @@
       <td class="truncate" title="{{.Title}}">{{.Title}}</td>
       <td class="truncate" title="{{.ProductSpec}}">{{.ProductSpec}}</td>
       <td>{{.ShopeeGoodsID}}</td>
-      {{/* 匹配状态是算出来的（shopee_sku_id 是否非空），本工单不做匹配功能，
-           待匹配的行整行标黄提醒，但不提供匹配入口——那是后续工单的范围 */}}
       <td>{{if .ShopeeSKUID}}{{.ShopeeSKUID}}{{else}}—{{end}}</td>
       <td>{{.Quantity}}</td>
       <td>{{.PriceText}}</td>
       <td>
         {{if .ImageURL}}<img src="{{.ImageURL}}" alt="" class="thumb">{{else}}—{{end}}
       </td>
-      <td>{{.MatchText}}</td>
+      <td><span class="status-pill">{{.StageText}}</span><br><small>{{.StageHelp}}</small></td>
+      <td><button type="button" data-detail-open-id="{{.SybID}}">{{.ActionText}}</button></td>
       <td>{{.UpdatedAt}}</td>
     </tr>
     {{else}}
     <tr class="empty">
-      <td colspan="12">
+      <td colspan="13">
         {{if .IsFiltered}}
           当前筛选条件下没有货运单明细。<br>
           <small>换个订单号或清空搜索词再试。<a href="/syb">查看全部</a></small>
@@ -132,10 +146,15 @@
 </div>
 
 <p class="hint">
-  「匹配状态」是根据规格 SKU 是否已填算出来的，本页暂不提供匹配入口
-  （规格匹配是后续工单的范围）。
+  每行只显示当前最需要完成的下一步；双击行或点击“下一步”按钮可以打开处理详情。
 </p>
 
+<div class="modal-backdrop" id="detail-modal" data-detail-url="{{.DetailURL}}" hidden>
+  <div class="modal modal-wide" role="dialog" aria-modal="true" data-detail-slot>
+    <div class="modal-body">正在加载…</div>
+  </div>
+</div>
+
 {{/* ── 登录弹窗 ─────────────────────────────────
      会话未登录/已过期时自动打开（不加 hidden）；
      `[必须]` 密码不在界面上显示、也不回显到 HTML，只显示只读账号。 */}}
@@ -148,6 +167,8 @@
     <form method="post" action="/syb/login-and-sync">
       <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
       <input type="hidden" name="order_no" value="{{.Keyword}}">
+      <input type="hidden" name="stage" value="{{.StageFilter}}">
+      <input type="hidden" name="page" value="{{.CurrentPage}}">
       {{/* 登录和 OCR 降级后必须把工具栏里已确认的日期范围原样带回来。 */}}
       <input type="hidden" name="date_from" value="{{.SyncDateFrom}}">
       <input type="hidden" name="date_to" value="{{.SyncDateTo}}">