跨境电商广告行业知识库

' + entries.length + '

\u603b\u6761\u76ee\u6570

' + '

' + highCount + '

\u9ad8\u5f71\u54cd\u529b\u4e8b\u4ef6

' + '

' + weekEntriesCount + '

\u8fd1\u4e00\u5468\u65b0\u589e

' + '

' + competitors.length + '

\u8ddf\u8e2a\u7ade\u5bf9

'; // Filters let activeCategory = 'all'; const filtersEl = document.getElementById('filters'); filtersEl.innerHTML = '\u5168\u90e8' + categories.map(c => '' + c.icon + ' ' + c.name + '').join(''); filtersEl.addEventListener('click', e => { const chip = e.target.closest('.filter-chip'); if (!chip) return; filtersEl.querySelectorAll('.filter-chip').forEach(c => c.classList.remove('active')); chip.classList.add('active'); activeCategory = chip.dataset.cat; renderCurrentView(); }); function getFilteredEntries() { if (activeCategory === 'all') return entries; return entries.filter(e => e.category === activeCategory); } function getCategoryInfo(id) { return categories.find(c => c.id === id) || {}; } function getCompetitorInfo(id) { return competitors.find(c => c.id === id) || {}; } function renderCard(entry) { const cat = getCategoryInfo(entry.category); const competitorBadges = (entry.competitors || []).map(cid => { const comp = getCompetitorInfo(cid); return '' + (comp.shortName || cid) + ''; }).join(''); const keyPointsHtml = (entry.keyPoints || []).slice(0, 3).map(p => '

' + translateText(p) + '

').join(''); const tagsHtml = (entry.tags || []).map(t => '' + t + '').join(''); const displayTitle = getTitle(entry); const titleContent = entry.sourceUrl ? '' + displayTitle + '' : displayTitle; const notesHtml = entry.notes ? '

\ud83d\udccc ' + entry.notes + '

' : ''; const displaySummary = getSummary(entry); const impactLabel = entry.impact === 'high' ? '\u9ad8\u5f71\u54cd' : entry.impact === 'medium' ? '\u4e2d\u5f71\u54cd' : '\u4f4e\u5f71\u54cd'; return '

' + '

' + '' + (cat.icon || '') + ' ' + (cat.name || '') + '' + '' + impactLabel + '' + '

' + (competitorBadges ? '

' + competitorBadges + '

' : '') + '

' + titleContent + '

' + '

' + displaySummary + '

' + (keyPointsHtml ? '

' + keyPointsHtml + '' : '') + notesHtml + '

' + '

' + tagsHtml + '

' + '

' + entry.date + ' \u00b7 ' + (entry.source || '') + '

' + '

'; } function renderCards() { const grid = document.getElementById('cards-grid'); const filtered = getFilteredEntries().sort((a, b) => b.date.localeCompare(a.date)); grid.innerHTML = filtered.map(renderCard).join(''); } function renderTimeline() { const container = document.getElementById('timeline'); const filtered = getFilteredEntries().sort((a, b) => b.date.localeCompare(a.date)); const grouped = {}; filtered.forEach(e => { (grouped[e.date] = grouped[e.date] || []).push(e); }); container.innerHTML = Object.entries(grouped).map(([date, items]) => '

' + date + '

' + items.map(e => '

' + renderCard(e) + '

').join('') + '

' ).join(''); } function renderCompetitor() { const container = document.getElementById('competitor-view'); container.innerHTML = competitors.map(comp => { const compEntries = entries.filter(e => (e.competitors || []).includes(comp.id)) .sort((a, b) => b.date.localeCompare(a.date)); return '

' + '

' + comp.name + '

' + '' + compEntries.length + ' \u6761\u76f8\u5173\u8d44\u8baf' + '

' + '

' + (compEntries.map(renderCard).join('') || '

\u6682\u65e0\u76f8\u5173\u8d44\u8baf

') + '

' + '

'; }).join(''); } function renderReport() { const container = document.getElementById('report-view'); const now = new Date(); const weekAgo = new Date(now - 7 * 86400000); const weekArr = entries.filter(e => new Date(e.date) >= weekAgo).sort((a, b) => b.date.localeCompare(a.date)); const highImpact = weekArr.filter(e => e.impact === 'high'); const byCategory = {}; weekArr.forEach(e => { (byCategory[e.category] = byCategory[e.category] || []).push(e); }); let html = '

\ud83d\udcc5 \u672c\u5468\u6982\u89c8 (' + weekAgo.toISOString().slice(0,10) + ' ~ ' + now.toISOString().slice(0,10) + ')

' + '

\u672c\u5468\u5171\u65b0\u589e ' + weekArr.length + ' \u6761\u8d44\u8baf\uff0c\u5176\u4e2d\u9ad8\u5f71\u54cd\u529b\u4e8b\u4ef6 ' + highImpact.length + ' \u6761\u3002

'; if (highImpact.length) { html += '

\u26a0\ufe0f \u9ad8\u5f71\u54cd\u529b\u4e8b\u4ef6

' + getTitle(e) + '
' + getSummary(e) + '

'; } html += '

'; Object.entries(byCategory).forEach(([catId, items]) => { const cat = getCategoryInfo(catId); html += '

' + (cat.icon || '') + ' ' + (cat.name || catId) + '

' + '

' + getTitle(e) + ' ' + e.impact + '
' + e.date + ' - ' + getSummary(e).slice(0, 80) + '...

'; }); container.innerHTML = html; } // View switching const views = { cards: renderCards, timeline: renderTimeline, competitor: renderCompetitor, report: renderReport }; let currentView = 'cards'; function renderCurrentView() { views[currentView](); } document.getElementById('view-tabs').addEventListener('click', e => { const tab = e.target.closest('.tab'); if (!tab) return; document.querySelectorAll('.tab').forEach(t => t.classList.remove('active')); tab.classList.add('active'); const view = tab.dataset.view; document.querySelectorAll('.view-panel').forEach(p => p.classList.add('hidden')); document.getElementById('view-' + view).classList.remove('hidden'); currentView = view; renderCurrentView(); }); // Initial render renderCards(); })();