2569718930@qq.com
79 lines
2.9 KiB
TypeScript
79 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
import { useDashboardStore } from "@/hooks/useDashboardStore";
|
|
|
|
const GUIDE_CARDS = [
|
|
{
|
|
body: "Dynamic Ensemble Blending 是系统的核心预测层。它不是对 ECMWF、GFS、ICON、GEM、JMA 等模型的简单平均，而是结合近期样本表现、当前实况与城市偏置后得到的动态加权结果。",
|
|
title: "DEB 动态融合预测",
|
|
},
|
|
{
|
|
body: "右侧的结算概率分布基于 DEB 预测值与多模型离散度动态计算。μ 代表当前分布中心，会随着模型、实况和时间变化而变化，不是固定结算值。",
|
|
title: "结算概率引擎",
|
|
},
|
|
{
|
|
body: "Polymarket 结算逻辑以机场 METAR 为主。系统优先使用 Aviation Weather API 的机场报文与原始 METAR，并区分观测时间与接收时间，避免把发布延迟误认为温度变化。",
|
|
title: "结算点与主观测源",
|
|
},
|
|
{
|
|
body: "Ankara 不走通用城市逻辑。结算主站以 LTAC / Esenboğa 为准，周边领先信号优先参考 Turkish MGM 站网，其中 Ankara (Bölge/Center) 是重点监控站，不用 Etimesgut 代替。",
|
|
title: "Ankara 专属增强",
|
|
},
|
|
{
|
|
body: "点击多日预报后的模态框，主要用于分析下一个交易日。6-48 小时趋势以 weather.gov 和 Open-Meteo 为主，部分城市补充 Meteoblue；0-2 小时临近判断优先看 METAR 与周边站。",
|
|
title: "未来日期分析",
|
|
},
|
|
{
|
|
body: "历史准确率对账只统计已结算样本。网页端采用近 15 天滚动视图，不把当天尚未结算的样本算入胜率和 MAE。",
|
|
title: "历史对账规则",
|
|
},
|
|
];
|
|
|
|
export function GuideModal() {
|
|
const store = useDashboardStore();
|
|
|
|
if (!store.isGuideOpen) return null;
|
|
|
|
return (
|
|
<div
|
|
className="modal-overlay"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="guide-modal-title"
|
|
onClick={(event) => {
|
|
if (event.target === event.currentTarget) {
|
|
store.closeGuide();
|
|
}
|
|
}}
|
|
>
|
|
<div className="modal-content large">
|
|
<div className="modal-header">
|
|
<h2 id="guide-modal-title">📎 PolyWeather 系统技术说明</h2>
|
|
<button
|
|
type="button"
|
|
className="modal-close"
|
|
aria-label="关闭技术说明"
|
|
onClick={store.closeGuide}
|
|
>
|
|
✕
|
|
</button>
|
|
</div>
|
|
<div className="modal-body">
|
|
<div className="guide-grid">
|
|
{GUIDE_CARDS.map((card) => (
|
|
<div key={card.title} className="guide-card">
|
|
<h3>{card.title}</h3>
|
|
<p>{card.body}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
<div className="guide-footer">
|
|
数据源以 Aviation Weather / METAR、Turkish MGM、Open-Meteo、weather.gov
|
|
为主，部分城市补充 Meteoblue。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|