From ab4be9ad69e74060703300ef26ba21e33eabcaa2 Mon Sep 17 00:00:00 2001
From: lz-ui <lz-ui@jczxw.cn>
Date: Sun, 28 Sep 2025 12:53:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/permission.js               | 19 ++++++++++++++++++-
 src/utils/request.js                          |  2 +-
 .../components/basketball.vue                 | 14 +++++++++++---
 .../eventAnalysisReport/components/soccer.vue | 16 +++++++++++-----
 .../tc/videoScript/components/basketball.vue  | 14 +++++++++++---
 .../tc/videoScript/components/soccer.vue      | 14 +++++++++++---
 6 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 36da015..41ef0ea 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -35,7 +35,24 @@ const usePermissionStore = defineStore(
       generateRoutes(roles) {
         return new Promise(resolve => {
           // 向后端请求路由数据
-          getRouters().then(res => {
+          getRouters().then(r => {
+            const res = r
+            // 查找 Tc 菜单项目
+            // const tcMenu = res.data.find(item => item.name === 'Tc')
+            // if (tcMenu && tcMenu.children) {
+            //   tcMenu.children.forEach((child) => {
+            //     switch (child.name) {
+            //       case 'EventAnalysisReport/detail':
+            //         child.meta = { ...child.meta, activeMenu: '/tc/eventAnalysisReport/index' }
+            //         break
+            //       case 'VideoScript/detail':
+            //         child.meta = { ...child.meta, activeMenu: '/tc/videoScript/index' }
+            //         break
+            //     }
+            //   })
+            // }
+            // console.log('res', res.data)
+
             const sdata = JSON.parse(JSON.stringify(res.data))
             const rdata = JSON.parse(JSON.stringify(res.data))
             const defaultData = JSON.parse(JSON.stringify(res.data))
diff --git a/src/utils/request.js b/src/utils/request.js
index 79f617e..4f1c485 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -111,7 +111,7 @@ service.interceptors.response.use(res => {
     console.log('err' + error)
     let { message } = error
     if (message == "Network Error") {
-      message = "后端接口连接异常"
+      message = "网络连接异常"
     } else if (message.includes("timeout")) {
       message = "系统接口请求超时"
     } else if (message.includes("Request failed with status code")) {
diff --git a/src/views/tc/eventAnalysisReport/components/basketball.vue b/src/views/tc/eventAnalysisReport/components/basketball.vue
index adb3a2a..f855811 100644
--- a/src/views/tc/eventAnalysisReport/components/basketball.vue
+++ b/src/views/tc/eventAnalysisReport/components/basketball.vue
@@ -23,11 +23,19 @@
 					start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
 			</el-form-item>
 			<el-form-item>
-				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
-				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+				<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
 			</el-form-item>
 		</el-form>
-        <div v-if="roleList.length && !loading">
+		<!--loading-->
+		<div
+			v-if="loading"
+			v-loading="loading"
+			class="loading-page"
+			element-loading-text="正在加载..."
+			style="width: 100%; height: calc(100vh - 250px)"
+		></div>
+		<div v-else-if="roleList.length && !loading">
 			<!-- 表格数据 -->
 			<el-table v-loading="loading" :data="roleList">
 				<el-table-column label="赛事编号" prop="matchNumStr" />
diff --git a/src/views/tc/eventAnalysisReport/components/soccer.vue b/src/views/tc/eventAnalysisReport/components/soccer.vue
index 61c0a13..64ef242 100644
--- a/src/views/tc/eventAnalysisReport/components/soccer.vue
+++ b/src/views/tc/eventAnalysisReport/components/soccer.vue
@@ -22,13 +22,19 @@
 					start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
 			</el-form-item>
 			<el-form-item>
-				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
-				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+				<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
 			</el-form-item>
 		</el-form>
-
-
-		<div v-if="roleList.length && !loading">
+		<!--loading-->
+		<div
+			v-if="loading"
+			v-loading="loading"
+			class="loading-page"
+			element-loading-text="正在加载..."
+			style="width: 100%; height: calc(100vh - 250px)"
+		></div>
+		<div v-else-if="roleList.length && !loading">
 			<!-- 表格数据 -->
 			<el-table v-loading="loading" :data="roleList">
 				<el-table-column label="赛事编号" prop="matchNumStr" />
diff --git a/src/views/tc/videoScript/components/basketball.vue b/src/views/tc/videoScript/components/basketball.vue
index 751cb89..1e916b5 100644
--- a/src/views/tc/videoScript/components/basketball.vue
+++ b/src/views/tc/videoScript/components/basketball.vue
@@ -19,11 +19,19 @@
 					start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
 			</el-form-item>
 			<el-form-item>
-				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
-				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+				<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
 			</el-form-item>
 		</el-form>
-		<div v-if="roleList.length && !loading">
+		<!--loading-->
+		<div
+			v-if="loading"
+			v-loading="loading"
+			class="loading-page"
+			element-loading-text="正在加载..."
+			style="width: 100%; height: calc(100vh - 250px)"
+		></div>
+		<div v-else-if="roleList.length && !loading">
 			<!-- 表格数据 -->
 			<el-table v-loading="loading" :data="roleList">
 				<el-table-column label="赛事编号" prop="matchNumStr" />
diff --git a/src/views/tc/videoScript/components/soccer.vue b/src/views/tc/videoScript/components/soccer.vue
index 19281b1..618703e 100644
--- a/src/views/tc/videoScript/components/soccer.vue
+++ b/src/views/tc/videoScript/components/soccer.vue
@@ -22,11 +22,19 @@
 					start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
 			</el-form-item>
 			<el-form-item>
-				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
-				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+				<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
 			</el-form-item>
 		</el-form>
-		<div v-if="roleList.length && !loading">
+		<!--loading-->
+		<div
+			v-if="loading"
+			v-loading="loading"
+			class="loading-page"
+			element-loading-text="正在加载..."
+			style="width: 100%; height: calc(100vh - 250px)"
+		></div>
+		<div v-else-if="roleList.length && !loading">
 			<!-- 表格数据 -->
 			<el-table v-loading="loading" :data="roleList">
 				<el-table-column label="赛事编号" prop="matchNumStr" />