合约信息拆分为品种和合约两个展示字段

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

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" />