feat(t219): show pending-payment reconciliation

backend-api/internal/transport/webui/templates/task-detail.gohtml

@@ -29,7 +29,54 @@
       </div>
     </div>
 
-    {{if eq .Task.Status "SUCCEEDED"}}
+    {{range .Task.OrderSubmissions}}
+    {{if eq .Status "RECONCILED"}}
+    <section class="order-state-banner order-state-payment"
+      aria-labelledby="pending-payment-heading">
+      <div class="order-state-heading">
+        <div>
+          <p class="order-state-label">{{.StatusLabel}}</p>
+          <h2 id="pending-payment-heading">待人工确认付款</h2>
+        </div>
+        <span class="status status-success">待付款</span>
+      </div>
+      <p class="order-state-instruction">
+        请采购员打开拼多多订单列表，核对商品、规格、数量和金额后人工付款。
+      </p>
+      <div class="pending-payment-layout">
+        <dl class="definition-list pending-payment-details">
+          <dt>拼多多订单号</dt><dd class="order-number">{{.PlatformOrderNo}}</dd>
+          <dt>平台下单时间</dt>
+          <dd><time datetime="{{machineTime .PlatformOrderedAt}}">{{displayTime .PlatformOrderedAt}}</time></dd>
+          <dt>平台状态</dt><dd>待付款（{{.PlatformOrderStatus}}）</dd>
+          <dt>商品标题</dt><dd>{{.ExpectedTitle}}</dd>
+          <dt>SKU</dt><dd>{{.ExpectedSKU}}</dd>
+          <dt>数量</dt><dd>{{.ExpectedQuantity}}</dd>
+          <dt>核验单价</dt><dd>¥{{.ExpectedUnitPrice}}</dd>
+          <dt>核验总额</dt><dd>¥{{.ExpectedTotalPrice}}</dd>
+        </dl>
+        {{if .EvidenceContentURL}}
+        <figure class="pending-payment-evidence">
+          <img src="{{.EvidenceContentURL}}" alt="待付款订单列表对账截图">
+          <figcaption>设备回传的订单列表对账证据</figcaption>
+        </figure>
+        {{end}}
+      </div>
+    </section>
+    {{else if eq .Status "MANUAL_REVIEW"}}
+    <section class="order-state-banner order-state-manual" role="status">
+      <h2>{{.StatusLabel}}</h2>
+      <p>{{.ManualReasonLabel}}。提交围栏保持有效，禁止重新提交订单。</p>
+    </section>
+    {{else if eq .Status "FENCED"}}
+    <section class="order-state-banner order-state-reconciling" role="status">
+      <h2>{{.StatusLabel}}</h2>
+      <p>订单提交结果正在对账，提交围栏已经消费，禁止重复提交。</p>
+    </section>
+    {{end}}
+    {{end}}
+
+    {{if and (eq .Task.Status "SUCCEEDED") (not .Task.HasReconciledOrder)}}
     <section class="success-banner" aria-labelledby="success-heading">
       <div aria-hidden="true" class="success-mark">✓</div>
       <div>