feat(backend): implement task creation and admin web

2026-07-26 14:03:32 +08:00
parent 2b265c92fc
commit c5d3b215ff
58 changed files with 8773 additions and 83 deletions
@@ -0,0 +1,106 @@
+{{define "task-detail"}}
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <title>{{.Task.Title}} - 采购任务管理</title>
+  {{template "document-head" .}}
+</head>
+<body>
+  {{template "site-header" .}}
+  <main id="main-content" class="page">
+    <a class="back-link" href="/tasks">返回任务列表</a>
+
+    {{if .Notice}}
+    <div class="notice" role="status" tabindex="-1" data-notice>{{.Notice}}</div>
+    {{end}}
+
+    <div class="title-row detail-title">
+      <div>
+        <h1>{{.Task.Title}}</h1>
+        <p class="subtitle">SKU：{{.Task.SKU}} · 任务编号：{{.Task.ID}}</p>
+      </div>
+      <div class="title-actions">
+        <span class="status {{.Task.StatusClass}}" title="状态码 {{.Task.Status}}">
+          {{.Task.StatusLabel}}
+        </span>
+        {{if .Task.CanCancel}}
+        <button class="button danger-outline" type="button" data-open-cancel>取消任务</button>
+        {{end}}
+      </div>
+    </div>
+
+    {{if eq .Task.Status "SUCCEEDED"}}
+    <section class="success-banner" aria-labelledby="success-heading">
+      <div aria-hidden="true" class="success-mark">✓</div>
+      <div>
+        <h2 id="success-heading">验证完成，未提交订单</h2>
+        <p>采购人员已完成候选确认，系统只记录验证结果。</p>
+      </div>
+    </section>
+    {{end}}
+
+    <div class="detail-layout">
+      <section class="content-section" aria-labelledby="original-heading">
+        <h2 id="original-heading">原始采购要求</h2>
+        <p class="section-note">以下内容来自管理员输入，不会被 AI 派生结果覆盖。</p>
+        <div class="requirement-layout">
+          <figure class="reference-figure">
+            <img class="reference-image"
+              src="/api/v1/assets/{{pathPart .Task.ReferenceAssetID}}/content"
+              alt="商品参考图">
+            <figcaption>已规范化的参考图片</figcaption>
+          </figure>
+          <dl class="definition-list">
+            <dt>商品标题</dt><dd>{{.Task.Title}}</dd>
+            <dt>SKU</dt><dd>{{.Task.SKU}}</dd>
+            <dt>描述</dt><dd>{{if .Task.Description}}{{.Task.Description}}{{else}}未填写{{end}}</dd>
+            <dt>数量</dt><dd>{{.Task.Quantity}}</dd>
+            <dt>最高总预算</dt>
+            <dd>{{if .Task.MaxBudget}}{{.Task.MaxBudget}} 元{{else}}未设置{{end}}</dd>
+          </dl>
+        </div>
+      </section>
+
+      <aside class="content-section summary-section" aria-labelledby="summary-heading">
+        <h2 id="summary-heading">任务摘要</h2>
+        <dl class="definition-list">
+          <dt>状态</dt><dd>{{.Task.StatusLabel}}（{{.Task.Status}}）</dd>
+          <dt>创建时间</dt>
+          <dd><time datetime="{{machineTime .Task.CreatedAt}}">{{displayTime .Task.CreatedAt}}</time></dd>
+          <dt>最后更新</dt>
+          <dd><time datetime="{{machineTime .Task.UpdatedAt}}">{{displayTime .Task.UpdatedAt}}</time></dd>
+        </dl>
+      </aside>
+    </div>
+
+    {{if .Task.CanCancel}}
+    <noscript>
+      <section class="noscript-cancel" aria-labelledby="noscript-cancel-heading">
+        <h2 id="noscript-cancel-heading">确认取消任务</h2>
+        <p>取消后任务不会自动恢复。</p>
+        <form method="post" action="/tasks/{{pathPart .Task.ID}}/cancel">
+          <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
+          <input type="hidden" name="cancel_key" value="{{.CancelKey}}">
+          <button class="button danger" type="submit">确认取消</button>
+        </form>
+      </section>
+    </noscript>
+
+    <dialog class="confirm-dialog" data-cancel-dialog aria-labelledby="cancel-title">
+      <h2 id="cancel-title">确认取消任务？</h2>
+      <p>任务取消后不会自动恢复，采购执行员将不能再领取。</p>
+      <div class="dialog-actions">
+        <button class="button" type="button" data-keep-task>保留任务</button>
+        <form method="post" action="/tasks/{{pathPart .Task.ID}}/cancel" data-submit-form>
+          <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
+          <input type="hidden" name="cancel_key" value="{{.CancelKey}}">
+          <button class="button danger" type="submit" data-submit-button
+            data-loading-label="正在取消…">确认取消</button>
+        </form>
+      </div>
+    </dialog>
+    {{end}}
+  </main>
+</body>
+</html>
+{{end}}