fix: unify tracking page layout with home page

- same width formula + tab-nav directly on page (drop pub-card wrapper)
- content in standard card, identical visual style to home forms
This commit is contained in:
2026-08-23 18:11:56 +08:00
parent 26bdf00f02
commit ce0b83b67f

View File

@@ -25,21 +25,23 @@ const TrackingPage = {
async render(param) {
this.token = document.cookie.split('; ').find(r => r.startsWith('tracking_token='))?.split('=')[1] || '';
const directId = param && !param.startsWith('?') ? param : '';
// 与首页(home)同款布局: 同宽公式 + tab-nav 直接铺页面, 保持导航样式统一
return `
<div class="pub-card" style="width:min(1100px,96vw);max-width:96vw">
<div id="tracking-content" style="width:min(50vw + 300px, 1440px, 96vw);margin:0 auto;padding:30px 20px">
<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="card"><div class="card-h"><span><i class="fas fa-search"></i> 工单追踪</span></div><div class="card-b">
<p class="ts tm" style="margin-bottom:14px">使用提交工单时下发的追踪标识, 查看工单进展与双方回复。如未找到工单, 请确认使用同一浏览器提交。</p>
<div class="form-group" style="display:flex;gap:8px">
<input id="track-token" value="${U.esc(this.token)}" placeholder="追踪标识(留空自动使用Cookie)" style="flex:1">
<button class="btn btn-p" onclick="TrackingPage.search()"><i class="fas fa-search"></i> 查询</button>
</div>
<div id="track-result" class="mt-4"></div>
</div></div>
</div>`;
},