赛程加载失败

"; } } function renderGroupedMatches(matches, liveMatches, containerId, isDescending) { const container = document.getElementById(containerId); if (matches.length === 0 && liveMatches.length === 0) { container.innerHTML = "

暂无比赛数据

"; return; } let html = ""; // --- PINNED LIVE MATCHES --- if (liveMatches.length > 0) { html += `

🔴 进行中

${liveMatches.map((m) => renderCard(m)).join("")}

`; } // --- STANDARD GROUPING (Stage -> Date) --- const stagesDict = {}; matches.forEach((m) => { const stageName = m.stage?.name || (m.group_id ? "Group Stage" : ""); let stageZh = translateStageName(stageName); if (!stagesDict[stageZh]) stagesDict[stageZh] = []; stagesDict[stageZh].push(m); }); // Sort Stages const stageOrder = ["小组赛", "32强", "16强", "八强", "半决赛", "季殿赛", "决赛"]; const sortedStages = Object.keys(stagesDict).sort((a, b) => { let indexA = stageOrder.indexOf(a); let indexB = stageOrder.indexOf(b); if (indexA === -1) indexA = 99; if (indexB === -1) indexB = 99; return isDescending ? indexB - indexA : indexA - indexB; }); sortedStages.forEach((stage) => { html += `

`; html += `

${stage}

`; // Group by Date inside the Stage const dateDict = {}; stagesDict[stage].forEach((m) => { const formattedDate = formatMatchDate(m.starting_at); if (!dateDict[formattedDate]) dateDict[formattedDate] = []; dateDict[formattedDate].push(m); }); // Sort Dates const sortedDates = Object.keys(dateDict).sort((a, b) => { const timeA = new Date(dateDict[a][0].starting_at.replace(" ", "T") + "Z").getTime(); const timeB = new Date(dateDict[b][0].starting_at.replace(" ", "T") + "Z").getTime(); return isDescending ? timeB - timeA : timeA - timeB; }); sortedDates.forEach((dateLabel) => { html += `

${dateLabel}

`; html += `

`; // Sort Matches within Date dateDict[dateLabel].sort((a, b) => { const tA = new Date(a.starting_at).getTime(); const tB = new Date(b.starting_at).getTime(); return isDescending ? tB - tA : tA - tB; }); dateDict[dateLabel].forEach((m) => { html += renderCard(m); }); html += `

`; }); html += `

`; }); container.innerHTML = html; } function renderCard(match) { const home = match.participants?.find((p) => p.meta.location === "home"); const away = match.participants?.find((p) => p.meta.location === "away"); let centerHTML = ""; let detailsHTML = ""; // Calculate penalties once at the top let penHTML = typeof getPenaltyScoreHTML === "function" ? getPenaltyScoreHTML(match.scores, match.events, home?.id, away?.id) : ""; // Extract Placeholders from match name if available let placeholderHome = ""; let placeholderAway = ""; if (match.name && match.name.includes(" vs ")) { const parts = match.name.split(" vs "); placeholderHome = parts[0]; placeholderAway = parts[1]; } const homeTeamObj = (home && typeof TEAM_DICT !== "undefined" && TEAM_DICT[home.id]) || (home && typeof TEAM_LIST !== "undefined" && TEAM_LIST.find((t) => t.team_name_en === home.name)) || null; const awayTeamObj = (away && typeof TEAM_DICT !== "undefined" && TEAM_DICT[away.id]) || (away && typeof TEAM_LIST !== "undefined" && TEAM_LIST.find((t) => t.team_name_en === away.name)) || null; const fallbackHome = home?.name || placeholderHome; const fallbackAway = away?.name || placeholderAway; const homeName = homeTeamObj ? homeTeamObj.team_name_zh : translatePlaceholder(fallbackHome); const awayName = awayTeamObj ? awayTeamObj.team_name_zh : translatePlaceholder(fallbackAway); const homeClass = homeTeamObj ? "" : "placeholder-text"; const awayClass = awayTeamObj ? "" : "placeholder-text"; const hFlag = getTeamFlag(homeTeamObj); const aFlag = getTeamFlag(awayTeamObj); const formattedTime = typeof formatMatchTime === "function" ? formatMatchTime(match.starting_at) : ""; // --- STATUS LOGIC --- const status = getMatchStatus(match); const isFinished = status.isFinished; const isLive = status.isLive; const isDelayedOrCancelled = status.isDelayedOrCancelled; const badgeText = status.badgeText; const badgeClass = status.badgeClass; // Check if lineups exist AND we are within exactly 30 minutes of kickoff const matchTimeMs = new Date(match.starting_at.replace(" ", "T") + "Z").getTime(); const minutesToKickoff = (matchTimeMs - Date.now()) / (1000 * 30); const hasLineupsData = match.lineups && match.lineups.length > 0 && minutesToKickoff <= 30; const shouldShowDetails = isFinished || isLive || hasLineupsData; if (isFinished || isLive) { const hScoreObj = match.scores?.find((s) => s.participant_id === home?.id && s.description === "CURRENT"); const aScoreObj = match.scores?.find((s) => s.participant_id === away?.id && s.description === "CURRENT"); const hScore = hScoreObj?.score?.participant_1 ?? hScoreObj?.score?.goals ?? hScoreObj?.score ?? 0; const aScore = aScoreObj?.score?.participant_2 ?? aScoreObj?.score?.goals ?? aScoreObj?.score ?? 0; centerHTML = `

