feat: add reporting workflow and optimize dashboard loading
This commit is contained in:
@ -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>
|
||||
|
||||
12
frontend/public/favicon.svg
Normal file
12
frontend/public/favicon.svg
Normal 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 |
@ -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>
|
||||
|
||||
@ -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)
|
||||
|
||||
Reference in New Issue
Block a user