From ce0b83b67f315918e4c41a2dac8c07c84b51418e Mon Sep 17 00:00:00 2001
From: canglan <admin@sea-studio.top>
Date: Sun, 23 Aug 2026 18:11:56 +0800
Subject: [PATCH] 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
---
 public/js/pages/tracking.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/js/pages/tracking.js b/public/js/pages/tracking.js
index e68761f..4d20419 100644
--- a/public/js/pages/tracking.js
+++ b/public/js/pages/tracking.js
@@ -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="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 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>`;
   },