fix: tracking page tab nav + wide layout

- add 举报/建议/申诉 tab nav so anonymous users can switch back to forms
- override pub-card width (CSS fixes 460px) with min(1100px,96vw)
This commit is contained in:
2026-08-23 18:02:13 +08:00
parent 1979cab5ec
commit 26bdf00f02

View File

@@ -26,8 +26,14 @@ const TrackingPage = {
this.token = document.cookie.split('; ').find(r => r.startsWith('tracking_token='))?.split('=')[1] || '';
const directId = param && !param.startsWith('?') ? param : '';
return `
<div class="pub-card" style="max-width:1000px">
<div class="logo"><i class="fas fa-shield-halved"></i><h2>工单追踪</h2></div>
<div class="pub-card" style="width:min(1100px,96vw);max-width:96vw">
<div class="tab-nav">
<button onclick="App.navigate('home','report')"><i class="fas fa-flag"></i> 举报</button>
<button onclick="App.navigate('home','suggestion')"><i class="fas fa-lightbulb"></i> 建议</button>
<button onclick="App.navigate('home','appeal')"><i class="fas fa-gavel"></i> 申诉</button>
<button class="active"><i class="fas fa-search"></i> 追踪</button>
</div>
<div class="logo" style="margin-bottom:20px"><i class="fas fa-shield-halved"></i><h2>工单追踪</h2></div>
<p class="ts tm" style="text-align:center;margin-bottom:16px">使用提交工单时下发的追踪标识, 查看工单进展与双方回复。如未找到工单, 请确认使用同一浏览器提交。</p>
<div class="form-group" style="display:flex;gap:8px">
<input id="track-token" value="${U.esc(this.token)}" placeholder="追踪标识(留空自动使用Cookie)" style="flex:1">