${hScore} - ${aScore}

${penHTML} `; } else { centerHTML = `

${formattedTime}

`; } if (shouldShowDetails) { const isLiveOrLineups = isLive || (!isFinished && hasLineupsData); const toggleBtn = isLiveOrLineups ? "" : ``; const displayStyle = isLiveOrLineups ? "display: block;" : "display: none;"; centerHTML += toggleBtn; // --- EVENTS TIMELINE --- let timelineLines = "

暂无关键事件

"; let mainEventsHTML = ""; let shootoutHTML = ""; if (match.events && match.events.length > 0) { // 1. Process Regular Events (Goals, Cards, Subs) const allowedEvents = [14, 15, 16, 20, 21]; const filteredEvents = match.events.filter((e) => allowedEvents.includes(e.type_id)); if (filteredEvents.length > 0) { filteredEvents.sort((a, b) => a.minute - b.minute); const homeEvents = filteredEvents.filter((e) => e.participant_id === home?.id); const awayEvents = filteredEvents.filter((e) => e.participant_id === away?.id); const renderEvent = (ev) => { const { icon, time, pName } = getFormattedEventData(ev); return `

${icon}

${time}

${pName}

`; }; mainEventsHTML = `

${homeEvents.map(renderEvent).join("")}

${awayEvents.map(renderEvent).join("")}

`; } // 2. Process Penalty Shootout Events (22 = Miss, 23 = Goal) const shootoutEvents = match.events .filter((e) => e.type_id === 22 || e.type_id === 23) .sort((a, b) => a.minute - b.minute); if (shootoutEvents.length > 0) { const homePenEvents = shootoutEvents.filter((e) => e.participant_id === home?.id); const awayPenEvents = shootoutEvents.filter((e) => e.participant_id === away?.id); // Custom renderer for penalties to enforce smaller font and grid alignment const renderPenEvent = (ev) => { const iconClass = ev.type_id === 23 ? "icon-penalty-goal" : "icon-penalty-miss"; const icon = ``; const pName = (ev.player_name && ev.player_name.trim() !== "") ? ev.player_name : ""; return `

${icon}

${pName}

`; }; shootoutHTML = `

点球大战

${homePenEvents.map(renderPenEvent).join("")}

${awayPenEvents.map(renderPenEvent).join("")}

