55 lines
3.7 KiB
JavaScript
55 lines
3.7 KiB
JavaScript
const HomePage = {
|
|
async render() {
|
|
return `<div id="home-content" style="max-width:800px;margin:0 auto;padding:20px 0"><div id="home-tab"></div></div>`;
|
|
},
|
|
|
|
mount(tab) {
|
|
const t = tab || 'report';
|
|
const topAuth = document.getElementById('top-auth');
|
|
topAuth.innerHTML = `<a href="#/login" class="btn btn-o btn-sm"><i class="fas fa-sign-in-alt"></i> 登录</a>
|
|
<a href="#/register" class="btn btn-p btn-sm"><i class="fas fa-user-plus"></i> 注册</a>
|
|
<span style="color:var(--g300)">|</span>
|
|
<button class="btn btn-sm ${t==='report'?'btn-p':'btn-o'}" data-tab="report">举报</button>
|
|
<button class="btn btn-sm ${t==='suggestion'?'btn-p':'btn-o'}" data-tab="suggestion">建议</button>
|
|
<button class="btn btn-sm ${t==='appeal'?'btn-p':'btn-o'}" data-tab="appeal">申诉</button>
|
|
<button class="btn btn-sm ${t==='tracking'?'btn-p':'btn-o'}" data-tab="tracking">追踪</button>`;
|
|
topAuth.style.display = 'flex';
|
|
|
|
topAuth.querySelectorAll('[data-tab]').forEach(b => { b.onclick = () => App.navigate('home', b.dataset.tab); });
|
|
|
|
const ct = document.getElementById('home-tab');
|
|
if (t === 'tracking') this.renderTracking(ct);
|
|
else TicketCreate.render(ct, { type: t, prefill: {}, backLink: null });
|
|
},
|
|
|
|
renderTracking(ct) {
|
|
const token = document.cookie.split('; ').find(r => r.startsWith('tracking_token='))?.split('=')[1];
|
|
ct.innerHTML = `<div class="card"><div class="card-b">
|
|
<div class="form-group"><label>追踪标识 (Cookie自动读取)</label><input id="track-token" value="${token||''}" placeholder="粘贴追踪标识"></div>
|
|
<button class="btn btn-p" id="track-search-btn"><i class="fas fa-search"></i> 查找我的工单</button>
|
|
<div id="track-result" class="mt-4"></div>
|
|
</div></div>`;
|
|
document.getElementById('track-search-btn').onclick = () => this.doSearchTracking();
|
|
},
|
|
|
|
async doSearchTracking() {
|
|
const token = document.getElementById('track-token').value.trim();
|
|
if (!token) return alert('请输入追踪标识');
|
|
const r = document.getElementById('track-result');
|
|
r.innerHTML = '<div class="loading"><i class="fas fa-spinner"></i></div>';
|
|
try {
|
|
const tickets = await API.get(`/tickets/tracking?token=${token}`);
|
|
r.innerHTML = tickets.length ? `<div class="table-wrap"><table><thead><tr><th>#</th><th>类型</th><th>标题</th><th>状态</th><th>时间</th></tr></thead><tbody>${tickets.map(tk=>`<tr><td>${tk.id}</td><td>${U.badge(tk.type,'type')}</td><td>${U.esc(tk.title)}</td><td>${U.badge(tk.status,'status')}</td><td>${U.date(tk.created_at)}</td></tr>`).join('')}</tbody></table></div>` : '<div class="empty"><i class="fas fa-inbox"></i><p>未找到工单</p></div>';
|
|
} catch (e) { r.innerHTML = `<div class="alert alert-e">${e.message}</div>`; }
|
|
},
|
|
|
|
showTrackDetail(id, token) {
|
|
U.modal(`工单 #${id}`, `<div id="tkd"></div>`, '700px');
|
|
API.get(`/tickets/tracking?token=${token}`).then(tickets => {
|
|
const t = tickets.find(x=>x.id===id);
|
|
if(!t) return;
|
|
document.getElementById('tkd').innerHTML = `<div class="detail-section"><h4>基本信息</h4><div class="detail-row"><span class="lbl">标题</span><span class="val fb">${U.esc(t.title)}</span></div><div class="detail-row"><span class="lbl">类型</span><span class="val">${U.badge(t.type,'type')}</span></div><div class="detail-row"><span class="lbl">状态</span><span class="val">${U.badge(t.status,'status')}</span></div><div class="detail-row"><span class="lbl">提交者</span><span class="val">${U.esc(t.reporter_game_name)} (UID: ${U.esc(t.reporter_game_uid)})</span></div></div><p class="tm ts">如需回复请<a href="#/register" style="color:var(--p)">注册账号</a></p>`;
|
|
}).catch(()=>{});
|
|
}
|
|
};
|