diff --git a/src/views/tc/eventAnalysisReport/basketball.vue b/src/views/tc/eventAnalysisReport/components/basketball.vue
similarity index 88%
rename from src/views/tc/eventAnalysisReport/basketball.vue
rename to src/views/tc/eventAnalysisReport/components/basketball.vue
index 9c080cb..e8a23a2 100644
--- a/src/views/tc/eventAnalysisReport/basketball.vue
+++ b/src/views/tc/eventAnalysisReport/components/basketball.vue
@@ -26,11 +26,11 @@
 
 		<!-- 表格数据 -->
 		<el-table v-loading="loading" :data="roleList">
-			<el-table-column label="赛事编号" prop="awayTeamCode" width="120" />
-			<el-table-column label="联赛" prop="awayTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="客队" prop="awayTeamAllName" width="100" />
-			<el-table-column label="固定奖金" prop="matchId" width="80">
+			<el-table-column label="赛事编号" prop="awayTeamCode" />
+			<el-table-column label="联赛" prop="awayTeamAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="客队" prop="awayTeamAllName"  />
+			<el-table-column label="固定奖金" prop="matchId" >
 				<template #default="scope">
 					<el-button link type="primary" @click="handleJumpLink(scope.row)">查看</el-button>
 				</template>
@@ -40,7 +40,7 @@
 					<span>{{ parseTime(scope.row.matchDateTime) }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="比赛状态" prop="matchStatus" width="100" />
+			<el-table-column label="比赛状态" prop="matchStatus" />
 			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template #default="scope">
 					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
@@ -96,6 +96,16 @@ function handleJumpLink(row) {
 	jumpLink(row.matchId, 2)
 }
 
+/** 查看详情 */
+function handleView(row) {
+	router.push({
+		path: '/tc/eventAnalysisReport/detail',
+		query: {
+			id: row.matchId
+		}
+	})
+}
+
 /** 查询角色列表 */
 function getList() {
 	loading.value = true
@@ -120,5 +130,8 @@ function resetQuery() {
 	handleQuery()
 }
 
-getList()
+onMounted(() => {
+	getList()
+})
+
 </script>
diff --git a/src/views/tc/eventAnalysisReport/soccer.vue b/src/views/tc/eventAnalysisReport/components/soccer.vue
similarity index 89%
rename from src/views/tc/eventAnalysisReport/soccer.vue
rename to src/views/tc/eventAnalysisReport/components/soccer.vue
index f768c51..bc76fed 100644
--- a/src/views/tc/eventAnalysisReport/soccer.vue
+++ b/src/views/tc/eventAnalysisReport/components/soccer.vue
@@ -29,11 +29,11 @@
 
 		<!-- 表格数据 -->
 		<el-table v-loading="loading" :data="roleList">
-			<el-table-column label="赛事编号" prop="awayTeamCode" width="120" />
-			<el-table-column label="联赛" prop="leagueAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="客队" prop="awayTeamAbbName" width="100" />
-			<el-table-column label="固定奖金" prop="matchId" width="80">
+			<el-table-column label="赛事编号" prop="awayTeamCode" />
+			<el-table-column label="联赛" prop="leagueAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="客队" prop="awayTeamAbbName" />
+			<el-table-column label="固定奖金" prop="matchId">
 				<template #default="scope">
 					<el-button link type="primary" @click="handleJumpLink(scope.row)">查看</el-button>
 				</template>
@@ -43,7 +43,7 @@
 					<span>{{ parseTime(scope.row.matchDateTime) }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="比赛状态" prop="matchStatus" width="100" />
+			<el-table-column label="比赛状态" prop="matchStatus" />
 			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template #default="scope">
 					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
@@ -103,6 +103,16 @@ function handleJumpLink(row) {
 	jumpLink(row.matchId, 1)
 }
 
+/** 查看详情 */
+function handleView(row) {
+	router.push({
+		path: '/tc/eventAnalysisReport/detail',
+		query: {
+			id: row.matchId
+		}
+	})
+}
+
 /** 查询角色列表 */
 function getList() {
 	loading.value = true
@@ -127,5 +137,7 @@ function resetQuery() {
 	handleQuery()
 }
 
-getList()
+onMounted(() => {
+	getList()
+})
 </script>
diff --git a/src/views/tc/eventAnalysisReport/detail.vue b/src/views/tc/eventAnalysisReport/detail.vue
new file mode 100644
index 0000000..4d79b84
--- /dev/null
+++ b/src/views/tc/eventAnalysisReport/detail.vue
@@ -0,0 +1,48 @@
+<template>
+	<div class="app-container" v-loading="loading">
+		<el-row :gutter="20">
+			<el-col :xs="24" :sm="24" :md="24" :lg="24">
+				<el-card class="update-log">
+					<template v-slot:header>
+						<div class="clearfix">
+							<span>赛事分析 {{ data && data.reportTime }}</span>
+						</div>
+					</template>
+					<div class="body">
+						<p v-if="!loading && data && data.report">
+							{{ data && data.report }}
+						</p>
+						<el-empty v-else description="暂无数据"></el-empty>
+					</div>
+				</el-card>
+			</el-col>
+		</el-row>
+	</div>
+</template>
+
+<script setup name="EventAnalysisReportDetail">
+import { reportDetail } from '@/api/tc/eventAnalysisReport'
+const route = useRoute()
+
+const id = ref(0)
+const data = ref({})
+const loading = ref(false)
+
+function getDetail() {
+	loading.value = true
+	reportDetail(id.value).then(res => {
+		data.value = res.data
+	}).finally(() => {
+		loading.value = false
+	})
+}
+
+onMounted(() => {
+	if (route.query.id) {
+		id.value = route.query.id
+		getDetail()
+	}
+})
+
+
+</script>
diff --git a/src/views/tc/eventAnalysisReport/index.vue b/src/views/tc/eventAnalysisReport/index.vue
index af0667b..b9c3ef3 100644
--- a/src/views/tc/eventAnalysisReport/index.vue
+++ b/src/views/tc/eventAnalysisReport/index.vue
@@ -9,8 +9,8 @@
 
 <script setup name="EventAnalysisReport">
 import { ref } from 'vue'
-import soccer from './soccer.vue'
-import basketball from './basketball.vue'
+import soccer from './components/soccer.vue'
+import basketball from './components/basketball.vue'
 
 const activeName = ref('soccer')
 const handleClick = (tab, event) => {
diff --git a/src/views/tc/videoScript/basketball.vue b/src/views/tc/videoScript/components/basketball.vue
similarity index 88%
rename from src/views/tc/videoScript/basketball.vue
rename to src/views/tc/videoScript/components/basketball.vue
index 9c080cb..6f5475b 100644
--- a/src/views/tc/videoScript/basketball.vue
+++ b/src/views/tc/videoScript/components/basketball.vue
@@ -26,11 +26,11 @@
 
 		<!-- 表格数据 -->
 		<el-table v-loading="loading" :data="roleList">
-			<el-table-column label="赛事编号" prop="awayTeamCode" width="120" />
-			<el-table-column label="联赛" prop="awayTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="客队" prop="awayTeamAllName" width="100" />
-			<el-table-column label="固定奖金" prop="matchId" width="80">
+			<el-table-column label="赛事编号" prop="awayTeamCode" />
+			<el-table-column label="联赛" prop="awayTeamAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" />
+			<el-table-column label="客队" prop="awayTeamAllName"/>
+			<el-table-column label="固定奖金" prop="matchId" >
 				<template #default="scope">
 					<el-button link type="primary" @click="handleJumpLink(scope.row)">查看</el-button>
 				</template>
@@ -40,7 +40,7 @@
 					<span>{{ parseTime(scope.row.matchDateTime) }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="比赛状态" prop="matchStatus" width="100" />
+			<el-table-column label="比赛状态" prop="matchStatus"/>
 			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template #default="scope">
 					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
@@ -59,6 +59,7 @@
 <script setup name="Role">
 import { bbInfo } from "@/api/tc/eventAnalysisReport"
 import { jumpLink } from "@/utils/tc"
+import { onMounted } from "vue"
 
 const router = useRouter()
 const { proxy } = getCurrentInstance()
@@ -96,6 +97,16 @@ function handleJumpLink(row) {
 	jumpLink(row.matchId, 2)
 }
 
+/** 查看详情 */
+function handleView(row) {
+	router.push({
+		path: '/tc/videoScript/detail',
+		query: {
+			id: row.matchId
+		}
+	})
+}
+
 /** 查询角色列表 */
 function getList() {
 	loading.value = true
@@ -119,6 +130,7 @@ function resetQuery() {
 	proxy.resetForm("queryRef")
 	handleQuery()
 }
-
-getList()
+onMounted(() => {
+	getList()
+})
 </script>
diff --git a/src/views/tc/videoScript/soccer.vue b/src/views/tc/videoScript/components/soccer.vue
similarity index 88%
rename from src/views/tc/videoScript/soccer.vue
rename to src/views/tc/videoScript/components/soccer.vue
index f768c51..f46a870 100644
--- a/src/views/tc/videoScript/soccer.vue
+++ b/src/views/tc/videoScript/components/soccer.vue
@@ -29,11 +29,11 @@
 
 		<!-- 表格数据 -->
 		<el-table v-loading="loading" :data="roleList">
-			<el-table-column label="赛事编号" prop="awayTeamCode" width="120" />
-			<el-table-column label="联赛" prop="leagueAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" width="150" />
-			<el-table-column label="客队" prop="awayTeamAbbName" width="100" />
-			<el-table-column label="固定奖金" prop="matchId" width="80">
+			<el-table-column label="赛事编号" prop="awayTeamCode" />
+			<el-table-column label="联赛" prop="leagueAllName" :show-overflow-tooltip="true"/>
+			<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true"  />
+			<el-table-column label="客队" prop="awayTeamAbbName"  />
+			<el-table-column label="固定奖金" prop="matchId">
 				<template #default="scope">
 					<el-button link type="primary" @click="handleJumpLink(scope.row)">查看</el-button>
 				</template>
@@ -43,7 +43,7 @@
 					<span>{{ parseTime(scope.row.matchDateTime) }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="比赛状态" prop="matchStatus" width="100" />
+			<el-table-column label="比赛状态" prop="matchStatus"  />
 			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template #default="scope">
 					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
@@ -66,6 +66,7 @@
 <script setup name="Role">
 import { Info } from "@/api/tc/eventAnalysisReport"
 import { jumpLink } from "@/utils/tc"
+import { onMounted } from "vue"
 
 const router = useRouter()
 const { proxy } = getCurrentInstance()
@@ -103,6 +104,15 @@ function handleJumpLink(row) {
 	jumpLink(row.matchId, 1)
 }
 
+/** 查看详情 */
+function handleView(row) {
+	router.push({
+		path: '/tc/videoScript/detail',
+		query: {
+			id: row.matchId
+		}
+	})
+}
 /** 查询角色列表 */
 function getList() {
 	loading.value = true
@@ -127,5 +137,7 @@ function resetQuery() {
 	handleQuery()
 }
 
-getList()
+onMounted(() => {
+	getList()
+})
 </script>
diff --git a/src/views/tc/videoScript/detail.vue b/src/views/tc/videoScript/detail.vue
new file mode 100644
index 0000000..5c9505a
--- /dev/null
+++ b/src/views/tc/videoScript/detail.vue
@@ -0,0 +1,48 @@
+<template>
+	<div class="app-container" v-loading="loading">
+		<el-row :gutter="20">
+			<el-col :xs="24" :sm="24" :md="24" :lg="24">
+				<el-card class="update-log">
+					<template v-slot:header>
+						<div class="clearfix">
+							<span>短视频脚本 {{ data && data.scriptTime }}</span>
+						</div>
+					</template>
+					<div class="body">
+						<p v-if="!loading && data && data.report">
+							{{ data && data.report }}
+						</p>
+						<el-empty v-else description="暂无数据"></el-empty>
+					</div>
+				</el-card>
+			</el-col>
+		</el-row>
+	</div>
+</template>
+
+<script setup name="videoScriptDetail">
+import { scriptDetail } from '@/api/tc/videoScript'
+const route = useRoute()
+
+const id = ref(0)
+const data = ref({})
+const loading = ref(false)
+
+function getDetail() {
+	loading.value = true
+	scriptDetail(id.value).then(res => {
+		data.value = res.data
+	}).finally(() => {
+		loading.value = false
+	})
+}
+
+onMounted(() => {
+	if (route.query.id) {
+		id.value = route.query.id
+		getDetail()
+	}
+})
+
+
+</script>
diff --git a/src/views/tc/videoScript/index.vue b/src/views/tc/videoScript/index.vue
index 0e05d79..ebf02d1 100644
--- a/src/views/tc/videoScript/index.vue
+++ b/src/views/tc/videoScript/index.vue
@@ -9,8 +9,8 @@
 
 <script setup name="VideoScript">
 import { ref } from 'vue'
-import soccer from './soccer.vue'
-import basketball from './basketball.vue'
+import soccer from './components/soccer.vue'
+import basketball from './components/basketball.vue'
 
 const activeName = ref('soccer')
 const handleClick = (tab, event) => {