总基地数
- {TOTAL_BASES}
+ {stats.total}
diff --git a/src/components/HeaderPanel.tsx b/src/components/HeaderPanel.tsx
index 1255852..b25b138 100644
--- a/src/components/HeaderPanel.tsx
+++ b/src/components/HeaderPanel.tsx
@@ -1,13 +1,29 @@
import { useState, useEffect } from 'react'
import { StatCard } from './StatCard'
import { useSituationStore } from '@/store/situationStore'
+import { fetchAndSetSituation } from '@/store/situationStore'
import { useStatsStore } from '@/store/statsStore'
import { useReplaySituation } from '@/hooks/useReplaySituation'
import { usePlaybackStore } from '@/store/playbackStore'
-import { Wifi, WifiOff, Clock, Share2, Heart, Eye, MessageSquare } from 'lucide-react'
+import { Wifi, WifiOff, Clock, Share2, Heart, Eye, MessageSquare, RefreshCw } from 'lucide-react'
const STORAGE_LIKES = 'us-iran-dashboard-likes'
-// 冲突时长显示在 TimelinePanel（数据回放栏）内
+// 开发环境下每标签一个 viewer-id，便于本地验证「在看」开/关标签变化
+const getViewerId = (): string | undefined => {
+ if (typeof import.meta !== 'undefined' && import.meta.env?.DEV && typeof crypto?.randomUUID === 'function') {
+ try {
+ let id = sessionStorage.getItem('us-iran-viewer-id')
+ if (!id) {
+ id = crypto.randomUUID()
+ sessionStorage.setItem('us-iran-viewer-id', id)
+ }
+ return id
+ } catch {
+ return undefined
+ }
+ }
+ return undefined
+}
function getStoredLikes(): number {
try {
@@ -35,6 +51,7 @@ export function HeaderPanel() {
const [feedbackText, setFeedbackText] = useState('')
const [feedbackSending, setFeedbackSending] = useState(false)
const [feedbackDone, setFeedbackDone] = useState(false)
+ const [refreshing, setRefreshing] = useState(false)
useEffect(() => {
const timer = setInterval(() => setNow(new Date()), 1000)
@@ -43,7 +60,10 @@ export function HeaderPanel() {
const fetchStats = async () => {
try {
- const res = await fetch('/api/visit', { method: 'POST' })
+ const headers: HeadersInit = {}
+ const vid = getViewerId()
+ if (vid) headers['X-Viewer-Id'] = vid
+ const res = await fetch('/api/visit', { method: 'POST', headers })
const data = await res.json()
setStats({
viewers: data.viewers,
@@ -58,7 +78,7 @@ export function HeaderPanel() {
useEffect(() => {
fetchStats()
- const t = setInterval(fetchStats, 30000)
+ const t = setInterval(fetchStats, 15000)
return () => clearInterval(t)
}, [])
@@ -178,7 +198,7 @@ export function HeaderPanel() {
在看 {viewers}
|
- 累积 {cumulative}
+ 看过 {cumulative}
点赞 {likes > 0 &&
{likes}}
+
{isConnected ? : }
{isConnected ? '实时' : '已断开'}
diff --git a/vite.config.ts b/vite.config.ts
index a3f8606..08efb0f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -19,8 +19,15 @@ export default defineConfig({
'/ws': {
target: 'ws://localhost:3001',
ws: true,
+ changeOrigin: true,
configure: (proxy) => {
proxy.on('error', () => {}) // 后端未启动时静默失败
+ // 抑制关标签/刷新时代理底层 socket 的 ECONNRESET，避免刷屏
+ proxy.on('proxyReqWs', (proxyReq, req, socket, head) => {
+ socket?.on?.('error', () => {})
+ const out = (proxyReq as { socket?: { on?: (e: string, fn: () => void) => void } })?.socket
+ out?.on?.('error', () => {})
+ })
},
},
},