195 lines
8.2 KiB
JavaScript
195 lines
8.2 KiB
JavaScript
async function loadDashboard(force = false, background = false, showOverlay = true) {
|
|
const requestedDate = elements.tradeDate.value;
|
|
if (state.dashboardLoading && state.dashboardRequestDate === requestedDate) return;
|
|
state.dashboardLoading = true;
|
|
state.dashboardRequestDate = requestedDate;
|
|
const requestSequence = ++state.dashboardRequestSequence;
|
|
if (force) stockPreviewCache.clear();
|
|
if (!background && showOverlay) {
|
|
setLoading(true, "正在加载市场数据");
|
|
setStatus("正在加载市场数据");
|
|
} else if (!background) {
|
|
setStatus("正在刷新行情");
|
|
}
|
|
try {
|
|
const query = new URLSearchParams({ trade_date: elements.tradeDate.value });
|
|
if (force) query.set("force", "1");
|
|
const payload = await apiRequest(`/api/dashboard?${query}`);
|
|
if (
|
|
requestSequence !== state.dashboardRequestSequence
|
|
|| requestedDate !== elements.tradeDate.value
|
|
) return;
|
|
applyDashboard(payload, background);
|
|
} catch (error) {
|
|
if (background) {
|
|
setStatus("实时刷新暂时中断，正在等待重试");
|
|
} else {
|
|
showToast(error.message || "无法连接本地服务");
|
|
setStatus("加载失败");
|
|
}
|
|
} finally {
|
|
if (requestSequence === state.dashboardRequestSequence) {
|
|
state.dashboardLoading = false;
|
|
state.dashboardRequestDate = "";
|
|
if (!background && showOverlay) setLoading(false);
|
|
updateDateButtons();
|
|
}
|
|
}
|
|
}
|
|
|
|
async function startAdminRefresh() {
|
|
const buttons = [document.querySelector("#syncButton"), document.querySelector("#adminRefreshButton")].filter(Boolean);
|
|
buttons.forEach((button) => { button.disabled = true; });
|
|
try {
|
|
const payload = await apiRequest("/api/admin/refresh", "POST", { trade_date: elements.tradeDate.value });
|
|
showToast(payload.message || "后台刷新已提交");
|
|
setStatus("后台刷新运行中，当前页面保持不变");
|
|
} catch (error) {
|
|
showToast(error.message || "后台刷新启动失败");
|
|
} finally {
|
|
buttons.forEach((button) => { button.disabled = false; });
|
|
}
|
|
}
|
|
|
|
function applyDashboard(payload, background = false) {
|
|
state.dashboard = payload;
|
|
const selectedDate = payload.meta.requested_date || payload.meta.trade_date;
|
|
elements.tradeDate.value = selectedDate;
|
|
document.querySelector("#qiObservationDate").value = selectedDate;
|
|
document.querySelector("#journalDate").value = selectedDate;
|
|
renderDashboard();
|
|
setStatus(`${dashboardSourceLabel(payload.meta)} · 数据已更新`);
|
|
if (!background) {
|
|
if (state.activeView === "dragonView") loadDragonTiger();
|
|
if (state.activeView === "screenerView") loadScreenerSetup();
|
|
if (state.activeView === "screenerTrackingView") loadScreenerTracking(true);
|
|
if (state.activeView === "mentorView") loadMentorSetup(true);
|
|
if (state.activeView === "heavenView") loadHeavenSetup(true);
|
|
if (state.activeView === "sentimentCycleView") loadSentimentHistory(true);
|
|
if (state.activeView === "rotationView") loadRotationHistory(true);
|
|
if (state.activeView === "auctionView") loadAuctionCenter(true);
|
|
if (state.activeView === "themeLibraryView") loadThemeLibrary(true);
|
|
if (state.activeView === "popularityView") loadPopularity(true);
|
|
}
|
|
const requestedStock = new URLSearchParams(window.location.search).get("stock");
|
|
if (!state.initialStockOpened && /^\d{6}$/.test(requestedStock || "")) {
|
|
state.initialStockOpened = true;
|
|
openStock(requestedStock);
|
|
}
|
|
}
|
|
|
|
function dashboardSourceLabel(meta = {}) {
|
|
if (meta.realtime && !["closed", "after_hours"].includes(String(meta.market_status || ""))) return "盘中行情";
|
|
if (meta.carried_forward) return "最近收盘行情";
|
|
if (meta.market_status === "historical") return "历史行情";
|
|
return "收盘行情";
|
|
}
|
|
|
|
function renderDashboard() {
|
|
const { meta, overview, ladders, sectors } = state.dashboard;
|
|
animateMetric("tapeUp", overview.up_count, (value) => Math.round(value));
|
|
animateMetric("tapeDown", overview.down_count, (value) => Math.round(value));
|
|
setText("tapeLimit", `${overview.limit_up_count} / 跌停 ${overview.limit_down_count}`);
|
|
animateMetric("tapeAmount", overview.amount_billion, (value) => `${formatNumber(value, 1)} 亿`);
|
|
animateMetric("limitUpMetric", overview.limit_up_count, (value) => `${Math.round(value)} 家`);
|
|
animateMetric("limitDownMetric", overview.limit_down_count, (value) => `${Math.round(value)} 家`);
|
|
animateMetric("brokenMetric", overview.broken_count, (value) => `${Math.round(value)} 家`);
|
|
animateMetric("sealRateMetric", overview.seal_rate, (value) => `${formatNumber(value, 1)}%`);
|
|
animateMetric("amountMetric", overview.amount_billion, (value) => `${formatNumber(value, 1)} 亿`);
|
|
setText("dataDateMetric", dashboardDataTimestamp(meta));
|
|
animateMetric("sentimentScore", overview.sentiment_score, (value) => Math.round(value));
|
|
setText("sentimentText", sentimentLabel(overview.sentiment_score));
|
|
updateSentimentGauge(overview.sentiment_score);
|
|
setText("updatedAt", `${dashboardSourceLabel(meta)} · 更新 ${formatTimestamp(meta.updated_at)}`);
|
|
|
|
renderLimitTable();
|
|
renderLadderMini(ladders || []);
|
|
renderSectorMini(sectors || []);
|
|
renderBrokenTable(state.dashboard.broken || []);
|
|
renderDownTable(state.dashboard.down_limits || []);
|
|
renderYesterdayTable(state.dashboard.yesterday_limits || []);
|
|
renderPerformance(state.dashboard.limit_performance || []);
|
|
renderLadderBoard(ladders || []);
|
|
renderRotationMembers();
|
|
}
|
|
|
|
|
|
function shiftDate(delta) {
|
|
const current = parseLocalDate(elements.tradeDate.value);
|
|
current.setDate(current.getDate() + delta);
|
|
const next = localDateString(current);
|
|
if (next > todayString()) return;
|
|
elements.tradeDate.value = next;
|
|
state.heavenManualData = null;
|
|
document.querySelector("#qiObservationDate").value = next;
|
|
loadDashboard();
|
|
}
|
|
|
|
function updateDateButtons() {
|
|
document.querySelector("#nextDate").disabled = elements.tradeDate.value >= todayString();
|
|
}
|
|
|
|
|
|
|
|
function sentimentLabel(score) {
|
|
const value = number(score);
|
|
if (value >= 80) return "情绪高涨";
|
|
if (value >= 60) return "情绪偏强";
|
|
if (value >= 40) return "情绪中性";
|
|
if (value >= 20) return "情绪偏弱";
|
|
return "情绪冰点";
|
|
}
|
|
|
|
|
|
function dashboardDataTimestamp(meta = {}) {
|
|
const tradeDate = displayCompactDate(meta.trade_date);
|
|
if (tradeDate === "--") return "--";
|
|
const intraday = tradeDate === todayString() && Boolean(meta.realtime) && !["closed", "after_hours"].includes(String(meta.market_status || ""));
|
|
if (intraday) {
|
|
const updated = new Date(meta.updated_at);
|
|
if (!Number.isNaN(updated.getTime())) {
|
|
const dateText = `${updated.getFullYear()}-${String(updated.getMonth() + 1).padStart(2, "0")}-${String(updated.getDate()).padStart(2, "0")}`;
|
|
const timeText = updated.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit", hour12: false });
|
|
return `${dateText} ${timeText}`;
|
|
}
|
|
}
|
|
return `${tradeDate} 15:00`;
|
|
}
|
|
|
|
|
|
function updateSentimentGauge(rawScore) {
|
|
const gauge = document.querySelector("#sentimentGauge");
|
|
if (!gauge) return;
|
|
const score = clamp(rawScore, 0, 100);
|
|
const previous = Number(gauge.dataset.score);
|
|
gauge.dataset.score = String(score);
|
|
gauge.style.setProperty("--score", score);
|
|
if (!motionEnabled() || !Number.isFinite(previous) || Math.abs(previous - score) < 15) return;
|
|
gauge.classList.remove("sentiment-pulse");
|
|
void gauge.offsetWidth;
|
|
gauge.classList.add("sentiment-pulse");
|
|
gauge.addEventListener("animationend", () => gauge.classList.remove("sentiment-pulse"), { once: true });
|
|
}
|
|
|
|
function bindDashboardEvents() {
|
|
document.querySelector("#refreshButton").addEventListener("click", async (event) => {
|
|
const button = event.currentTarget;
|
|
button.disabled = true;
|
|
try {
|
|
await loadDashboard(false, false, false);
|
|
} finally {
|
|
button.disabled = false;
|
|
}
|
|
});
|
|
document.querySelector("#syncButton").addEventListener("click", startAdminRefresh);
|
|
elements.tradeDate.addEventListener("change", () => {
|
|
state.dashboardRequestSequence += 1;
|
|
state.heavenRequestSequence += 1;
|
|
state.heavenManualData = null;
|
|
document.querySelector("#qiObservationDate").value = elements.tradeDate.value;
|
|
loadDashboard();
|
|
});
|
|
document.querySelector("#prevDate").addEventListener("click", () => shiftDate(-1));
|
|
document.querySelector("#nextDate").addEventListener("click", () => shiftDate(1));
|
|
}
|