toom1996/backend_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(street): 公开详情改为runway同形嵌套；审核页合并为图片流

Browse Source
This commit is contained in:
toom1996
2026-09-21 23:24:00 +08:00
parent 49bd7b74c6
commit 85ad3a3f68
5 changed files with 119 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
internal/handler/backstage_handler.go
View File

@ -1358,6 +1358,13 @@ button.ghost{background:#fff;color:#111;border:1px solid #ccc}
.btn{display:inline-block;flex:1 1 auto;margin:0;padding:7px 10px;background:#fff;color:#111;border:1px solid #ccc;border-radius:6px;text-decoration:none;font-size:13px;text-align:center}
.chk{display:flex;align-items:center;gap:4px;flex:1 1 auto;font-size:12px;color:#333;white-space:nowrap;cursor:pointer}
.chk input{margin:0}
.meta{flex:1;min-width:0}
.cap{font-size:12px;color:#666;margin-bottom:2px}
.cap b{color:#1a7f43}
.nm{font-size:13px;color:#111;margin-bottom:6px;word-break:break-all}
.tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:8px;background:#eafaf0;color:#1a7f43}
.tag.det{background:#eef2ff;color:#3b4bb5}
.batchbar{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee;padding:10px 0;margin-top:16px;display:flex;align-items:center;gap:10px}
</style></head>
<body>
<div class="bar"><span>管理后台 · 草稿审核 #{{.Draft.ID}}</span><span><a href="{{reviewDetailURL .Draft.Kind .Draft.ID}}">返回列表</a> · <a href="/admin/logout">退出</a></span></div>
@ -1367,49 +1374,40 @@ button.ghost{background:#fff;color:#111;border:1px solid #ccc}
{{range .Draft.Fields}}<div><label>{{.Label}}</label>{{if eq .Type "textarea"}}<textarea name="{{.Name}}">{{.Value}}</textarea>{{else}}<input name="{{.Name}}" value="{{.Value}}"{{if eq .Type "number"}} inputmode="numeric"{{end}}>{{end}}</div>{{end}}
<button type="submit">通过并发布</button>
</form>
{{if eq .Draft.Kind "street"}}<div class="hint">{{if .Draft.MainID}}当前主图：<b>#{{.Draft.MainID}}</b>。操作三步：① 在下方任意「主图」上点「设为主图」切换当前主图 → ② 勾选要并入的图 → ③ 点页面底部「并入到当前主图」。连拍快速归并可用每张图上的「并入上一张」。{{else}}尚未选定主图：请在下方某张图上点「设为主图」（页面会带上 <code>?main=</code> 参数），再勾选要并入的图、点底部「并入到当前主图」。{{end}}</div>
<h2>主副图分组（{{len .Draft.Groups}} 组 · 共 {{.Draft.ImageCount}} 张）</h2>
{{if .Draft.Groups}}{{range .Draft.Groups}}<div class="strip-group{{if eq .Image.ID $.Draft.MainID}} cur{{end}}">
{{if eq .Draft.Kind "street"}}
<div class="hint">{{if .Draft.MainID}}当前主图：<b>#{{.Draft.MainID}}</b>。{{else}}尚未选定主图。{{end}}最快路径：<b>连拍同一个人</b> → 从上往下逐张点「并入上一张」；<b>非相邻</b>的图要归到某张主图下 → 先点那张图的「设为主图」，再勾选要并入的图，最后点底部「并入到当前主图」。</div>
<h2>图片流（{{len .Draft.Groups}} 张主图 · 共 {{.Draft.ImageCount}} 张）</h2>
<form id="batch" method="post" action="/admin/reviews/{{.Draft.Kind}}/{{.Draft.ID}}/images/attach">
<input type="hidden" name="main" value="{{.Draft.MainID}}">
</form>
{{if .Draft.Groups}}{{range $gi, $g := .Draft.Groups}}<div class="strip-group{{if eq $g.Image.ID $.Draft.MainID}} cur{{end}}" id="i{{$g.Image.ID}}">
<div class="main-img">
<img src="{{.Image.Image}}" loading="lazy">
<img src="{{$g.Image.Image}}" loading="lazy">
<div class="meta">
<div class="cap"><span class="tag">主图</span>{{if $g.Image.DetailCount}} · {{$g.Image.DetailCount}} 张副图{{end}}{{if eq $g.Image.ID $.Draft.MainID}} · <b>当前主图</b>{{end}}</div>
<div class="nm">{{$g.Image.Name}}</div>
<div class="acts">
<a class="btn" href="{{reviewDetailURL $.Draft.Kind $.Draft.ID .Image.ID}}">设为主图</a>
<form method="post" class="inline" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.Image.ID}}/delete"><button type="submit" class="reject" onclick="return confirm('确认删除这张图片？')">删除</button></form>
<a class="btn" href="{{reviewDetailURL $.Draft.Kind $.Draft.ID $g.Image.ID}}#i{{$g.Image.ID}}">设为主图</a>
{{if $gi}}<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{$g.Image.ID}}/attach-prev{{if $.Draft.MainID}}?main={{$.Draft.MainID}}{{end}}"><button type="submit">并入上一张</button></form>{{end}}
{{if ne $g.Image.ID $.Draft.MainID}}<label class="chk"><input type="checkbox" form="batch" name="img" value="{{$g.Image.ID}}"> 选入</label>{{end}}
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{$g.Image.ID}}/delete"><button type="submit" class="reject" onclick="return confirm('确认删除这张图片？')">删除</button></form>
</div>
</div>
{{if .Details}}<div class="strip">
{{range .Details}}<div class="det">
</div>
{{if $g.Details}}<div class="strip">
{{range $g.Details}}<div class="det" id="i{{.ID}}">
<img src="{{.Image}}" loading="lazy">
<span style="display:block;padding:4px 6px;font-size:11px;color:#666">{{.Name}}</span>
<div class="cap"><span class="tag det">副图</span> → #{{$g.Image.ID}}</div>
<div class="nm">{{.Name}}</div>
<div class="acts">
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/attach-prev"><input type="hidden" name="main" value="{{$.Draft.MainID}}"><button type="submit" onclick="return confirm('把这张并入上一张所属主图？')">并入上一张</button></form>
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/detach"><button type="submit" onclick="return confirm('把这张拆成独立主图？')">拆出</button></form>
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/attach-prev{{if $.Draft.MainID}}?main={{$.Draft.MainID}}{{end}}"><button type="submit">并入上一张</button></form>
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/detach"><button type="submit">拆出</button></form>
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/delete"><button type="submit" class="reject" onclick="return confirm('确认删除这张图片？')">删除</button></form>
</div>
</div>{{end}}
</div>{{end}}
</div>{{end}}{{else}}<p class="muted">该草稿暂无图片。</p>{{end}}
<h2>全部图片（勾选后批量并入当前主图）</h2>
<form id="batch" method="post" action="/admin/reviews/{{.Draft.Kind}}/{{.Draft.ID}}/images/attach">
<input type="hidden" name="main" value="{{.Draft.MainID}}">
</form>
<div class="grid">
{{range .Draft.Images}}<div class="cell">
<img src="{{.Image}}" loading="lazy">
<span style="display:block;padding:6px 8px;font-size:12px;color:#666">{{.Name}}{{if eq .IsDetail 1}} · 副图 #{{.ParentImageID}}{{else if eq .ID $.Draft.MainID}} · <b>当前主图</b>{{end}}</span>
<div class="acts">
{{if eq .IsDetail 1}}
<label class="chk"><input type="checkbox" form="batch" name="img" value="{{.ID}}"> 并入</label>
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/detach"><button type="submit">拆出</button></form>
{{else}}
<a class="btn" href="{{reviewDetailURL $.Draft.Kind $.Draft.ID .ID}}">设为主图</a>
<label class="chk"><input type="checkbox" form="batch" name="img" value="{{.ID}}"{{if eq .ID $.Draft.MainID}} disabled checked{{end}}> 并入</label>
{{end}}
<form method="post" action="/admin/reviews/{{$.Draft.Kind}}/{{$.Draft.ID}}/images/{{.ID}}/delete"><button type="submit" class="reject" onclick="return confirm('确认删除这张图片？')">删除</button></form>
</div>
</div>{{end}}
</div>
<div style="margin-top:12px"><button type="submit" form="batch"{{if not .Draft.MainID}} disabled{{end}}>并入到当前主图{{if .Draft.MainID}} #{{.Draft.MainID}}{{end}}</button></div>
<div class="batchbar"><button type="submit" form="batch"{{if not .Draft.MainID}} disabled{{end}}>并入到当前主图{{if .Draft.MainID}} #{{.Draft.MainID}}{{end}}</button>{{if not .Draft.MainID}}<span class="muted">（先点某张主图上的「设为主图」）</span>{{end}}</div>
{{else}}
<h2>图片管理（{{len .Draft.Images}} 张）</h2>
<div class="grid">