`; } // 3. Combine both sections if (mainEventsHTML || shootoutHTML) { timelineLines = mainEventsHTML + shootoutHTML; } } // --- STATISTICS --- let statsLines = "

暂无统计数据

"; const hasStats = match.statistics && match.statistics.length > 0; if (hasStats) { const statsMap = [ { id: 42, code: "shots-total", label: "射门" }, { id: 86, code: "shots-on-target", label: "射正" }, { id: 45, code: "ball-possession", label: "控球率(%)" }, { id: 34, code: "corners", label: "角球" }, { id: 56, code: "fouls", label: "犯规" }, { id: 84, code: "yellowcards", label: "黄卡" }, { id: 83, code: "redcards", label: "红卡" }, { id: 51, code: "offsides", label: "越位" }, ]; statsLines = statsMap .map((statItem) => { let hVal = 0, aVal = 0; const homeDummyObj = match.statistics.find((s) => s.participant_id === home?.id)?.details; const awayDummyObj = match.statistics.find((s) => s.participant_id === away?.id)?.details; if (homeDummyObj || awayDummyObj) { const hObj = (homeDummyObj || []).find((d) => d.type?.code === statItem.code); const aObj = (awayDummyObj || []).find((d) => d.type?.code === statItem.code); hVal = hObj ? (hObj.value.total ?? hObj.value) : 0; aVal = aObj ? (aObj.value.total ?? aObj.value) : 0; } else { const homeStats = match.statistics.filter((s) => s.participant_id === home?.id); const awayStats = match.statistics.filter((s) => s.participant_id === away?.id); const hObj = homeStats.find((d) => d.type_id === statItem.id); const aObj = awayStats.find((d) => d.type_id === statItem.id); hVal = hObj ? hObj.data.value : 0; aVal = aObj ? aObj.data.value : 0; } let total = (parseInt(hVal) || 0) + (parseInt(aVal) || 0); let homePercent = total > 0 ? (hVal / total) * 100 : 50; return `

${statItem.label}

${hVal}

${aVal}

`; }) .join(""); } // --- LINEUPS & SUBSTITUTIONS --- const subs = match.events?.filter((e) => e.type_id === 18) || []; const hasLineups = (match.lineups && match.lineups.length > 0) || subs.length > 0; let lineupsHtml = ""; if (hasLineups) { // Get Player Position const getPosition = (id) => { const posMap = { 24: "门将", 25: "后卫", 26: "中场", 27: "前锋" }; return posMap[id] ? `(${posMap[id]})` : ""; }; // Get Player Icons (Multiplier & Own Goal Logic) const getPlayerIcons = (p, isAway) => { if (!match.events) return ""; const pName = p.player_name || p.player?.name || ""; const pId = p.player_id || p.player?.id; const pEvents = match.events.filter((e) => { const isSamePlayer = e.player_name === pName || (e.player && e.player.display_name === pName) || (e.player && e.player.name === pName) || (e.player_id && pId && e.player_id === pId); const isSameTeam = e.participant_id === p.participant_id || e.participant_id === p.team_id; if (e.type_id === 15) { return isSamePlayer; } return isSameTeam && isSamePlayer; }); let goalCount = 0; let ownGoalCount = 0; let otherIcons = []; pEvents.forEach((e) => { if ([14, 16].includes(e.type_id)) goalCount++; // Goals / Penalties else if (e.type_id === 15) ownGoalCount++; // Own Goals else if ([17, 19, 20, 21, 52, 84, 85, 97].includes(e.type_id)) { otherIcons.push(getEventIcon(e.type_id)); } }); let finalIcons = ""; if (goalCount === 1) finalIcons += "⚽ "; if (goalCount > 1) finalIcons += `⚽ x${goalCount} `; // Adding the striking red visual for the Own Goal if (ownGoalCount === 1) finalIcons += "⚽(乌龙) "; if (ownGoalCount > 1) finalIcons += `⚽(乌龙) x${ownGoalCount} `; finalIcons += otherIcons.join(" "); if (!finalIcons) return ""; return `${finalIcons.trim()}`; }; const renderStarter = (p, teamSubs, isAway) => { const pName = p.player_name || p.player?.name || ""; const positionHtml = getPosition(p.position_id); const iconsHtml = getPlayerIcons(p, isAway); const pId = p.player_id || p.player?.id; const subEvent = teamSubs.find((s) => { const matchById = pId && s.related_player_id && s.related_player_id === pId; const matchByName = pName && s.related_player_name && s.related_player_name === pName; return matchById || matchByName; }); let subOutHtml = ""; let opacityStyle = ""; if (subEvent) { subOutHtml = `↓ ${subEvent.minute}'`; } if (isAway) { return `

