feat: add reporting workflow and optimize dashboard loading

This commit is contained in:
wanghep
2026-04-18 14:46:24 +08:00
parent d661b801df
commit 8c9117ca4c
18 changed files with 834 additions and 83 deletions

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title>
<title>顶级游资监控系统</title>
</head>
<body>
<div id="app"></div>

View File

@ -0,0 +1,12 @@
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="128" height="128" rx="26" fill="#101721"/>
<rect x="14" y="14" width="100" height="100" rx="22" fill="url(#paint0_linear)"/>
<path d="M30 84L47 55L61 70L82 38L98 84H87L78 60L61 83L47 67L39 84H30Z" fill="#F5EFE4"/>
<circle cx="90" cy="40" r="7" fill="#FF5D5D"/>
<defs>
<linearGradient id="paint0_linear" x1="14" y1="14" x2="114" y2="114" gradientUnits="userSpaceOnUse">
<stop stop-color="#1A2330"/>
<stop offset="1" stop-color="#0D1117"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 616 B

View File

@ -1,5 +1,5 @@
<script setup lang="ts">
import { computed, onMounted, onUnmounted, shallowRef } from 'vue'
import { computed, onMounted, onUnmounted, shallowRef, watch } from 'vue'
import AppHero from './components/AppHero.vue'
import HomeControlScreen from './components/HomeControlScreen.vue'
@ -33,12 +33,25 @@ function syncPageFromHash() {
currentPage.value = pageFromHash()
}
async function ensurePageData(page: PageKey) {
if (dashboard.isBooting.value) return
if (page === 'trader' && dashboard.selectedTraderId.value !== null) {
await dashboard.selectTrader(dashboard.selectedTraderId.value)
}
if (page === 'stock' && dashboard.selectedStockCode.value) {
await dashboard.selectStock(dashboard.selectedStockCode.value)
}
}
function navigate(page: PageKey) {
const nextHash = `#/${page}`
if (window.location.hash !== nextHash) {
window.location.hash = nextHash
}
currentPage.value = page
void ensurePageData(page)
}
async function handleSelectTrader(traderId: number) {
@ -84,12 +97,19 @@ async function handleUnfollowStock(stockCode: string) {
onMounted(() => {
syncPageFromHash()
window.addEventListener('hashchange', syncPageFromHash)
void dashboard.initialize()
void (async () => {
await dashboard.initialize()
await ensurePageData(currentPage.value)
})()
})
onUnmounted(() => {
window.removeEventListener('hashchange', syncPageFromHash)
})
watch(currentPage, (page) => {
void ensurePageData(page)
})
</script>
<template>

View File

@ -172,11 +172,19 @@ export function useDashboardData() {
}
async function selectTrader(traderId: number) {
if (traderDetail.value?.trader.id === traderId) {
selectedTraderId.value = traderId
return
}
selectedTraderId.value = traderId
traderDetail.value = await api<TraderDetail>(`/api/traders/${traderId}`)
}
async function selectStock(stockCode: string) {
if (stockDetail.value?.stock.stock_code === stockCode) {
selectedStockCode.value = stockCode
return
}
selectedStockCode.value = stockCode
stockDetail.value = await api<StockDetail>(`/api/stocks/${encodeURIComponent(stockCode)}`)
}
@ -218,13 +226,13 @@ export function useDashboardData() {
await loadActions()
if (traderResult[0]) {
await selectTrader(traderResult[0].id)
selectedTraderId.value = traderResult[0].id
}
const preferredStockCode = watchlist.value[0]?.stock_code ?? warningResult[0]?.stock_code
if (preferredStockCode) {
selectedWarningCode.value = preferredStockCode
await selectStock(preferredStockCode)
selectedStockCode.value = preferredStockCode
}
} catch (error) {
errorMessage.value = String(error instanceof Error ? error.message : error)