Fix model summary local time and regions

This commit is contained in:
2569718930@qq.com
2026-06-29 19:30:35 +08:00
parent b8d4970f9a
commit 709a567525
5 changed files with 84 additions and 33 deletions
@@ -27,10 +27,9 @@ const SUMMARY_TEXT = {
search: { en: "Search city or model", zh: "搜索城市或模型" },
city: { en: "City", zh: "城市" },
region: { en: "Region", zh: "区域" },
currentHigh: { en: "Current High", zh: "当前最高" },
localTime: { en: "Local Time", zh: "当地时间" },
median: { en: "Median", zh: "模型中位数" },
spread: { en: "Spread", zh: "分歧范围" },
updated: { en: "Updated", zh: "更新时间" },
empty: { en: "No model summary rows match the current filters.", zh: "当前筛选下没有模型汇总数据。" },
generated: { en: "Generated", zh: "生成" },
total: { en: "rows", zh: "行" },
@@ -109,8 +108,8 @@ function ModelSummaryRowView({
<td className="min-w-[150px] px-3 py-2 text-xs font-semibold text-slate-600">
<span className="block truncate">{row.regionLabel}</span>
</td>
<td className="min-w-[96px] px-3 py-2 text-right">
<TemperatureCell value={row.currentHigh} symbol={row.tempSymbol} />
<td className="min-w-[96px] px-3 py-2 text-right font-mono text-[11px] font-bold text-slate-700">
{row.localTime || "—"}
</td>
<td className="min-w-[90px] px-3 py-2 text-right">
<TemperatureCell value={row.debPrediction} symbol={row.tempSymbol} emphasis="deb" />
@@ -126,9 +125,6 @@ function ModelSummaryRowView({
<td className="min-w-[100px] px-3 py-2 text-right">
<TemperatureCell value={row.modelSpread} symbol={row.tempSymbol} />
</td>
<td className="min-w-[130px] px-3 py-2 text-right font-mono text-[11px] font-semibold text-slate-500">
{row.updatedAt || "—"}
</td>
</tr>
);
}
@@ -198,14 +194,14 @@ export function ModelSummaryDashboard({
</header>
<div className="min-h-0 flex-1 overflow-auto">
<table className="w-full min-w-[1580px] border-collapse text-xs">
<table className="w-full min-w-[1460px] border-collapse text-xs">
<thead className="sticky top-0 z-20 bg-slate-50 text-[10px] font-black uppercase tracking-wide text-slate-500 shadow-[0_1px_0_0_#e2e8f0]">
<tr>
<th className="sticky left-0 z-30 w-[160px] min-w-[160px] border-r border-slate-200 bg-slate-50 px-3 py-2 text-left">
{copy("city", isEn)}
</th>
<th className="min-w-[150px] px-3 py-2 text-left">{copy("region", isEn)}</th>
<th className="min-w-[96px] px-3 py-2 text-right">{copy("currentHigh", isEn)}</th>
<th className="min-w-[96px] px-3 py-2 text-right">{copy("localTime", isEn)}</th>
<th className="min-w-[90px] px-3 py-2 text-right text-orange-600">DEB</th>
{MODEL_SUMMARY_MODEL_COLUMNS.map((column) => (
<th key={column.key} className="min-w-[92px] px-3 py-2 text-right">
@@ -216,7 +212,6 @@ export function ModelSummaryDashboard({
{copy("median", isEn)}
</th>
<th className="min-w-[100px] px-3 py-2 text-right">{copy("spread", isEn)}</th>
<th className="min-w-[130px] px-3 py-2 text-right">{copy("updated", isEn)}</th>
</tr>
</thead>
<tbody className="divide-y divide-slate-100 bg-white">
@@ -24,20 +24,20 @@ const UPDATE_ANNOUNCEMENT_SEEN_KEY = "polyweather_update_announcement_seen_v1";
const STATIC_UPDATE_ANNOUNCEMENTS: StaticUpdateAnnouncement[] = [
{
id: "model-summary-table-2026-06-29",
publishedAt: "2026-06-29T19:20:00+08:00",
id: "model-summary-table-local-time-2026-06-29",
publishedAt: "2026-06-29T19:35:00+08:00",
expiresAt: "2026-08-15T00:00:00+08:00",
zh: {
title: "更新公告:模型汇总表上线",
body:
"终端左侧新增「模型汇总」菜单,按今日最高温口径汇总全部城市:当前最高、DEB 预测,以及 ECMWF、ECMWF AIFS、GFS、ICON、ICON-EU、GEM、GDPS、JMA、AROME HD、HRRR、NAM 等模型高温预测集中到一张表里。\n\n" +
"终端左侧新增「模型汇总」菜单,按今日最高温口径汇总全部城市:当地时间、DEB 预测,以及 ECMWF、ECMWF AIFS、GFS、ICON、ICON-EU、GEM、GDPS、JMA、AROME HD、HRRR、NAM 等模型高温预测集中到一张表里。\n\n" +
"缺失模型会显示 —;模型中位数和分歧范围只基于已有模型值计算,方便快速发现 DEB 与多模型之间的偏离。\n\n" +
"页面支持搜索城市或模型,并提供「仅 DEB」和「分歧较大」筛选。移动端可横向滚动,首列城市固定。刷新终端后即可使用。",
},
en: {
title: "Update: Model Summary table is live",
body:
"The left terminal navigation now includes Model Summary, a city-by-city table for today's high-temperature view: current high, DEB forecast, plus ECMWF, ECMWF AIFS, GFS, ICON, ICON-EU, GEM, GDPS, JMA, AROME HD, HRRR, and NAM model highs in one workspace.\n\n" +
"The left terminal navigation now includes Model Summary, a city-by-city table for today's high-temperature view: local time, DEB forecast, plus ECMWF, ECMWF AIFS, GFS, ICON, ICON-EU, GEM, GDPS, JMA, AROME HD, HRRR, and NAM model highs in one workspace.\n\n" +
"Missing models render as —. Model median and spread are calculated only from available model values, making it easier to spot where DEB diverges from the model cluster.\n\n" +
"The page supports city or model search, plus Only DEB and Large spread filters. Mobile keeps the city column sticky with horizontal table scrolling. Refresh the terminal to use it.",
},
@@ -50,6 +50,21 @@ export function runTests() {
GFS: 38.2,
},
},
{
city: "amsterdam",
city_display_name: "Amsterdam",
trading_region_label: "West Asia / Middle East",
trading_region_label_zh: "西亚 / 中东",
trading_region_sort: 4,
temp_symbol: "°C",
current_max_so_far: 16,
deb_prediction: 17.1,
local_time: "12:11",
model_cluster_sources: {
ECMWF: 15.6,
GFS: 17.2,
},
},
] as any;
const originalFirstModelSources = rows[0].model_cluster_sources;
const summaryRows = buildModelSummaryRows(rows, false);
@@ -60,14 +75,17 @@ export function runTests() {
MODEL_SUMMARY_MODEL_COLUMNS.map((column) => column.key).includes("NAM"),
"model summary must expose the fixed model columns including optional short-range models",
);
assert(summaryRows.length === 2, "model summary should keep one row per city");
assert(summaryRows[0].cityName === "Madrid", "model summary should sort by region then city name");
assert(summaryRows[1].cityName === "Paris", "model summary should sort by region then city name");
assert(summaryRows[1].debPrediction === 31.6, "model summary should preserve DEB prediction");
assert(summaryRows[1].models.GFS === 33.4, "model summary should preserve model high temperature");
assert(summaryRows[1].models.HRRR === null, "missing models should be normalized to null");
assert(summaryRows[1].modelMedian === 32.1, "model median should use available model values only");
assert(summaryRows[1].modelSpread === 2.5, "model spread should use available model min/max only");
assert(summaryRows.length === 3, "model summary should keep one row per city");
assert(summaryRows[0].cityName === "Amsterdam", "model summary should sort by resolved region then city name");
assert(summaryRows[1].cityName === "Madrid", "model summary should sort by resolved region then city name");
assert(summaryRows[2].cityName === "Paris", "model summary should sort by resolved region then city name");
assert(summaryRows[0].regionLabel === "欧洲 / 非洲", "model summary should override stale backend timezone regions for known European cities");
assert(summaryRows[0].localTime === "12:11", "model summary should expose local time in place of current high");
assert(summaryRows[2].debPrediction === 31.6, "model summary should preserve DEB prediction");
assert(summaryRows[2].models.GFS === 33.4, "model summary should preserve model high temperature");
assert(summaryRows[2].models.HRRR === null, "missing models should be normalized to null");
assert(summaryRows[2].modelMedian === 32.1, "model median should use available model values only");
assert(summaryRows[2].modelSpread === 2.5, "model spread should use available model min/max only");
assert(formatModelSummaryTemp(null, "°C") === "—", "missing model temperatures should render as an em dash");
assert(formatModelSummaryTemp(32.16, "°C") === "32.2°C", "model temperatures should render to one decimal");
@@ -112,6 +130,10 @@ export function runTests() {
);
assert(
modelSummarySource.includes("MODEL_SUMMARY_MODEL_COLUMNS") &&
modelSummarySource.includes("Local Time") &&
modelSummarySource.includes("当地时间") &&
!modelSummarySource.includes("Current High") &&
!modelSummarySource.includes("当前最高") &&
modelSummarySource.includes("Only DEB") &&
modelSummarySource.includes("仅 DEB") &&
modelSummarySource.includes("Large spread") &&
@@ -72,6 +72,7 @@ export function runTests() {
assert(
componentSource.includes("模型汇总表上线") &&
componentSource.includes("模型汇总") &&
componentSource.includes("当地时间") &&
componentSource.includes("DEB") &&
componentSource.includes("ECMWF") &&
componentSource.includes("ECMWF AIFS") &&
@@ -90,6 +91,7 @@ export function runTests() {
assert(
componentSource.includes("Model Summary table is live") &&
componentSource.includes("city-by-city table") &&
componentSource.includes("local time") &&
componentSource.includes("DEB") &&
componentSource.includes("ECMWF") &&
componentSource.includes("ECMWF AIFS") &&