${subOutHtml} ${iconsHtml} ${pName} ${positionHtml}

`; } else { return `

${pName} ${positionHtml} ${iconsHtml} ${subOutHtml}

`; } }; // Players who came on const renderImpactSub = (subEvent, isAway) => { const benchProfile = match.lineups?.find( (l) => l.player_id === subEvent.player_id || l.player_name === subEvent.player_name ); const positionHtml = benchProfile ? getPosition(benchProfile.position_id) : ""; const mockPlayer = { player_name: subEvent.player_name, participant_id: subEvent.participant_id, player_id: subEvent.player_id || benchProfile?.player_id }; const iconsHtml = getPlayerIcons(mockPlayer, isAway); const subInHtml = `↑ ${subEvent.minute}'`; if (isAway) { return `

${subEvent.player_name} ${positionHtml} ${subInHtml} ${iconsHtml}

`; } else { return `

${iconsHtml} ${subInHtml} ${positionHtml} ${subEvent.player_name}

`; } }; let startersHtml = "

首发尚未公布

"; const homeSubs = subs.filter((e) => e.participant_id === home?.id); const awaySubs = subs.filter((e) => e.participant_id === away?.id); if (match.lineups && match.lineups.length > 0) { const homeLineup = match.lineups.filter((l) => (l.participant_id === home?.id || l.team_id === home?.id) && l.type_id === 11); const awayLineup = match.lineups.filter((l) => (l.participant_id === away?.id || l.team_id === away?.id) && l.type_id === 11); const posOrder = { 24: 1, 25: 2, 26: 3, 27: 4 }; const sortFn = (a, b) => (posOrder[a.position_id] || 99) - (posOrder[b.position_id] || 99); homeLineup.sort(sortFn); awayLineup.sort(sortFn); startersHtml = `

${homeLineup.map((p) => renderStarter(p, homeSubs, false)).join("")}

${awayLineup.map((p) => renderStarter(p, awaySubs, true)).join("")}

`; } let subsHtml = ""; if (subs.length > 0) { subsHtml = `

替补出场

${homeSubs.map((s) => renderImpactSub(s, false)).join("")}

${awaySubs.map((s) => renderImpactSub(s, true)).join("")}

`; } lineupsHtml = startersHtml + subsHtml; } // --- TABS RENDERER --- let tabsHTML = ""; if (hasStats && hasLineups) { tabsHTML = `

${statsLines}

${lineupsHtml}

`; } else if (hasStats && !hasLineups) { tabsHTML = `

比赛数据

${statsLines}

`; } else if (!hasStats && hasLineups) { tabsHTML = `

首发阵容

${lineupsHtml}

`; } detailsHTML = `

${timelineLines}

${tabsHTML}

`; } else { centerHTML = `

${formattedTime}

`; } let topLabel = match.stage?.name ? translateStageName(match.stage.name) : ""; if (match.group_id && typeof WC_GROUPS !== "undefined" && WC_GROUPS[match.group_id]) { topLabel = `${WC_GROUPS[match.group_id]}`; } let badgeVisibility = "display: none;"; if (isLive) { badgeVisibility = "display: block; animation: pulse 2s infinite;"; } else if (isDelayedOrCancelled) { badgeVisibility = "display: block;"; } return `

${badgeText}

${homeName}

${topLabel} ${centerHTML}

${awayName}

${detailsHTML}

`; } // Handle internal match card tabs window.switchCardTab = function (btn, targetPanelId) { const detailsContainer = btn.closest(".match-details"); detailsContainer.querySelectorAll(".detail-tab-btn").forEach((b) => b.classList.remove("active")); detailsContainer.querySelectorAll(".detail-panel").forEach((p) => p.classList.remove("active")); btn.classList.add("active"); document.getElementById(targetPanelId).classList.add("active"); }; loadFixtures().then(() => { if (typeof startLivescoreEngine !== "undefined") { startLivescoreEngine(renderCard, "scores-fixtures"); } });