From ddc527b39c686c20d626cc15602067ff517ea3a3 Mon Sep 17 00:00:00 2001
From: claude_dev <claude-dev@sanguo.local>
Date: Tue, 7 Jul 2026 15:33:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20Result=20=E8=BD=AE=E8=AF=A2(runnin?=
 =?UTF-8?q?g=E6=AF=8F3s)+=E7=8A=B6=E6=80=81=E6=8F=90=E7=A4=BA,=20New=20?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=20DoubleMaStrategy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/paper/New.vue    |  2 +-
 frontend/src/views/paper/Result.vue | 40 ++++++++++++++++++++++++++---
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/paper/New.vue b/frontend/src/views/paper/New.vue
index 5776abb..88586fd 100644
--- a/frontend/src/views/paper/New.vue
+++ b/frontend/src/views/paper/New.vue
@@ -10,7 +10,7 @@ const form = ref<PaperCreate>({
   mode: 'replay',
   interval: 'd',
   symbols: ['600000'],
-  strategies: [{ name: 'DoubleMa', params: {}, match_session: 'next_open', symbol: '600000' }],
+  strategies: [{ name: 'DoubleMaStrategy', params: { fast_window: 5, slow_window: 10 }, match_session: 'next_open', symbol: '600000' }],
   initial_capital: 1_000_000,
   start: '2024-01-01',
   end: '2024-06-30',
diff --git a/frontend/src/views/paper/Result.vue b/frontend/src/views/paper/Result.vue
index c97c22e..41761ca 100644
--- a/frontend/src/views/paper/Result.vue
+++ b/frontend/src/views/paper/Result.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { useRoute } from 'vue-router'
 import {
-  getEquity, getTrades, getStrategies,
+  getEquity, getTrades, getStrategies, getPaper,
   type BalancePoint, type PaperTrade, type StrategySummary,
 } from '@/api/paper'
 
@@ -11,11 +11,33 @@ const aid = Number(route.params.id)
 const equity = ref<BalancePoint[]>([])
 const trades = ref<PaperTrade[]>([])
 const strategies = ref<StrategySummary[]>([])
+const status = ref<string>('')
+let timer: ReturnType<typeof setInterval> | null = null
 
-onMounted(async () => {
+async function load(): Promise<void> {
+  try {
+    const acc = await getPaper(aid)
+    status.value = acc.status
+  } catch {
+    /* ignore */
+  }
   equity.value = await getEquity(aid)
   trades.value = await getTrades(aid)
   strategies.value = await getStrategies(aid)
+}
+
+onMounted(() => {
+  void load()
+  timer = setInterval(async () => {
+    if (status.value === 'done' || status.value === 'failed') {
+      if (timer) clearInterval(timer)
+      return
+    }
+    await load()
+  }, 3000)
+})
+onUnmounted(() => {
+  if (timer) clearInterval(timer)
 })
 
 function rowClass({ row }: { row: PaperTrade }): string {
@@ -25,6 +47,18 @@ function rowClass({ row }: { row: PaperTrade }): string {
 
 <template>
   <div>
+    <el-alert
+      v-if="status === 'running' || status === 'pending' || status === 'created'"
+      type="info"
+      :closable="false"
+      style="margin-bottom: 16px"
+    >
+      回放进行中（{{ status }}）…每 3 秒刷新，完成自动停止
+    </el-alert>
+    <el-alert v-else-if="status === 'failed'" type="error" :closable="false" style="margin-bottom: 16px">
+      回放失败
+    </el-alert>
+
     <el-card header="账户净值" style="margin-bottom: 16px">
       <el-table :data="equity" size="small" max-height="240">
         <el-table-column prop="date" label="日期" />