107 lines
4.3 KiB
Go Template
107 lines
4.3 KiB
Go Template
{{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}}
|