From 2e50fff3239ea1724cc105e8365ff262c05fc309 Mon Sep 17 00:00:00 2001
From: lz-ui <lz-ui@jczxw.cn>
Date: Tue, 21 Oct 2025 14:38:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E4=BD=93=E5=BD=A9?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tc/eventAnalysisReport/detail.vue | 148 +++++++++++---------
 1 file changed, 82 insertions(+), 66 deletions(-)

diff --git a/src/views/tc/eventAnalysisReport/detail.vue b/src/views/tc/eventAnalysisReport/detail.vue
index 156c0f3..76c389d 100644
--- a/src/views/tc/eventAnalysisReport/detail.vue
+++ b/src/views/tc/eventAnalysisReport/detail.vue
@@ -16,7 +16,7 @@
 							<span>赛事分析 {{ data && data.matchCode }}</span>
 						</div>
 					</template>
-					<div class="body">
+					<div class="body" v-if="isCustom">
 						<h3>1.比赛基础信息</h3>
 						<el-table v-loading="loading" :data="basicList" :show-header="false" border>
 							<el-table-column label="比赛编号" prop="name" :show-overflow-tooltip="true" />
@@ -38,7 +38,14 @@
 							<el-table-column label="预测结果" width="220" prop="prediction" :show-overflow-tooltip="true" />
 							<el-table-column label="分析依据" prop="analysis" :show-overflow-tooltip="true" />
 						</el-table>
-
+					</div>
+					<div v-else class="body">
+						<MdPreview 
+							ref="editorRef" 
+							editorId="preview-only" 
+							:modelValue="data.report"
+							class="maxkb-md" 
+						/>
 					</div>
 				</el-card>
 			</el-col>
@@ -52,6 +59,7 @@
 
 <script setup name="EventAnalysisReportDetail">
 import { detail } from '@/api/tc/eventAnalysisReport'
+import MdPreview from '@/components/Markdown/MdPreview'
 import { timerToStr } from '@/utils/timer'
 import { computed } from 'vue'
 const route = useRoute()
@@ -72,6 +80,8 @@ const loading = ref(false)
 const basicList = ref([])
 const influencingList = ref([])
 const coreList = ref([])
+const skipType = ['HONG_F', 'HONG_B'] // 红单专家md渲染，其他自定义表格渲染
+const isCustom = computed(() => !skipType.includes(route.query.modelType)) //  false: md渲染  true: 自定义表格渲染
 
 function getDetail() {
 	loading.value = true
@@ -79,70 +89,76 @@ function getDetail() {
 		data.value = res.data
 		if (res.data.report) {
 			try {
-				const matchDateTime = timerToStr(res.data.matchInfo.matchDateTime, 'YYYY-MM-DD HH:mm')
-				const matchCode = res.data.matchCode
-				const report = JSON.parse(res.data.report)
-				const { keyFactors, matchInfo, predictions } = report
-				// 1.比赛基础信息
-				basicList.value = [
-					{
-						name: "比赛编号",
-						value: matchCode
-					},
-					{
-						name: "主队",
-						value: matchInfo.homeTeam
-					},
-					{
-						name: "客队",
-						value: matchInfo.awayTeam
-					},
-					{
-						name: "时间",
-						value: matchDateTime
-					}
-				]
-				// 2.关键影响因素
-				influencingList.value = keyFactors
-				// 3.核心预测结果
-				coreList.value = [
-					{
-						"name": "最终赛果",
-						"key": "result_final",
-						"prediction": predictions.result_final.prediction,
-						"analysis": predictions.result_final.analysis
-					},
-					{
-						"name": "让球结果",
-						"key": "result_handicap",
-						"prediction": predictions.result_handicap.prediction,
-						"analysis": predictions.result_handicap.analysis
-					},
-					{
-						"name": "比分预测",
-						"key": "score_prediction",
-						"prediction": predictions.score_prediction.prediction,
-						"analysis": predictions.score_prediction.analysis
-					},
-					{
-						"name": "总进球数",
-						"key": "total_goals",
-						"prediction": predictions.total_goals.prediction,
-						"analysis": predictions.total_goals.analysis
-					},
-					{
-						"name": "半全场赛果",
-						"key": "half_full_time",
-						"prediction": predictions.half_full_time.prediction,
-						"analysis": predictions.half_full_time.analysis
-					},
-					{
-						"name": "亚洲盘口",
-						"key": "asian_handicap",
-						"prediction": predictions.asian_handicap.prediction,
-						"analysis": predictions.asian_handicap.analysis
-					},
-				]
+				if(isCustom.value) {
+					// 自定义表格渲染
+					const matchDateTime = timerToStr(res.data.matchInfo.matchDateTime, 'YYYY-MM-DD HH:mm')
+					const matchCode = res.data.matchCode
+					const report = JSON.parse(res.data.report)
+					const { keyFactors, matchInfo, predictions } = report
+					// 1.比赛基础信息
+					basicList.value = [
+						{
+							name: "比赛编号",
+							value: matchCode
+						},
+						{
+							name: "主队",
+							value: matchInfo.homeTeam
+						},
+						{
+							name: "客队",
+							value: matchInfo.awayTeam
+						},
+						{
+							name: "时间",
+							value: matchDateTime
+						}
+					]
+					// 2.关键影响因素
+					influencingList.value = keyFactors
+					// 3.核心预测结果
+					coreList.value = [
+						{
+							"name": "最终赛果",
+							"key": "result_final",
+							"prediction": predictions.result_final.prediction,
+							"analysis": predictions.result_final.analysis
+						},
+						{
+							"name": "让球结果",
+							"key": "result_handicap",
+							"prediction": predictions.result_handicap.prediction,
+							"analysis": predictions.result_handicap.analysis
+						},
+						{
+							"name": "比分预测",
+							"key": "score_prediction",
+							"prediction": predictions.score_prediction.prediction,
+							"analysis": predictions.score_prediction.analysis
+						},
+						{
+							"name": "总进球数",
+							"key": "total_goals",
+							"prediction": predictions.total_goals.prediction,
+							"analysis": predictions.total_goals.analysis
+						},
+						{
+							"name": "半全场赛果",
+							"key": "half_full_time",
+							"prediction": predictions.half_full_time.prediction,
+							"analysis": predictions.half_full_time.analysis
+						},
+						{
+							"name": "亚洲盘口",
+							"key": "asian_handicap",
+							"prediction": predictions.asian_handicap.prediction,
+							"analysis": predictions.asian_handicap.analysis
+						},
+					]
+				} else {
+					// md渲染
+				}
+				
 			} catch (error) {
 				console.log(error)
 			}