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

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

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>