From fd1c1c7330ee4fa7299a6396248ae965e94109df Mon Sep 17 00:00:00 2001
From: fish <zhongpengapp@hotmail.com>
Date: Sun, 3 May 2026 16:14:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E7=BA=A6=E4=BF=A1=E6=81=AF=E6=8B=86?=
 =?UTF-8?q?=E5=88=86=E4=B8=BA=E5=93=81=E7=A7=8D=E5=92=8C=E5=90=88=E7=BA=A6?=
 =?UTF-8?q?=E4=B8=A4=E4=B8=AA=E5=B1=95=E7=A4=BA=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 web/frontend/src/components/ScoreDetailDrawer.vue |  4 +++-
 web/frontend/src/utils/contract.ts                |  7 +++++++
 web/frontend/src/views/RunView.vue                |  4 +++-
 web/frontend/src/views/ScoresView.vue             | 12 +++++++++++-
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 web/frontend/src/utils/contract.ts

diff --git a/web/frontend/src/components/ScoreDetailDrawer.vue b/web/frontend/src/components/ScoreDetailDrawer.vue
index 7fe3667..cc58ab2 100644
--- a/web/frontend/src/components/ScoreDetailDrawer.vue
+++ b/web/frontend/src/components/ScoreDetailDrawer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { getScore, type Score } from '@/api/scores'
+import { parseTsCode } from '@/utils/contract'
 
 const props = defineProps<{ scoreId: number | null }>()
 const emit = defineEmits<{ (e: 'close'): void }>()
@@ -36,7 +37,8 @@ watch(
   <el-drawer v-model="visible" title="打分明细" size="640px" destroy-on-close>
     <div v-loading="loading" v-if="score">
       <el-descriptions :column="2" border>
-        <el-descriptions-item label="合约">{{ score.ts_code }}</el-descriptions-item>
+        <el-descriptions-item label="品种">{{ parseTsCode(score.ts_code).symbol }}</el-descriptions-item>
+        <el-descriptions-item label="合约">{{ parseTsCode(score.ts_code).contract }}</el-descriptions-item>
         <el-descriptions-item label="日期">{{ score.trade_date }}</el-descriptions-item>
         <el-descriptions-item label="收盘">{{ score.close }}</el-descriptions-item>
         <el-descriptions-item label="持仓">{{ score.oi }}</el-descriptions-item>
diff --git a/web/frontend/src/utils/contract.ts b/web/frontend/src/utils/contract.ts
new file mode 100644
index 0000000..2ea080c
--- /dev/null
+++ b/web/frontend/src/utils/contract.ts
@@ -0,0 +1,7 @@
+export function parseTsCode(tsCode: string): { symbol: string; contract: string } {
+  const m = tsCode.match(/^([A-Za-z]+)(\d{4})\.[A-Z]+$/)
+  if (!m) {
+    return { symbol: tsCode, contract: '' }
+  }
+  return { symbol: m[1], contract: m[2] }
+}
diff --git a/web/frontend/src/views/RunView.vue b/web/frontend/src/views/RunView.vue
index f00927e..407ae1a 100644
--- a/web/frontend/src/views/RunView.vue
+++ b/web/frontend/src/views/RunView.vue
@@ -3,6 +3,7 @@ import { onMounted, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import { listContracts } from '@/api/scores'
 import { runPipeline, type RunResponse } from '@/api/run'
+import { parseTsCode } from '@/utils/contract'
 
 const SYMBOLS = ['FG', 'SA', 'RB', 'MA', 'CF', 'M']
 
@@ -112,7 +113,8 @@ onMounted(async () => {
         <span>打分结果</span>
       </template>
       <el-descriptions :column="2" border>
-        <el-descriptions-item label="合约">{{ result.ts_code }}</el-descriptions-item>
+        <el-descriptions-item label="品种">{{ parseTsCode(result.ts_code).symbol }}</el-descriptions-item>
+        <el-descriptions-item label="合约">{{ parseTsCode(result.ts_code).contract }}</el-descriptions-item>
         <el-descriptions-item label="日期">{{ result.trade_date }}</el-descriptions-item>
         <el-descriptions-item label="收盘">{{ result.close }}</el-descriptions-item>
         <el-descriptions-item label="持仓">{{ result.oi }}</el-descriptions-item>
diff --git a/web/frontend/src/views/ScoresView.vue b/web/frontend/src/views/ScoresView.vue
index b32bdc3..d6a8ae9 100644
--- a/web/frontend/src/views/ScoresView.vue
+++ b/web/frontend/src/views/ScoresView.vue
@@ -2,6 +2,7 @@
 import { onMounted, reactive, ref } from 'vue'
 import { listContracts, listScores, type Score } from '@/api/scores'
 import ScoreDetailDrawer from '@/components/ScoreDetailDrawer.vue'
+import { parseTsCode } from '@/utils/contract'
 
 const filter = reactive<{ ts_code?: string; range: [string, string] | []; limit: number }>({
   ts_code: undefined,
@@ -79,7 +80,16 @@ onMounted(async () => {
 
     <el-table :data="rows" v-loading="loading" stripe class="score-table">
       <el-table-column prop="trade_date" label="日期" width="100" />
-      <el-table-column prop="ts_code" label="合约" width="140" />
+      <el-table-column label="品种" width="80">
+        <template #default="{ row }">
+          {{ parseTsCode(row.ts_code).symbol }}
+        </template>
+      </el-table-column>
+      <el-table-column label="合约" width="80">
+        <template #default="{ row }">
+          {{ parseTsCode(row.ts_code).contract }}
+        </template>
+      </el-table-column>
       <el-table-column prop="close" label="收盘" width="90" />
       <el-table-column prop="oi" label="持仓" width="100" />
       <el-table-column prop="oi_chg" label="持仓变化" width="100" />