From be84942c5adaed9ba3942ba1edc5d3d17aca4376 Mon Sep 17 00:00:00 2001
From: ltx <1006158920@qq.com>
Date: Thu, 9 Jul 2026 17:59:22 +0800
Subject: [PATCH] =?UTF-8?q?update=EF=BC=9A=E6=A1=86=E6=9E=B6&=E6=99=BA?=
 =?UTF-8?q?=E6=85=A7=E6=93=8D=E5=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |    6 +-
 src/App.vue                                   |   16 +
 src/api/sportsHall.js                         |    4 +
 src/components/basic/VolBox.vue               |    3 +-
 src/components/commonDialog/index.vue         |    2 +-
 src/components/commonManage/index.vue         |    2 +-
 src/components/commonTable/index.vue          |    2 +-
 src/components/upLoadStudent/index.vue        |    2 +-
 src/components/upLoadStudentFace/index.vue    |    2 +-
 src/components/upLoadVison/index.vue          |    2 +-
 src/views/AiSportsStation/index.vue           |    4 +-
 src/views/StudentDataStatistics/index.vue     |    4 +-
 src/views/TempTcc/index.vue                   |    2 +-
 src/views/aIArena/eventRelease/index.vue      |    4 +-
 src/views/aIArena/eventStatistics/index.vue   |    2 +-
 src/views/articleManage/index.vue             |    6 +-
 src/views/bodySideData/index.vue              |  325 ++--
 src/views/charts/flex.vue                     |    4 +-
 src/views/classroomReport/index.vue           |    8 +-
 src/views/classroomReportDetail/index.vue     |    2 +-
 src/views/examEvaluation/record.vue           |    4 +-
 src/views/homeWork/index.vue                  |    9 +-
 src/views/index.vue                           |    6 +-
 src/views/index/index.less                    |    2 +-
 src/views/motionData/motion-data-theme.less   |    4 +-
 src/views/motionData/motion-detail-theme.less |    6 +-
 .../components/physicalClass/index.vue        |    4 +-
 .../components/physicalDetail/index.vue       |    4 +-
 .../components/physicalFreeMode/index.vue     |    2 +-
 .../motionData/physicalTestData/index.vue     |    4 +-
 .../components/gradeList/index.vue            |    5 +-
 .../motionData/summaryOfGrades/index.vue      | 1509 +++++++++--------
 .../components/classroomMode/index.vue        |    6 +-
 .../components/commonTbale/index.vue          |    2 +-
 .../components/freeMode/index.vue             |    2 +-
 .../components/trainingDetail/index.vue       |    4 +-
 src/views/motionData/trainingData/index.vue   |    6 +-
 src/views/motionData/visionData/index.vue     |    4 +-
 src/views/physicalManagement/index.vue        |    4 +-
 src/views/resourceLibrary/index.vue           |    8 +-
 .../specialManagement/components/table.vue    |    2 +-
 .../specialManagement/index.vue               |    2 +-
 src/views/sportHallReport/index.vue           |    4 +-
 src/views/stadiumManage/index.vue             |    2 +-
 .../examinationRecords/index.vue              |    4 +-
 src/views/studentsManage/index.vue            |    6 +-
 .../studentsManage/trainingRecords/index.vue  |    4 +-
 src/views/teacherManage/index.vue             |    4 +-
 src/views/userManage/checkInDetails.vue       |    3 +-
 vite.config.ts                                |    3 +-
 50 files changed, 1183 insertions(+), 848 deletions(-)

diff --git a/.env.development b/.env.development
index a5302ef..df8d5a6 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
-# base目录
+# base目录
 VITE_BASE_URL=/
-VITE_API_BASE=http://localhost:52356
-VITE_IMAGE_BASE_URL=http://localhost:52356
+VITE_API_BASE=http://localhost:9991
+VITE_IMAGE_BASE_URL=http://localhost:9991
diff --git a/src/App.vue b/src/App.vue
index ee80e87..75c9af3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -76,4 +76,20 @@ p {
 .el-alert--success.is-light .el-alert__description {
   color: #3baf02 !important;
 }
+
+/* 弹窗/抽屉遮罩全局兜底：避免被页面容器的 transform/overflow 限制在当前内容区 */
+.el-overlay {
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  z-index: 3000;
+}
+
+.el-overlay-dialog {
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+}
 </style>
diff --git a/src/api/sportsHall.js b/src/api/sportsHall.js
index df09d92..a64a88f 100644
--- a/src/api/sportsHall.js
+++ b/src/api/sportsHall.js
@@ -12,6 +12,10 @@ export function getSportsHallStudentsTestPageList(params) {
     return http.get('/api/SportsHall/GetSportsHallStudentsTestPageList', null, false, { params })
 }
 
+export function getSummaryOfGradesStudentsTestPageList(params) {
+    return http.get('/api/SportsHall/GetSummaryOfGradesStudentsTestPageList', null, false, { params })
+}
+
 // 成绩推送
 export function scorePush(params) {
     return http.post('/api/SportsHall/ScorePush', params)
diff --git a/src/components/basic/VolBox.vue b/src/components/basic/VolBox.vue
index 29d8edd..cd8c9e4 100644
--- a/src/components/basic/VolBox.vue
+++ b/src/components/basic/VolBox.vue
@@ -6,8 +6,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     :width="width"
-    :before-close="handleClose"
-  >
+    :before-close="handleClose" append-to-body>
     <template #title> <i :class="icon"></i> {{ title }} </template>
     <div class="dia-content" :style="{ height: contentHeight + 'px' }">
       <el-scrollbar style="flex: 1">
diff --git a/src/components/commonDialog/index.vue b/src/components/commonDialog/index.vue
index 5f2e184..b0d4cce 100644
--- a/src/components/commonDialog/index.vue
+++ b/src/components/commonDialog/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-dialog v-model="list.dialogVisible" :width="list.width" :show-close="false" :close-on-click-modal="false">
+        <el-dialog v-model="list.dialogVisible" :width="list.width" :show-close="false" :close-on-click-modal="false" append-to-body>
             <template #header="{ titleId, titleClass }">
                 <div class="my-header">
                     <img src="@/assets/images/allImg/dialog.png" alt="">
diff --git a/src/components/commonManage/index.vue b/src/components/commonManage/index.vue
index fbf5066..b71c3f3 100644
--- a/src/components/commonManage/index.vue
+++ b/src/components/commonManage/index.vue
@@ -169,7 +169,7 @@
     padding: 0 !important;
     background: #f6f9fd !important;
     color: #344054 !important;
-    font-size: 13px !important;
+    font-size: 14px!important;
     font-weight: 600 !important;
 }
 
diff --git a/src/components/commonTable/index.vue b/src/components/commonTable/index.vue
index fbc3b2d..3e672f0 100644
--- a/src/components/commonTable/index.vue
+++ b/src/components/commonTable/index.vue
@@ -117,7 +117,7 @@ function goUp(row) {
     padding: 0 !important;
     background: #f6f9fd !important;
     color: #344054 !important;
-    font-size: 13px !important;
+    font-size: 14px!important;
     font-weight: 600 !important;
 }
 
diff --git a/src/components/upLoadStudent/index.vue b/src/components/upLoadStudent/index.vue
index 69bff73..16f647f 100644
--- a/src/components/upLoadStudent/index.vue
+++ b/src/components/upLoadStudent/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="upLoadStudent">
-        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false>
+        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false append-to-body>
             <div class="top">
                 <p class="mx-1">1.上传前请先下载标准Excel模板并按照标准模板中的说明编辑文件</p>
                 <p class="mx-1">2.一次最多上传10000行数据,文件大小不能超过10M</p>
diff --git a/src/components/upLoadStudentFace/index.vue b/src/components/upLoadStudentFace/index.vue
index 56f5ac0..b042b1c 100644
--- a/src/components/upLoadStudentFace/index.vue
+++ b/src/components/upLoadStudentFace/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="upLoadStudentFace">
-        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false>
+        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false append-to-body>
             <div class="top">
                 <p class="mx-1">1.上传前请将每张图片命名为<h3>学籍号</h3>,如:<span style="color:#A1CCFF">Student_0001</span>
                 </p>
diff --git a/src/components/upLoadVison/index.vue b/src/components/upLoadVison/index.vue
index 4e6e6a8..8b21c08 100644
--- a/src/components/upLoadVison/index.vue
+++ b/src/components/upLoadVison/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="upLoadStudent">
-        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false>
+        <el-dialog v-model="propsData.visable" title="批量导入学生" :width="1200" :show-close=false append-to-body>
             <div class="top">
                 <p class="mx-1">1.上传前请先下载标准Excel模板并按照标准模板中的说明编辑文件</p>
                 <p class="mx-1">2.一次最多上传10000行数据,文件大小不能超过10M</p>
diff --git a/src/views/AiSportsStation/index.vue b/src/views/AiSportsStation/index.vue
index afbf5b3..d22a605 100644
--- a/src/views/AiSportsStation/index.vue
+++ b/src/views/AiSportsStation/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <commonManage>
+ <div style="padding: 16px;">
+    <commonManage> 
     <div class="head">
       <div class="left">
         <p class="desctipt">姓名:</p>
@@ -72,6 +73,7 @@
       />
     </div>
   </commonManage>
+</div>
 </template>
 <script lang="ts" setup>
   import { ref, onMounted } from "vue";
diff --git a/src/views/StudentDataStatistics/index.vue b/src/views/StudentDataStatistics/index.vue
index e0a2d39..51295c4 100644
--- a/src/views/StudentDataStatistics/index.vue
+++ b/src/views/StudentDataStatistics/index.vue
@@ -110,12 +110,12 @@
         </div>
 
         <!-- 训练记录弹窗 -->
-        <el-dialog v-model="showTrainingDialog" title="训练记录" width="90%" top="5vh" destroy-on-close>
+        <el-dialog v-model="showTrainingDialog" title="训练记录" width="90%" top="5vh" destroy-on-close append-to-body>
             <TrainingRecords v-if="showTrainingDialog" />
         </el-dialog>
 
         <!-- 体测记录弹窗 -->
-        <el-dialog v-model="showPhysicalDialog" title="体测记录" width="90%" top="5vh" destroy-on-close>
+        <el-dialog v-model="showPhysicalDialog" title="体测记录" width="90%" top="5vh" destroy-on-close append-to-body>
             <ExaminationRecords v-if="showPhysicalDialog" />
         </el-dialog>
     </div>
diff --git a/src/views/TempTcc/index.vue b/src/views/TempTcc/index.vue
index 4fd9b20..07bd033 100644
--- a/src/views/TempTcc/index.vue
+++ b/src/views/TempTcc/index.vue
@@ -120,7 +120,7 @@
 
         <!-- 详情弹窗 -->
         <el-dialog v-model="detailDialog.visible" title="体测数据详情" width="900px" :close-on-click-modal="false"
-            destroy-on-close>
+            destroy-on-close append-to-body>
             <div class="detailContent" v-loading="detailDialog.loading">
                 <!-- 基本信息 -->
                 <div class="sectionTitle">基本信息</div>
diff --git a/src/views/aIArena/eventRelease/index.vue b/src/views/aIArena/eventRelease/index.vue
index bebcf00..324a24f 100644
--- a/src/views/aIArena/eventRelease/index.vue
+++ b/src/views/aIArena/eventRelease/index.vue
@@ -1328,7 +1328,7 @@ function edits(e) {
       height: 100%;
 
       .head {
-         width: calc(100% - 24px);
+         width: calc(100% - 32px);
          height: 72px;
          display: flex;
          align-items: center;
@@ -1416,7 +1416,7 @@ function edits(e) {
       }
 
       .head1 {
-         width: calc(100% - 24px);
+         width: calc(100% - 32px);
          height: auto;
          display: flex;
          flex-wrap: wrap;
diff --git a/src/views/aIArena/eventStatistics/index.vue b/src/views/aIArena/eventStatistics/index.vue
index 20e302c..279cc14 100644
--- a/src/views/aIArena/eventStatistics/index.vue
+++ b/src/views/aIArena/eventStatistics/index.vue
@@ -453,7 +453,7 @@ function exportData() {
     height: 89vh;
 
     .head {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         height: 72px;
         display: flex;
         align-items: center;
diff --git a/src/views/articleManage/index.vue b/src/views/articleManage/index.vue
index 1bb01cf..31a910c 100644
--- a/src/views/articleManage/index.vue
+++ b/src/views/articleManage/index.vue
@@ -36,7 +36,7 @@
     </commonManage>
 
     <!-- 文章详情弹窗 -->
-    <el-dialog v-model="data.detailDialog.show" title="文章详情" width="50%" :close-on-click-modal="false">
+    <el-dialog v-model="data.detailDialog.show" title="文章详情" width="50%" :close-on-click-modal="false" append-to-body>
         <div class="article-detail">
             <h2 class="article-title">{{ data.detailDialog.article.title }}</h2>
             <div class="article-meta">
@@ -62,7 +62,7 @@
     </el-dialog>
 
     <!-- 新增文章弹窗 -->
-    <el-drawer v-model="data.addDialog.show" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false">
+    <el-drawer v-model="data.addDialog.show" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false" append-to-body>
         <template #header>
             <p class="title">新增文章</p>
         </template>
@@ -98,7 +98,7 @@
     </el-drawer>
 
     <!-- 删除确认弹窗 -->
-    <el-dialog v-model="data.deleteDialog.show" title="提示" width="30%" :close-on-click-modal="false">
+    <el-dialog v-model="data.deleteDialog.show" title="提示" width="30%" :close-on-click-modal="false" append-to-body>
         <span>确定要删除该文章吗？</span>
         <template #footer>
             <span class="dialog-footer">
diff --git a/src/views/bodySideData/index.vue b/src/views/bodySideData/index.vue
index a1bc8bf..0465b60 100644
--- a/src/views/bodySideData/index.vue
+++ b/src/views/bodySideData/index.vue
@@ -1,8 +1,16 @@
 <template>
-    <div style="height: 4px;"></div>
-    <commonManage>
+    <div v-if="!props.embeddedInSummary" style="height: 4px;"></div>
+    <commonManage :class="{ 'summary-body-side': props.embeddedInSummary }">
         <div class="head">
             <div class="left">
+                <div class="one">
+                    <p class="desctipt">测试类别:</p>
+                    <!-- <el-input v-model="data.CategoryId" class="m-2" placeholder="请输入测试类别" /> -->
+                    <el-select v-model="data.CategoryId" class="m-2" clearable>
+                        <el-option v-for="item in data.CategoryList" :key="item.id" :label="item.categoryName"
+                            :value="item.id" />
+                    </el-select>
+                </div>
                 <div class="one">
                     <p class="desctipt">老师:</p>
                     <!-- <el-input v-model="data.TeacherId" class="m-2" placeholder="请输入老师名称" /> -->
@@ -11,9 +19,8 @@
                             :value="item.id" />
                     </el-select>
                 </div>
-                <div class="one">
+                <!-- <div class="one">
                     <p class="desctipt">年级:</p>
-                    <!-- <el-input v-model="data.GradeId" class="m-2" placeholder="请输入年级id" /> -->
                     <el-select v-model="data.GradeId" class="m-2" clearable>
                         <el-option v-for="item in data.GradeData" :key="item.id" :label="item.gradeName"
                             :value="item.id" />
@@ -22,10 +29,8 @@
                 <div class="one">
                     <p class="desctipt">班级:</p>
                     <el-input v-model="data.ClassId" class="m-2" placeholder="请输入班级" />
-                    <!-- <el-select v-model="data.ClassId" class="m-2">
-                        <el-option v-for="item in data.ClassData" :key="item.id" :label="item.gradeName" :value="item.id" />
-                    </el-select> -->
-                </div>
+
+                </div> -->
                 <div class="one">
                     <p class="desctipt">学生学号:</p>
                     <el-input v-model="data.StudentNo" class="m-2" placeholder="请输入学生学号" />
@@ -36,53 +41,54 @@
                         <el-option v-for="item in data.sexData" :key="item.id" :label="item.label" :value="item.id" />
                     </el-select>
                 </div>
-                <div class="one">
-                    <p class="desctipt">测试类别:</p>
-                    <!-- <el-input v-model="data.CategoryId" class="m-2" placeholder="请输入测试类别" /> -->
-                    <el-select v-model="data.CategoryId" class="m-2" clearable>
-                        <el-option v-for="item in data.CategoryList" :key="item.id" :label="item.categoryName"
-                            :value="item.id" />
-                    </el-select>
-                </div>
             </div>
-
+            <div class="right" :class="{ btn: props.embeddedInSummary }">
+                <p v-for="(item, index) in toolbarButtons" :key="index" :class="item.className"
+                    @click="btnClick(item.engName)">
+                    {{ item.chinName }}</p>
+            </div>
         </div>
-        <div class="right">
-            <p v-for="(item, index) in handelData" :key="index" :class="item.className" @click="btnClick(item.engName)">
-                {{ item.chinName }}</p>
-        </div>
-        <div class="cont">
-            <el-table :data="data.tableNeed.tableData" style="width: calc(100% - 40px); min-height: 420px; height: calc(100vh - 430px); margin:0 20px;"
-                fit="true"
-                :header-cell-style="{ 'text-align': 'center', 'font-size': '12px', 'color': '#3F404A', padding: '3px', background: '#F8F8FA', height: '50px' }"
-                :cell-style="getCellStyles" :row-style="{ height: '0px' }" @select="select" @select-all="select">
-                <el-table-column type="selection" width="55" />
-                <el-table-column fixed prop="ind" label="序号" />
-                <el-table-column prop="teacherId" label="老师" width="120" />
-                <!-- <el-table-column prop="gradeId" label="年级" width="120" /> -->
-                <!-- <el-table-column prop="categoryId" label="测试类别" width="120" /> -->
-                <el-table-column prop="gradeName" label="年级名称" width="120" />
-                <!-- <el-table-column prop="classId" label="班级"  width="120"/> -->
-                <el-table-column prop="className" label="班级名称" />
-                <el-table-column prop="studentNo" label="学生学号" width="120" />
-                <el-table-column prop="sex" label="性别" width="120" />
-                <el-table-column prop="categoryName" label="测试类别" width="120" />
-                <el-table-column prop="value" label="测试结果" width="120" />
-                <el-table-column prop="motionDuration" label="运动时长/分钟" width="120" />
-                <el-table-column prop="consumption" label="运动消耗" width="120" />
-                <el-table-column prop="strength" label="运动强度" width="120" />
-                <el-table-column prop="score" label="得分" width="120" />
-                <el-table-column prop="rank" label="等级" width="120" />
-                <el-table-column prop="classRank" label="班级排名" width="120" />
-                <el-table-column prop="remarks" label="备注" />
-            </el-table>
-            <!-- <el-pagination :page-size="data.tableNeed.pageSize" :current-page="data.tableNeed.pageIndex"
-                layout="total,prev, pager, next" :total="data.tableNeed.total" class="pageSize"
-                @current-change="changePage" /> -->
-            <el-pagination class="pageSize" :current-page="data.tableNeed.pageIndex"
-                :page-size="data.tableNeed.pageSize" :page-sizes="[10, 50, 100, 200]"
-                layout="total, sizes, prev, pager, next, jumper" :total="data.tableNeed.total"
-                @size-change="handleSizeChange" @current-change="changePage" />
+        <div class="cont" :class="{ 'summary-cont': props.embeddedInSummary }">
+            <div :class="{ 'summary-table-card': props.embeddedInSummary }">
+                <el-table :data="data.tableNeed.tableData"
+                    :style="props.embeddedInSummary
+                        ? { width: '100%', minHeight: '420px', height: 'calc(100vh - 430px)', margin: '0' }
+                        : { width: 'calc(100% - 40px)', minHeight: '420px', height: 'calc(100vh - 430px)', margin: '0 20px' }" fit="true"
+                    :header-cell-style="{ 'text-align': 'center', 'font-size': '12px', 'color': '#3F404A', padding: '3px', background: '#F8F8FA', height: '50px' }"
+                    :cell-style="getCellStyles" :row-style="{ height: '0px' }">
+                    <el-table-column fixed prop="ind" label="序号" />
+                    <el-table-column prop="teacherId" label="老师" width="120" />
+                    <!-- <el-table-column prop="gradeId" label="年级" width="120" /> -->
+                    <!-- <el-table-column prop="categoryId" label="测试类别" width="120" /> -->
+                    <el-table-column prop="gradeNameAndClassName" label="年级-班级" width="160" />
+                    <el-table-column prop="studentNo" label="学生学号" width="120" />
+                    <el-table-column prop="sex" label="性别" width="80" />
+                    <el-table-column prop="categoryName" label="测试类别" width="120" />
+                    <el-table-column prop="value" label="测试结果" width="120" />
+                    <el-table-column prop="motionDuration" label="运动时长/分钟" width="120" />
+                    <el-table-column prop="consumption" label="运动消耗" width="120" />
+                    <el-table-column prop="strength" label="运动强度" width="120" />
+                    <el-table-column prop="score" label="得分" width="120" />
+                    <el-table-column prop="rank" label="等级" width="120" />
+                    <el-table-column prop="classRank" label="班级排名" width="120" />
+                    <!-- <el-table-column prop="remarks" label="备注" /> -->
+                    <el-table-column v-if="showRowOperate" label="操作" width="140" fixed="right">
+                        <template #default="{ row }">
+                            <div class="operate">
+                                <p class="edit" @click="editTable(row)">编辑</p>
+                                <p class="delete" @click="deleteOne(row)">删除</p>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <!-- <el-pagination :page-size="data.tableNeed.pageSize" :current-page="data.tableNeed.pageIndex"
+                    layout="total,prev, pager, next" :total="data.tableNeed.total" class="pageSize"
+                    @current-change="changePage" /> -->
+                <el-pagination class="pageSize" :current-page="data.tableNeed.pageIndex"
+                    :page-size="data.tableNeed.pageSize" :page-sizes="[10, 50, 100, 200]"
+                    layout="total, sizes, prev, pager, next, jumper" :total="data.tableNeed.total"
+                    @size-change="handleSizeChange" @current-change="changePage" />
+            </div>
         </div>
     </commonManage>
     <commonDialog :list="data.dialogData" @cancle="cancle" @confirm="confirm" v-if="data.dialogData.dialogVisible">
@@ -127,25 +133,25 @@
     </commonDialog>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted } from 'vue';
+import { computed, ref, onMounted, onUnmounted } from 'vue';
 import commonManage from '@/components/commonManage/index.vue';
 import commonTable from '@/components/commonTable/index.vue';
 import commonDialog from '@/components/commonDialog/index.vue';
 import { useRoute } from 'vue-router';
-import { useStore } from 'vuex';
 import * as _api from '@/api/grade';
 import eventBus from '@/eventBus.js'; // 导入事件总线
 import { ElMessage } from 'element-plus';
 import axios from 'axios';
+const props = withDefaults(defineProps<{
+    embeddedInSummary?: boolean
+}>(), {
+    embeddedInSummary: false
+})
 const form = new FormData();
 const formRef = ref(null)
 const formRef1 = ref(null)
 const formRef2 = ref(null)
-const route = useRoute();
-const currentRoute = route.path; //获取当前页面路由
-const store = useStore();
-let permissionItem = store.getters.getPermission(currentRoute) || store.getters.getPermission('/bodySideData') || { permission: [] };
-let buttons = permissionItem.permission || [];
+useRoute();
 let contrast = {
     '查询': 'Search',
     '新增': 'Add',
@@ -156,7 +162,8 @@ let contrast = {
 
 } //对照表
 let handelData = ref<any>([]) //接收处理后的按钮数据
-buttons.map((i) => {
+const defaultButtons = ['Search', 'Add', 'Export', 'Import', 'Update', 'Delete']
+defaultButtons.map((i) => {
     handelData.value.push({
         engName: i,
         chinName: '',
@@ -192,6 +199,8 @@ handelData.value.sort((a, b) => {
         return 0;
     }
 });
+const toolbarButtons = computed(() => handelData.value.filter((item) => item.engName !== 'Export' && item.engName !== 'Update' && item.engName !== 'Update' && item.engName !== 'Delete'))
+const showRowOperate = computed(() => true)
 const ruleForm = ref({
     studentNo: '',
     categoryEnum: '',
@@ -293,10 +302,6 @@ const data = ref({
     showIcon: false,
     fileList: {}
 })
-const select = (val) => {
-    console.log(val, 'vallll')
-    data.value.checkData = val
-}
 function getCellStyles({ row, column, rowIndex, columnIndex }) {
     const prop = column.property;
     return {
@@ -346,13 +351,31 @@ const changePage = (e) => {
     data.value.tableNeed.pageIndex = e
     initApi(data.value)
 }
-const handleSizeChange= (e) => {
+const handleSizeChange = (e) => {
     data.value.tableNeed.pageSize = e
     initApi(data.value)
 }
 const changeTd = (e) => {
     console.log(e, 'eeeechangeTd')
 }
+function editTable(row) {
+    data.value.isImport = false
+    num.value = 2
+    data.value.dialogData.dialogVisible = true
+    data.value.dialogData.title = '编辑'
+    ruleForm.value = {
+        id: row.id,
+        studentNo: row.studentNo,
+        categoryEnum: row.categoryId,
+        value: row.value,
+        motionDuration: row.motionDuration,
+        consumption: row.consumption,
+    }
+}
+function deleteOne(row) {
+    num.value = 1
+    DeleteList(row.id)
+}
 //点击取消
 const cancle = (val) => {
 
@@ -403,36 +426,10 @@ function btnClick(val) {
             data.value.dialogData.title = '新增体测数据'
             break
         case 'Update':
-            data.value.isImport = false
-            num.value = 2
-            if (data.value.checkData.length == 0) {
-                ElMessage.error('请选择需要编辑的行')
-            } else if (data.value.checkData.length > 1) {
-                ElMessage.error('只能选择一行进行编辑')
-            } else {
-                data.value.dialogData.dialogVisible = true
-                data.value.dialogData.title = '编辑'
-                ruleForm.value = {
-                    id: data.value.checkData[0].id,
-                    studentNo: data.value.checkData[0].studentNo,
-                    categoryEnum: data.value.checkData[0].categoryId,
-                    value: data.value.checkData[0].value,
-                    motionDuration: data.value.checkData[0].motionDuration,
-                    consumption: data.value.checkData[0].consumption,
-                }
-            }
-
+            ElMessage.warning('请在表格行内点击编辑')
             break
         case 'Delete':
-            num.value = 1
-            if (data.value.checkData.length == 0) {
-                ElMessage.error('请选择需要删除的行')
-            } else if (data.value.checkData.length > 1) {
-                ElMessage.error('只能选择一行进行删除')
-            } else {
-                DeleteList(data.value.checkData[0].id)
-            }
-
+            ElMessage.warning('请在表格行内点击删除')
             break
         case 'Export':
             exportData(data.value)
@@ -470,6 +467,7 @@ async function initApi(val) {
             val.tableNeed.tableData = res.data.datas;
             val.tableNeed.tableData.map((i, index) => {
                 i.ind = val.tableNeed.pageSize * (val.tableNeed.pageIndex - 1) + index + 1
+                i.gradeNameAndClassName = [i.gradeName, i.className].filter(Boolean).join('-')
                 data.value.teacherData.map((v) => {
                     if (v.id == i.teacherId) {
                         i.teacherId = v.teacherName
@@ -669,10 +667,11 @@ async function AddList() {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
-        gap: 12px 16px;
+        gap: 12px 0px;
+        overflow: visible;
 
         .one {
-            width: 250px;
+            width: 270px !important;
             height: 36px;
             display: flex;
             align-items: center;
@@ -734,6 +733,7 @@ async function AddList() {
         user-select: none;
     }
 }
+
 .operate {
     display: flex;
     align-items: center;
@@ -844,6 +844,137 @@ async function AddList() {
     margin-top: 20px;
 }
 
+:deep(.el-pagination) {
+    height: 56px;
+    margin: 0 20px !important;
+    padding: 0 4px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+
+:deep(.el-pagination .btn-prev),
+:deep(.el-pagination .btn-next),
+:deep(.el-pagination .el-pager li),
+:deep(.el-pagination .el-input__wrapper) {
+    border-radius: 7px;
+}
+
+:deep(.el-pagination .el-pager li.is-active) {
+    color: #ffffff;
+    background: #176be7;
+}
+
+.summary-body-side {
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    overflow: visible;
+
+    .head {
+        width: calc(100% - 32px) !important;
+        min-height: 76px;
+        margin: 12px auto;
+        padding: 16px 18px 14px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 12px 16px;
+        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
+        border: 1px solid #edf1f7;
+        border-radius: 8px;
+        box-sizing: border-box;
+
+        .left {
+            width: auto;
+            flex: 1 1 auto;
+            height: auto;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            gap: 12px 16px;
+
+            .one {
+                width: 292px;
+                height: 36px;
+                margin-left: 0;
+
+                p {
+                    width: 76px;
+                    padding-right: 10px;
+                    box-sizing: border-box;
+                    text-align: right;
+                }
+
+                .m-2 {
+                    width: 216px;
+                    margin-left: 0;
+                }
+            }
+        }
+
+        .right.btn {
+            width: auto;
+            min-height: 36px;
+            margin-left: auto;
+            padding: 0;
+            justify-content: flex-end;
+            gap: 10px;
+
+            .Search,
+            .Add,
+            .Update,
+            .Delete,
+            .Export,
+            .Import {
+                min-width: 80px;
+                height: 35px;
+                padding: 0 16px;
+                border-radius: 8px;
+                border: 1px solid #176be7;
+                background: #4188FE;
+                box-shadow: none;
+                line-height: 35px;
+            }
+        }
+    }
+
+    .summary-cont {
+        width: calc(100% - 32px);
+        margin: 0 auto;
+        padding: 0 0 16px;
+        box-sizing: border-box;
+    }
+
+    .summary-table-card {
+        width: 100%;
+        overflow: hidden;
+        border: 1px solid #e7eef8;
+        border-radius: 10px;
+
+        padding: 16px;
+        padding-bottom: 0;
+        background: #ffffff;
+        box-shadow: 0 8px 22px rgba(29, 68, 130, 0.06);
+    }
+
+    :deep(.el-table) {
+        width: 100% !important;
+        margin: 0 !important;
+        border-radius: 0;
+        border: none;
+        box-shadow: none;
+        border: 1px solid #e7eef8;
+        border-radius: 10px;
+        // height: calc(100vh - 370px) !important;
+    }
+
+    :deep(.el-pagination) {
+        margin: 14px 18px 18px !important;
+    }
+}
+
 .uploadFileName {
     width: 100%;
     height: 80px;
@@ -879,4 +1010,4 @@ async function AddList() {
     }
 
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/charts/flex.vue b/src/views/charts/flex.vue
index e94823a..b454743 100644
--- a/src/views/charts/flex.vue
+++ b/src/views/charts/flex.vue
@@ -238,7 +238,7 @@ export default {
   margin-top: 2px;
 }
 .ivu-card {
-  box-shadow: 0 3px 13px rgba(117, 114, 114, 0.47);
+  box-shadow: 0 3px 14pxrgba(117, 114, 114, 0.47);
   display: flex;
   position: relative;
       padding-top: 10px;
@@ -309,7 +309,7 @@ export default {
 }
 
 .order-range .order-item {
-  box-shadow: 0 3px 13px rgba(117, 114, 114, 0.47);
+  box-shadow: 0 3px 14pxrgba(117, 114, 114, 0.47);
   flex: 1;
   border-radius: 6px;
   font-size: 14px;
diff --git a/src/views/classroomReport/index.vue b/src/views/classroomReport/index.vue
index fedc1b4..9524237 100644
--- a/src/views/classroomReport/index.vue
+++ b/src/views/classroomReport/index.vue
@@ -32,7 +32,7 @@
     </div>
     <!-- 导出报告弹出框 -->
     <el-dialog v-model="exportDialogVisible" title="导出报告" width="520px" class="classroom-report-export"
-        align-center :close-on-click-modal="false">
+        align-center :close-on-click-modal="false" append-to-body>
         <div class="export-dialog-body">
             <span class="export-label">选择时间段：</span>
             <el-date-picker v-model="exportTimeRange" type="datetimerange" range-separator="至"
@@ -847,7 +847,7 @@ function processChartData(rawData) {
     .eacharts1,
     .eacharts2,
     .eacharts3 {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         height: 300px;
 
         p {
@@ -879,7 +879,7 @@ function processChartData(rawData) {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 72px;
             display: flex;
             align-items: center;
@@ -984,7 +984,7 @@ function processChartData(rawData) {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/classroomReportDetail/index.vue b/src/views/classroomReportDetail/index.vue
index 2ee12e0..590233c 100644
--- a/src/views/classroomReportDetail/index.vue
+++ b/src/views/classroomReportDetail/index.vue
@@ -371,7 +371,7 @@ const sexList = ['男','女']
             </ConfigProvider>
         </div>
 
-        <el-dialog center v-model="showModal" title="学生课堂报告" width="90%" :before-close="handleOk">
+        <el-dialog center v-model="showModal" title="学生课堂报告" width="90%" :before-close="handleOk" append-to-body>
             <div style="padding: 20px 20px 0 ;">
                 <div class="card-header">基本信息</div>
                 <div class="info">
diff --git a/src/views/examEvaluation/record.vue b/src/views/examEvaluation/record.vue
index f44aa29..fd0f721 100644
--- a/src/views/examEvaluation/record.vue
+++ b/src/views/examEvaluation/record.vue
@@ -364,7 +364,7 @@ function exportD() {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 140px;
             display: flex;
             flex-wrap: wrap;
@@ -451,7 +451,7 @@ function exportD() {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/homeWork/index.vue b/src/views/homeWork/index.vue
index 464e350..3b9bd06 100644
--- a/src/views/homeWork/index.vue
+++ b/src/views/homeWork/index.vue
@@ -161,7 +161,8 @@ const data = ref({
             pageIndex: 1,
             pageSize: 10,
             total: 0,
-            height: 'calc(100vh - 210px)',
+            height: 'calc(100vh - 270px)',
+            width: 'calc(70vw - 24px)',
             tdHeight: '56px',
             tableLabel: [
                 {
@@ -470,11 +471,11 @@ div {
     display: flex;
 
     .right {
-        width: 100%;
         height: 100%;
+        width: calc(100% - 32px);
+        margin: 0 12px;
 
         .head {
-            width: calc(100% - 24px);
             height: 72px;
             display: flex;
             align-items: center;
@@ -566,7 +567,7 @@ div {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/index.vue b/src/views/index.vue
index c829b07..78ee3e2 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -93,7 +93,7 @@
     </div>
     <!-- 溢出菜单已改为水平滚动，Teleport 面板保留备用 -->
 
-    <el-drawer title="选择主题" v-model="drawer_model" direction="rtl" destroy-on-close>
+    <el-drawer title="选择主题" v-model="drawer_model" direction="rtl" destroy-on-close append-to-body>
       <div class="theme-selector">
         <div @click="changeTheme(item.name)" class="item" v-for="(item, index) in theme_color" :key="index"
           :style="{ background: item.color }">
@@ -104,7 +104,7 @@
       </div>
     </el-drawer>
 
-    <el-drawer title="消息列表" v-model="messageModel" direction="rtl" destroy-on-close>
+    <el-drawer title="消息列表" v-model="messageModel" direction="rtl" destroy-on-close append-to-body>
       <Message :list="messageList"></Message>
     </el-drawer>
   </div>
@@ -1065,7 +1065,7 @@ function showTime() {
 
   i,
   button {
-    font-size: 13px !important;
+    font-size: 14px!important;
   }
 }
 
diff --git a/src/views/index/index.less b/src/views/index/index.less
index d7275df..3e3a047 100644
--- a/src/views/index/index.less
+++ b/src/views/index/index.less
@@ -792,7 +792,7 @@ img:not([src]) {
   }
 
   .header-navigation {
-    // box-shadow: -7px 11px 10px -13px #678aa7;
+    // box-shadow: -7px 11px 10px -14px#678aa7;
     border-bottom: 1px solid #eee;
     height: 32px;
     overflow: hidden;
diff --git a/src/views/motionData/motion-data-theme.less b/src/views/motionData/motion-data-theme.less
index 5d87331..f3766d4 100644
--- a/src/views/motionData/motion-data-theme.less
+++ b/src/views/motionData/motion-data-theme.less
@@ -143,8 +143,8 @@
                     min-width: 68px;
                     margin: 0;
                     color: #4e5969 !important;
-                    font-size: 13px !important;
-                    font-weight: 500 !important;
+                    font-size: 14px !important;
+                    font-weight: 600 !important;
                     line-height: 36px;
                     text-align: right !important;
                     white-space: nowrap;
diff --git a/src/views/motionData/motion-detail-theme.less b/src/views/motionData/motion-detail-theme.less
index a66a117..432d0ad 100644
--- a/src/views/motionData/motion-detail-theme.less
+++ b/src/views/motionData/motion-detail-theme.less
@@ -36,8 +36,8 @@
                 min-width: 68px;
                 margin: 0;
                 color: #4e5969 !important;
-                font-size: 13px !important;
-                font-weight: 500 !important;
+                font-size: 14px !important;
+                font-weight: 600 !important;
                 line-height: 36px;
                 text-align: right !important;
                 white-space: nowrap;
@@ -136,7 +136,7 @@
                 box-shadow: 0 7px 16px rgba(47, 141, 255, 0.2);
                 color: #ffffff !important;
                 font-size: 14px !important;
-                font-weight: 500 !important;
+                font-weight: 600 !important;
                 line-height: 34px !important;
             }
         }
diff --git a/src/views/motionData/physicalTestData/components/physicalClass/index.vue b/src/views/motionData/physicalTestData/components/physicalClass/index.vue
index d140c2d..c6da769 100644
--- a/src/views/motionData/physicalTestData/components/physicalClass/index.vue
+++ b/src/views/motionData/physicalTestData/components/physicalClass/index.vue
@@ -58,14 +58,14 @@ function exportData() {
     border-radius: 10px;
 
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
 
         .tableExport {
             width: 100%;
-            height: 30px;
+            height: 16px;
             display: flex;
             align-items: center;
             justify-content: right;
diff --git a/src/views/motionData/physicalTestData/components/physicalDetail/index.vue b/src/views/motionData/physicalTestData/components/physicalDetail/index.vue
index 5125c1b..ecfb445 100644
--- a/src/views/motionData/physicalTestData/components/physicalDetail/index.vue
+++ b/src/views/motionData/physicalTestData/components/physicalDetail/index.vue
@@ -297,7 +297,7 @@ function exportData() {
     height: auto;
 
     .head {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         height: 120px;
         display: flex;
         flex-wrap: wrap;
@@ -384,7 +384,7 @@ function exportData() {
     }
 
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
diff --git a/src/views/motionData/physicalTestData/components/physicalFreeMode/index.vue b/src/views/motionData/physicalTestData/components/physicalFreeMode/index.vue
index 9111e6a..5d304ed 100644
--- a/src/views/motionData/physicalTestData/components/physicalFreeMode/index.vue
+++ b/src/views/motionData/physicalTestData/components/physicalFreeMode/index.vue
@@ -84,7 +84,7 @@ function handleExport() {
    
 
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
diff --git a/src/views/motionData/physicalTestData/index.vue b/src/views/motionData/physicalTestData/index.vue
index 9fe5314..9dac8b1 100644
--- a/src/views/motionData/physicalTestData/index.vue
+++ b/src/views/motionData/physicalTestData/index.vue
@@ -950,7 +950,7 @@ function exportF() {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 122px;
             display: flex;
             align-items: center;
@@ -1038,7 +1038,7 @@ function exportF() {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/motionData/summaryOfGrades/components/gradeList/index.vue b/src/views/motionData/summaryOfGrades/components/gradeList/index.vue
index 42c94e5..1b82051 100644
--- a/src/views/motionData/summaryOfGrades/components/gradeList/index.vue
+++ b/src/views/motionData/summaryOfGrades/components/gradeList/index.vue
@@ -52,15 +52,16 @@ function exportData() {
     height: 100%;
     background-color: #fff;
     border-radius: 10px;
+    border: 1px solid #E4E6ED;
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
 
         .tableExport {
             width: 100%;
-            height: 30px;
+            height: 16px;
             display: flex;
             align-items: center;
             justify-content: right;
diff --git a/src/views/motionData/summaryOfGrades/index.vue b/src/views/motionData/summaryOfGrades/index.vue
index dc7c62a..6939322 100644
--- a/src/views/motionData/summaryOfGrades/index.vue
+++ b/src/views/motionData/summaryOfGrades/index.vue
@@ -1,754 +1,935 @@
-<!-- 训练数据-->
 <template>
     <div class="trainingData">
-        <el-tabs v-model="data.activeTab" class="summary-tabs">
-            <el-tab-pane label="体测训练记录" name="trainingRecord">
-                <BodySideData />
+        <el-tabs v-model="activeTab" class="summary-tabs">
+            <el-tab-pane label="体测数据记录" name="trainingRecord">
+                <BodySideData embedded-in-summary />
             </el-tab-pane>
             <el-tab-pane label="体测成绩管理" name="scoreManage">
-                <div class="right score-manage">
-                    <div class="head">
-                        <div class="one">
-                            <p>年级:</p>
-                            <el-select v-model="data.leftOneActive" placeholder="请选择年级" @change="leftOneTabClick">
-                                <el-option v-for="item in data.leftOneData" :key="item.id" :label="item.name"
-                                    :value="item.id" />
-                            </el-select>
+                <div class="sport-hall-report summary-score-manage">
+
+                    <!-- 搜索区域 -->
+                    <div class="search-card">
+                        <div class="search-row">
+                            <div class="search-item">
+                                <span class="label">项目类型：</span>
+                                <el-select v-model="query.project" placeholder="全部" clearable style="width: 160px">
+                                    <el-option label="全部" value="" />
+                                    <el-option v-for="item in projectOptions" :key="item.id" :label="item.itemTypeName"
+                                        :value="item.id" />
+                                </el-select>
+                            </div>
+                            <div class="search-item">
+                                <span class="label">年级-班级：</span>
+                                <el-cascader v-model="query.gradeClass" :options="gradeClassOptions"
+                                    :props="{ checkStrictly: true }" clearable placeholder="全部" style="width: 200px" />
+                            </div>
+                            <!-- <div class="search-item">
+                    <span class="label">等级：</span>
+                    <el-select v-model="query.rank" placeholder="全部" style="width: 130px">
+                        <el-option label="全部" value="" />
+                        <el-option label="优秀" value="优秀" />
+                        <el-option label="良好" value="良好" />
+                        <el-option label="及格" value="及格" />
+                        <el-option label="不及格" value="不及格" />
+                    </el-select>
+                </div> -->
+                            <div class="search-item">
+                                <span class="label">测试时间：</span>
+                                <el-date-picker v-model="query.dateRange" type="daterange" format="YYYY-MM-DD"
+                                    value-format="YYYY-MM-DD" range-separator="~" start-placeholder="开始日期"
+                                    end-placeholder="结束日期" style="width: 260px" />
+                            </div>
+                            <div class="search-item">
+                                <span class="label">性别：</span>
+                                <el-select v-model="query.gender" placeholder="全部" style="width: 130px">
+                                    <el-option label="全部" value="" />
+                                    <el-option label="男" :value="1" />
+                                    <el-option label="女" :value="2" />
+                                </el-select>
+                            </div>
                         </div>
-                        <div class="one">
-                            <p>班级:</p>
-                            <el-select v-model="data.classroomModeData.gradeAclass" placeholder="请选择班级">
-                                <el-option v-for="item in options" :key="item.id" :label="item.className" :value="item.id" />
-                            </el-select>
+                        <div class="search-row">
+
+                            <div class="search-actions">
+                                <el-button class="btn-reset" @click="handleReset">重置</el-button>
+                                <el-button class="btn-search" type="primary" @click="handleSearch">查询</el-button>
+                            </div>
+                            <div class="table-toolbar">
+                                <div class="toolbar-right">
+                                    <el-button class="action-btn import-btn" @click="handleImport">
+                                        导入成绩
+                                    </el-button>
+
+                                </div>
+                            </div>
                         </div>
-                        <div class="one">
-                            <p>学生姓名:</p>
-                            <el-input v-model="data.classroomModeData.studentName" placeholder="请输入学生姓名" />
-                        </div>
-                        <div class="one">
-                            <p>学籍号:</p>
-                            <el-input v-model="data.classroomModeData.studentNo" placeholder="请输入学籍号" />
-                        </div>
-                        <div class="one">
-                            <p class="desctipt">性别:</p>
-                            <el-select v-model="data.classroomModeData.gender" class="m-2">
-                                <el-option v-for="item in data.classroomModeData.genderData" :key="item.id" :label="item.label"
-                                    :value="item.id" />
-                            </el-select>
-                        </div>
-                        <div class="one">
-                            <p class="desctipt">成绩展示:</p>
-                            <el-select v-model="data.classroomModeData.achievement" class="m-2">
-                                <el-option v-for="item in data.classroomModeData.achievementData" :key="item.id"
-                                    :label="item.label" :value="item.id" />
-                            </el-select>
-                        </div>
-                        <div class="one">
-                            <p>成绩时间:</p>
-                            <el-date-picker v-model="data.classroomModeData.startTime" type="daterange" format="YYYY-MM-DD"
-                                value-format="YYYY-MM-DD" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间"
-                                unlink-panels size="default" />
-                        </div>
-                        <div class="btn">
-                            <p class="reset" @click="reset">重置</p>
-                            <p class="search" @click="search">查询</p>
-                            <p class="search" @click="exportData">导出</p>
+
+                    </div>
+
+                    <!-- 操作栏 -->
+
+
+                    <!-- 数据表格 -->
+                    <div class="table-card">
+                        <el-table :data="tableData" v-loading="loading" style="width: 100%" :header-cell-style="{
+                            background: '#f5f7fa',
+                            color: '#606266',
+                            fontWeight: '600',
+                            fontSize: '13px',
+                            padding: '12px 0'
+                        }" :row-style="{ height: '52px' }" stripe>
+                            <el-table-column type="index" label="序号" width="70" align="center" />
+                            <el-table-column prop="studentName" label="学生姓名" min-width="100" align="center" />
+                            <el-table-column prop="gradeAndClass" label="班级" min-width="140" align="center" />
+                            <el-table-column prop="sexName" label="性别" width="70" align="center">
+                                <template #default="{ row }">
+                                    <el-tag :type="row.sexName === '男' ? 'primary' : 'danger'" size="small"
+                                        effect="light">
+                                        {{ row.sexName }}
+                                    </el-tag>
+                                </template>
+                            </el-table-column>
+                            <el-table-column v-for="item in tableItemColumns" :key="item.id"
+                                :label="`${item.itemTypeName}${item.unit ? `(${item.unit})` : ''}`" min-width="130" align="center">
+                                <template #default="{ row }">
+                                    <span>{{ getItemValue(row, item.id) }}</span>
+                                </template>
+                            </el-table-column>
+                            <!-- <el-table-column prop="scoreTime" label="测试时间" min-width="160" align="center" />
+                            <el-table-column prop="isDisplay" label="推送状态" width="100" align="center" fixed="right">
+                                <template #default="{ row }">
+                                    <el-tag :type="row.isDisplay ? 'success' : 'info'" size="small" effect="light">
+                                        {{ row.isDisplay ? '已推送' : '未推送' }}
+                                    </el-tag>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="操作" width="100" align="center" fixed="right">
+                                <template #default="{ row }" width="100">
+                                    <el-button type="primary" link :disabled="row.isDisplay"
+                                        @click="handleEdit(row)">成绩修正</el-button>
+                                </template>
+                            </el-table-column> -->
+                        </el-table>
+
+                        <!-- 分页 -->
+                        <div class="pagination-wrap">
+                            <el-pagination v-model:current-page="pagination.pageIndex"
+                                v-model:page-size="pagination.pageSize" :total="pagination.total"
+                                :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
+                                background @size-change="handleSizeChange" @current-change="handlePageChange" />
                         </div>
                     </div>
-                    <gradeList :data="data.classroomModeData" v-if="data.classroomModeData.refreshTable"
-                        @change-page="changePage" @handle-size-change="handleSizeChange" @export-data="exportData"
-                        @open-detail="openDetailDialog">
-                    </gradeList>
+
+                    <!-- 导入成绩弹窗 -->
+                    <el-dialog v-model="importDialog.visible" title="导入成绩" width="640px" :close-on-click-modal="false"
+                        class="import-dialog" append-to-body>
+                        <div class="import-content">
+                            <!-- 说明区域 -->
+                            <div class="import-tips">
+                                <p><span class="tip-num">1.</span>上传前请先下载标准Excel模板并按照标准模板中的说明编辑文件</p>
+                                <p><span class="tip-num">2.</span>一次最多上传10000行数据，文件大小不能超过10M</p>
+                                <p><span class="tip-num">3.</span>支持上传xlsx格式文件</p>
+                                <p><span class="tip-num">4.</span>最新数据覆盖上次数据</p>
+                            </div>
+
+                            <!-- 上传区域 -->
+                            <div class="upload-area">
+                                <el-upload ref="uploadRef" class="upload-dragger" drag
+                                    :http-request="handleUploadRequest" :before-upload="beforeUpload"
+                                    :show-file-list="false" accept=".xlsx">
+                                    <div class="upload-inner">
+                                        <!-- <img src="@/assets/images/excel-icon.png" class="excel-icon" @error="onIconError"
+                                alt="Excel" /> -->
+                                        <div class="upload-text">
+                                            将模板拖拽到此区域 或
+                                            <span class="upload-link">点击上传</span>
+                                        </div>
+                                    </div>
+                                </el-upload>
+
+                                <div class="download-btn-wrap">
+                                    <!-- <a href="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/web/%E8%BF%90%E5%8A%A8%E9%A6%86%E5%AD%A6%E7%94%9F%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx"></a> -->
+                                    <el-button class="btn-download" @click="downloadTemplate">
+                                        下载标准Excel模板
+                                    </el-button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <template #footer>
+                            <div class="dialog-footer">
+                                <el-button @click="importDialog.visible = false">关闭</el-button>
+                            </div>
+                        </template>
+                    </el-dialog>
+
+                    <!-- 成绩修正弹窗 -->
+                    <el-dialog v-model="editDialog.visible" title="成绩修正" width="560px" :close-on-click-modal="false" append-to-body>
+                        <el-form ref="editFormRef" :model="editForm" label-width="160px" size="default">
+                            <el-form-item label="学生姓名">
+                                <el-input :value="editForm.studentName" disabled />
+                            </el-form-item>
+                            <el-form-item label="体质指数(BMI)">
+                                <el-input v-model="editForm.bmi" placeholder="请输入" clearable />
+                            </el-form-item>
+                            <el-form-item label="肺活量(ml)">
+                                <el-input v-model="editForm.lungCapacity" placeholder="请输入" clearable />
+                            </el-form-item>
+                            <el-form-item label="坐位体前屈(cm)">
+                                <el-input v-model="editForm.sitAndReach" placeholder="请输入" clearable />
+                            </el-form-item>
+                            <el-form-item label="一分钟跳绳(个)">
+                                <el-input v-model="editForm.ropeSkipping" placeholder="请输入" clearable />
+                            </el-form-item>
+                            <el-form-item label="一分钟仰卧起坐(个)">
+                                <el-input v-model="editForm.sitUp" placeholder="请输入" clearable />
+                            </el-form-item>
+                            <el-form-item label="立定跳远(cm)">
+                                <el-input v-model="editForm.standingLongJump" placeholder="请输入" clearable />
+                            </el-form-item>
+                        </el-form>
+                        <template #footer>
+                            <div class="dialog-footer">
+                                <el-button @click="editDialog.visible = false">取消</el-button>
+                                <el-button type="primary" @click="handleEditConfirm">保存</el-button>
+                            </div>
+                        </template>
+                    </el-dialog>
+
                 </div>
             </el-tab-pane>
         </el-tabs>
     </div>
-    <el-dialog v-model="scoreDetailDialog.visible" title="体测成绩详情" width="86%" class="motion-detail-dialog"
-        append-to-body align-center destroy-on-close :close-on-click-modal="false" @opened="handleScoreDetailOpened"
-        @closed="handleScoreDetailClosed">
-        <div v-if="!scoreDetailDialog.contentReady" class="motion-detail-placeholder" v-loading="true"></div>
-        <trainingDetail v-else :key="scoreDetailDialog.key" :detail-data="scoreDetailDialog.row" />
-    </el-dialog>
-    <commonDialog :list="data.detailDialogData" @cancle="cancle" @confirm="confirm">
-        <template #cont>
-            <div class="dialogManage">
-                <div class="one">
-                    <p>按照体测成绩导出:</p>
-                    <el-switch @change="changeSwitch(0, $event)" v-model="data.detailDialogData.switch1" />
-                </div>
-                <div class="one">
-                    <p>按照体测得分及等级导出:</p>
-                    <el-switch @change="changeSwitch(1, $event)" v-model="data.detailDialogData.switch2" />
-                </div>
-                <div class="one">
-                    <p>按照附加分导出:</p>
-                    <el-switch @change="changeSwitch(2, $event)" v-model="data.detailDialogData.switch3" />
-                </div>
-            </div>
-        </template>
-    </commonDialog>
 </template>
+
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import gradeList from '@/views/motionData/summaryOfGrades/components/gradeList/index.vue';
-import BodySideData from '@/views/bodySideData/index.vue';
-import trainingDetail from '@/views/motionData/trainingData/components/trainingDetail/index.vue';
-import commonDialog from '@/components/commonDialog/index.vue';
-import * as _api from '@/api/grade';
-import * as _api1 from '@/api/TrainingData';
-import { ElMessage } from 'element-plus';
-import axios from 'axios'
-const options = ref([
+import { ref, reactive, onMounted } from 'vue'
+import BodySideData from '@/views/bodySideData/index.vue'
+import { ElMessage } from 'element-plus'
+import { importSportsHallStudentsTestData, getSummaryOfGradesStudentsTestPageList, correctScore } from '@/api/sportsHall'
+import { GetGradeNames } from '@/api/grade'
 
-])
-const data = ref({
-    activeTab: 'trainingRecord',
-    leftOneActive: 1,
-    leftOneData: [],
-    classroomModeData: {
-        refreshTable: false,
-        gradeAclass: null,
-        studentNo: '',
-        studentName: '',
-        startTime: '',
-        gender: '',
-        achievement: 1,
-        dataSource: '',
+const activeTab = ref('trainingRecord')
 
-        genderData: [
-            {
-                id: '',
-                label: '全部',
-            },
-            {
-                id: 1,
-                label: '男',
-            },
-            {
-                id: 2,
-                label: '女',
-            }
-        ],
-        achievementData: [
-            {
-                id: 1,
-                label: '最新成绩',
-            },
-            {
-                id: 2,
-                label: '最好成绩',
-            }],
-        dataSourceData: [{
-            id: '',
-            label: '全部',
-        },
-        {
-            id: 1,
-            label: '物联网设备',
-        },
-        {
-            id: 2,
-            label: 'AI',
-        }],
-        currentActive: {
-            currentTopTab: 0,
-            currentLeftActive: 0
-        },
-        tableNeed: {
-            showoperate: false,
-            pageIndex: 1,
-            pageSize: 10,
-            total: 0,
-            height: '60.5vh',
-            tdHeight: '50.5px',
-            tableLabel: [
-                {
-                    label: "序号",
-                    prop: "ind",
-                    fixed: true
-
-                },
-                {
-                    label: "学籍号",
-                    prop: "studentNo",
-                    // width: 130,
-                    fixed: true
-                },
-                {
-                    label: "姓名",
-                    prop: "studentName",
-                    fixed: true,
-                    // width: 130
-                },
-                {
-                    label: "性别",
-                    prop: "sex",
-                },
-                {
-                    label: "年级-班级",
-                    prop: "gradeNameAndClassName",
-                    width: 130,
-                },
-
-                {
-                    label: "bmi",
-                    prop: "bmi",
-                },
-                {
-                    label: "肺活量",
-                    prop: "肺活量",
-                },
-                {
-                    label: "50米跑",
-                    prop: "50米跑",
-                },
-                {
-                    label: "坐位体前屈",
-                    prop: "坐位体前屈",
-                    width: 130
-                },
-                {
-                    label: "1分钟跳绳",
-                    prop: "1分钟跳绳",
-                },
-                {
-                    label: "测试总成绩",
-                    prop: "totalScore",
-                    width: 130
-                },
-                {
-                    label: "等级",
-                    prop: "rank",
-                }
-
-            ],
-            tableData: [
-
-            ],
-        },
-    },
-    detailDialogData: {
-        dialogVisible: false,
-        width: 800,
-        title: '导出',
-        switch1: true,
-        switch2: false,
-        switch3: false,
-
-    }
+// ===================== 查询参数 =====================
+const query = reactive({
+    project: '',
+    gradeClass: [],
+    gender: '',
+    rank: '',
+    dateRange: [] as string[]
 })
-const scoreDetailDialog = ref({
-    visible: false,
-    contentReady: false,
-    key: 0,
-    row: null as any
+const sportsTestItemOptions = [
+    { id: 1, itemTypeName: '体重指数BMI', unit: '' },
+    { id: 2, itemTypeName: '肺活量', unit: 'ml' },
+    { id: 3, itemTypeName: '50米跑', unit: 's' },
+    { id: 4, itemTypeName: '坐位体前屈', unit: 'cm' },
+    { id: 5, itemTypeName: '一分钟跳绳', unit: '个' },
+    { id: 6, itemTypeName: '一分钟仰卧起坐', unit: '个' },
+    { id: 7, itemTypeName: '50米x8往返跑', unit: 's' },
+    { id: 8, itemTypeName: '立定跳远', unit: 'cm' },
+    { id: 9, itemTypeName: '引体向上', unit: '个' },
+    { id: 10, itemTypeName: '1000米跑', unit: 's' },
+    { id: 11, itemTypeName: '800米跑', unit: 's' }
+]
+const tableItemColumns = sportsTestItemOptions
+
+// ===================== 下拉数据 =====================
+const projectOptions = ref<any[]>(sportsTestItemOptions)
+const gradeClassOptions = ref<any[]>([])
+
+// ===================== 表格数据 =====================
+const loading = ref(false)
+const tableData = ref<any[]>([])
+
+const pagination = reactive({
+    pageIndex: 1,
+    pageSize: 10,
+    total: 0
 })
-let scoreDetailContentTimer: number | undefined
-function openDetailDialog(row) {
-    if (scoreDetailContentTimer) {
-        window.clearTimeout(scoreDetailContentTimer)
-    }
-    scoreDetailDialog.value.row = row
-    scoreDetailDialog.value.key += 1
-    scoreDetailDialog.value.contentReady = false
-    scoreDetailDialog.value.visible = true
-}
-function handleScoreDetailOpened() {
-    scoreDetailContentTimer = window.setTimeout(() => {
-        scoreDetailDialog.value.contentReady = true
-    }, 80)
-}
-function handleScoreDetailClosed() {
-    if (scoreDetailContentTimer) {
-        window.clearTimeout(scoreDetailContentTimer)
-    }
-    scoreDetailDialog.value.contentReady = false
-    scoreDetailDialog.value.row = null
-}
-function changeSwitch(e, k) {
-    if (e == 0) {
-        data.value.detailDialogData.switch2 = false
-        data.value.detailDialogData.switch3 = false
-    } else if (e == 1) {
-        data.value.detailDialogData.switch1 = false
-        data.value.detailDialogData.switch3 = false
-    } else if (e == 2) {
-        data.value.detailDialogData.switch1 = false
-        data.value.detailDialogData.switch2 = false
-    }
-}
-onMounted(() => {
-    GetGradeNames()
-})
-function changeClassroomMode(e) {
-    console.log(e, 'eeeeeeeeeeeee')
-}
-function changePage(e) {
-    data.value.classroomModeData.tableNeed.pageIndex = e
-    data.value.classroomModeData.tableNeed.loading = true
-    GetOverallDataPageListApi(data.value.classroomModeData)
-}
-function handleSizeChange(e) {
-    data.value.classroomModeData.tableNeed.pageSize = e
-    data.value.classroomModeData.tableNeed.loading = true
-    GetOverallDataPageListApi(data.value.classroomModeData)
-}
-// 导出
-function exportData(e) {
-    if (e) {
-        data.value.detailDialogData.dialogVisible = true
-    }
 
+const getItemValue = (row: any, itemType: number) => {
+    const item = (row.items || []).find((x: any) => Number(x.itemType) === Number(itemType))
+    return item && item.value !== null && item.value !== undefined ? item.value : '/'
 }
-function resetExport() {
-    data.value.detailDialogData.dialogVisible = false
-    data.value.detailDialogData.switch1 = true
-    data.value.detailDialogData.switch2 = false
-    data.value.detailDialogData.switch3 = false
-}
-function cancle() {
-    resetExport()
 
-}
-function confirm() {
 
-    exportD()
-}
-//  /api/TrainingData/GetOverallDataExport?ExportType=1&GradeId=1&ClassId=1&DataSource=1&StudentNo=1&StudentName=1&Sex=1&DisplayType=1
-function exportD() {
-    let val = data.value.classroomModeData
-    let ExportType = 1
-    if (data.value.detailDialogData.switch1) {
-        ExportType = 1
-    } else if (data.value.detailDialogData.switch2) {
-        ExportType = 2
-    } else if (data.value.detailDialogData.switch3) {
-        ExportType = 3
-    } else {
-        ElMessage.error('请选择导出类型')
-        return
-    }
-    axios({
-        method: 'get',
-        url: `/api/TrainingData/GetOverallDataExport?ExportType=${ExportType}&GradeId=${data.value.leftOneActive}&ClassId=${val.gradeAclass}&StudentNo=${val.studentNo}&StudentName=${val.studentName}&Sex=${val.gender}&DisplayType=${val.achievement}`,
-        responseType: 'blob'
-    })
-        .then((res) => {
-            const blob = new Blob([res.data])
-            const fileName = `体测成绩汇总导出.xlsx`
-            if ('download' in document.createElement('a')) {
-                const elink = document.createElement('a')
-                elink.download = fileName
-                elink.style.display = 'none'
-                elink.href = URL.createObjectURL(blob)
-                document.body.appendChild(elink)
-                elink.click()
-                URL.revokeObjectURL(elink.href)
-                document.body.removeChild(elink)
-            }
-            // data.value.detailDialogData.dialogVisible = false
-            resetExport()
-        })
-}
-// 点击重置
-function reset() {
-    // console.log(options.value, 'options.value')
-    // let k = options.value.filter(item => item.value == data.value.leftOneActive)
-    // console.log(k[0].children[0], 'kkkkkk')
-    // if (k[0].children[0]) {
-    //     data.value.classroomModeData.gradeAclass = [k[0].children[0].value]
-    // } else {
-    //     data.value.classroomModeData.gradeAclass = [data.value.leftOneActive]
-    // }
-    options.value = []
-    data.value.leftOneData = []
-    GetGradeNames()
-    data.value.classroomModeData.gradeAclass = null
-    console.log(data.value.classroomModeData.gradeAclass, 'data.value.classroomModeData.gradeAclass')
-    data.value.classroomModeData.studentName = ''
-    data.value.classroomModeData.studentNo = ''
-    data.value.classroomModeData.gender = ''
-    data.value.classroomModeData.achievement = 1
-    data.value.classroomModeData.dataSource = ''
-    data.value.classroomModeData.tableNeed.pageIndex = 1
-    data.value.classroomModeData.tableNeed.pageSize = 10
-    data.value.classroomModeData.tableNeed.loading = true
-    // GetOverallDataPageListApi(data.value.classroomModeData)
-    GetTableLabel()
-}
-// 点击查询
-function search() {
-    data.value.classroomModeData.tableNeed.loading = true
-    GetOverallDataPageListApi(data.value.classroomModeData)
-}
-// 格式转换
-function transformData(data) {
-    return data.map(grade => ({
-        value: grade.id,
-        label: grade.gradeName,
-        children: grade.class.map(cls => ({
-            value: cls.id,
-            label: cls.className
-        }))
-    }));
-}
-const leftOneTabClick = (e) => {
-    data.value.leftOneActive = e
-    data.value.classroomModeData.tableNeed.loading = true
-    reset()
-}
-// 获取所有年级
-async function GetGradeNames() {
+// ===================== 获取列表 =====================
+const fetchList = async () => {
+    loading.value = true
     try {
-        const res = await _api.GetGradeName();
-        if (res.code == 200) {
-            if (res.data) {
-                console.log(res.data, 'res.GetGradeNamesGetGradeName1111s')
-                data.value.leftOneData = res.data?.map((i) => ({
-                    id: i.id,
-                    name: i.gradeName
-                })) || []
-                if (!data.value.leftOneData.some(item => item.id == data.value.leftOneActive)) {
-                    data.value.leftOneActive = data.value.leftOneData[0]?.id || null
-                }
-                let k = res.data.filter(item => item.id == data.value.leftOneActive)
-                k?.map((i) => {
-                    if (i.class && i.class.length > 0) {
-                        i.class.map((v) => {
-                            options.value.push({
-                                id: v.id,
-                                className: v.className
-                            })
-                        })
-                    }
-                })
-                console.log(k, 'kkkkkkkkk')
-                // let k = transformData(res.data)
-                // options.value = k
-                options.value.unshift({
-                    id: null,
-                    className: '全部'
-                })
-                GetTableLabel()
-
-            }
-        } else {
-            ElMessage.error(res.message)
+        const params: any = {
+            pageIndex: pagination.pageIndex,
+            pageSize: pagination.pageSize
         }
-    } catch (error) {
-        console.error('Error occurred while calling API:', error);
-    }
-}
-// 获取动态列名
-async function GetTableLabel() {
-    let k = [
-        {
-            label: "序号",
-            prop: "ind",
-            fixed: true
-
-        },
-        {
-            label: "学籍号",
-            prop: "studentNo",
-            width: 130,
-            fixed: true
-        },
-        {
-            label: "姓名",
-            prop: "studentName",
-            fixed: true,
-            width: 130
-        },
-        {
-            label: "性别",
-            prop: "sex",
-        },
-        {
-            label: "年级-班级",
-            prop: "gradeNameAndClassName",
-            width: 130,
-        },
-    ]
-    try {
-        const res = await _api1.GetCategoryColumnNameList(data.value.leftOneActive);
-        if (res.code == 200) {
-            if (res.data) {
-                res.data.map((i) => {
-                    i.chineName = i.columnCnName
-                    if (i.chineName == 'BMI') {
-                        i.chineName = 'bmi'
-                    }
-                    k.push({
-                        label: i.columnCnName,
-                        prop: i.chineName,
-                        width: 130,
-                    })
-                })
-                k.push({
-                    label: "测试总成绩",
-                    prop: "totalScore",
-                    width: 130,
-                }, {
-                    label: "等级",
-                    prop: "rank",
-                })
-                data.value.classroomModeData.tableNeed.tableLabel = k
-                console.log(res.data, 'res.GetTableLabel')
-
-                GetOverallDataPageListApi(data.value.classroomModeData)
-            }
-        } else {
-            ElMessage.error(res.message)
+        if (query.gender !== '') params.gender = query.gender
+        if (query.gender !== '') params.sex = query.gender
+        if (query.project !== '') params.itemType = query.project
+        if (query.gradeClass && query.gradeClass.length > 0) {
+            params.classId = query.gradeClass[query.gradeClass.length - 1]
         }
-    } catch (error) {
-        console.error('Error occurred while calling API:', error);
-    }
-}
-// 体测成绩汇总列表 
-async function GetOverallDataPageListApi(val) {
-    val.tableNeed.loading = true
-    try {
-        const res = await _api1.GetOverallDataPageList(data.value.leftOneActive, val.gradeAclass, val.studentNo, val.studentName, val.gender, val.achievement, val.tableNeed.pageIndex, val.tableNeed.pageSize);
-        if (res.code == 200) {
-            if (res.data) {
-                console.log(res.data, 'res.GetOverallDataPageListApi')
-                val.tableNeed.total = res.data.total
-                val.tableNeed.tableData = res.data.datas
-                val.tableNeed.tableData.map((i, index) => {
-                    i.ind = val.tableNeed.pageSize * (val.tableNeed.pageIndex - 1) + index + 1
-                    i['50米跑']=i['50米跑'].toFixed(1)
-                    i['bmi']=i['bmi'].toFixed(1)
-                    i['1分钟跳绳']=i['1分钟跳绳'].toFixed(1)
-                    i['坐位体前屈']=i['坐位体前屈'].toFixed(1)
-                    i['肺活量']=i['肺活量'].toFixed(1)
-                    i['totalScore']=i['totalScore'].toFixed(1)
-
-                    // for (let v in i) {
-                    //     if (typeof i[v] == 'number') {
-                    //         i[v] = i[v].toFixed(1)
-                    //     }
-                    // }
-                })
-                val.refreshTable = true
-                val.tableNeed.loading = false
-            }
-        } else {
-            ElMessage.error(res.message)
-            val.refreshTable = true
-            val.tableNeed.loading = false
+        if (query.dateRange && query.dateRange.length === 2) {
+            params.startTime = query.dateRange[0]
+            params.endTime = query.dateRange[1]
         }
-    } catch (error) {
-        console.error('Error occurred while calling API:', error);
-        val.refreshTable = true
-        val.tableNeed.loading = false
+        const res = await getSummaryOfGradesStudentsTestPageList(params)
+        if (res) {
+            tableData.value = (res.data.datas || []).map((item: any) => ({
+                ...item,
+                scoreTime: item.scoreTime ? item.scoreTime.replace('T', ' ').substring(0, 16) : ''
+            }))
+            pagination.total = res.data.total || 0
+        }
+    } catch (e) {
+        ElMessage.error('获取数据失败')
     } finally {
-        val.refreshTable = true
-        val.tableNeed.loading = false
+        loading.value = false
     }
 }
-</script>
-<style lang="less" scoped>
-.dialogManage {
-    .one {
-        width: calc(100% - 500px);
-        height: 60px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-left: 20px;
 
-        p {
-            font-family: PingFangSC;
-            font-weight: 400;
-            font-size: 14px;
-            color: rgba(0, 0, 0, 0.85);
-            margin-right: 10px;
+// ===================== 获取下拉选项 =====================
+const fetchOptions = async () => {
+    try {
+        const res = await GetGradeNames()
+        if (res && res.data) {
+            gradeClassOptions.value = res.data.map((grade: any) => ({
+                value: grade.id,
+                label: grade.gradeName,
+                children: (grade.class || []).map((cls: any) => ({
+                    value: cls.id,
+                    label: cls.className
+                }))
+            }))
         }
+    } catch (e) {
+        console.error('获取班级列表失败', e)
     }
 }
 
+// ===================== 搜索/重置 =====================
+const handleSearch = () => {
+    pagination.pageIndex = 1
+    fetchList()
+}
+
+const handleReset = () => {
+    query.project = ''
+    query.gradeClass = []
+    query.gender = ''
+    query.rank = ''
+    query.dateRange = []
+    pagination.pageIndex = 1
+    fetchList()
+}
+
+// ===================== 分页 =====================
+const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    pagination.pageIndex = 1
+    fetchList()
+}
+
+const handlePageChange = (page: number) => {
+    pagination.pageIndex = page
+    fetchList()
+}
+
+// ===================== 导入成绩 =====================
+const importDialog = reactive({ visible: false })
+const uploadRef = ref()
+
+const handleImport = () => {
+    importDialog.visible = true
+}
+
+const beforeUpload = (file: File) => {
+    const isXlsx = file.name.endsWith('.xlsx')
+    if (!isXlsx) {
+        ElMessage.error('只支持上传 .xlsx 格式文件')
+        return false
+    }
+    const isLt10M = file.size / 1024 / 1024 < 10
+    if (!isLt10M) {
+        ElMessage.error('文件大小不能超过 10MB')
+        return false
+    }
+    return true
+}
+
+const handleUploadRequest = async (options: any) => {
+    const formData = new FormData()
+    formData.append('file', options.file)
+    try {
+        const res = await importSportsHallStudentsTestData(formData)
+        if (res.code != 200) {
+            ElMessage.error(res.message || '上传失败')
+            return
+        }
+        ElMessage.success('导入成功')
+        importDialog.visible = false
+        fetchList()
+    } catch (e: any) {
+        ElMessage.error(typeof e === 'string' ? e : '导入失败，请重试')
+    }
+}
+
+const onIconError = (e: Event) => {
+    const img = e.target as HTMLImageElement
+    img.style.display = 'none'
+}
+
+const downloadTemplate = async () => {
+    try {
+        // TODO: 替换为实际模板下载接口
+        // ElMessage.info('正在下载模板...')
+        window.open('https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/web/%E8%BF%90%E5%8A%A8%E9%A6%86%E5%AD%A6%E7%94%9F%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx', '_blank')
+
+        // const res = await axios.get('/api/sportHall/downloadTemplate', { responseType: 'blob' })
+        // const url = window.URL.createObjectURL(new Blob([res.data]))
+        // const link = document.createElement('a')
+        // link.href = url
+        // link.setAttribute('download', '体测成绩导入模板.xlsx')
+        // document.body.appendChild(link)
+        // link.click()
+        // document.body.removeChild(link)
+    } catch (e) {
+        ElMessage.error('模板下载失败')
+    }
+}
+
+// ===================== 成绩修正 =====================
+const editDialog = reactive({ visible: false })
+const editFormRef = ref()
+const editForm = reactive({
+    id: null as any,
+    studentNo: '' as any,
+    studentName: '',
+    bmi: '' as any,
+    lungCapacity: '' as any,
+    sitAndReach: '' as any,
+    ropeSkipping: '' as any,
+    sitUp: '' as any,
+    standingLongJump: '' as any
+})
+
+const handleEdit = (row: any) => {
+    Object.assign(editForm, {
+        id: row.id,
+        studentNo: row.studentNo,
+        studentName: row.studentName,
+        bmi: row.bmiValue ?? '',
+        lungCapacity: row.vitalCapacityValue ?? '',
+        sitAndReach: row.sit_And_ReachValue ?? '',
+        ropeSkipping: row.oneMinuteJumpRopeValue ?? '',
+        sitUp: row.one_Minute_Sit_UpValue ?? '',
+        standingLongJump: row.standingLongJumpValue ?? ''
+    })
+    editDialog.visible = true
+}
+
+const handleEditConfirm = async () => {
+    try {
+        const params: any = {
+            studentNo: editForm.studentNo
+        }
+        if (editForm.bmi !== '' && editForm.bmi !== null) params.bmiValue = Number(editForm.bmi)
+        if (editForm.lungCapacity !== '' && editForm.lungCapacity !== null) params.vitalCapacityValue = Number(editForm.lungCapacity)
+        if (editForm.sitAndReach !== '' && editForm.sitAndReach !== null) params.sit_And_ReachValue = Number(editForm.sitAndReach)
+        if (editForm.ropeSkipping !== '' && editForm.ropeSkipping !== null) params.oneMinuteJumpRopeValue = Number(editForm.ropeSkipping)
+        if (editForm.sitUp !== '' && editForm.sitUp !== null) params.one_Minute_Sit_UpValue = Number(editForm.sitUp)
+        if (editForm.standingLongJump !== '' && editForm.standingLongJump !== null) params.standingLongJumpValue = Number(editForm.standingLongJump)
+        await correctScore(params)
+        ElMessage.success('修正成功')
+        editDialog.visible = false
+        fetchList()
+    } catch (e) {
+        ElMessage.error('操作失败，请重试')
+    }
+}
+
+// ===================== 初始化 =====================
+onMounted(() => {
+    fetchOptions()
+    fetchList()
+})
+</script>
+
+<style lang="less" scoped>
 .trainingData {
     width: 100%;
     min-height: 89vh;
+}
 
-    .left {
-        width: 200px;
-        height: 100%;
-        background-color: #fff;
+.summary-tabs {
+    width: 100%;
+
+    :deep(.el-tabs__header) {
+        margin: 12px 16px 0;
+        padding: 0 16px;
+        background: #fff;
         border-radius: 8px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        margin-left: 12px;
-        margin-top: 12px;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+    }
 
-        .head {
-            width: 100%;
-            height: 60px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
+    :deep(.el-tabs__nav-wrap::after) {
+        display: none;
+    }
 
-            p {
-                font-family: PingFangSC;
-                font-weight: 500;
-                font-size: 16px;
-                color: #2D2E39;
-                width: calc(100% /2);
-                text-align: center;
-                cursor: pointer;
-                user-select: none;
-            }
+    :deep(.el-tabs__item) {
+        height: 48px;
+        line-height: 48px;
+        font-size: 14px;
+        font-weight: 500;
+    }
 
-            .active {
-                color: #4188FE;
-            }
+    :deep(.el-tabs__content) {
+        overflow: visible;
+    }
+}
+
+.summary-score-manage {
+    width: 100%;
+    min-height: calc(100vh - 166px);
+}
+
+
+.sport-hall-report {
+    width: 100%;
+    min-height: calc(100vh - 166px);
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+
+    // 面包屑
+    .breadcrumb {
+        background: #fff;
+        border-radius: 8px;
+        padding: 14px 20px;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+
+        :deep(.el-breadcrumb__inner) {
+            color: #606266;
+            font-size: 14px;
         }
 
-        .cont {
-            width: 100%;
-            height: auto;
-
-            .tabOne,
-            .leftOneActive {
-                width: 100%;
-                height: 40px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-bottom: 10px;
-                cursor: pointer;
-                user-select: none;
-
-                p {
-                    font-family: PingFangSC;
-                    font-weight: 600;
-                    font-size: 14px;
-                    color: #3F404A;
-                }
-            }
-
-            .leftOneActive {
-                background-color: #4188FE !important;
-
-                p {
-                    color: #fff;
-                }
-            }
+        :deep(.el-breadcrumb__item:last-child .el-breadcrumb__inner) {
+            color: #303133;
+            font-weight: 600;
         }
     }
 
-    .right {
-        width: 100%;
-        height: 100%;
+    // 搜索卡片
+    .search-card {
+        width: calc(100% - 32px);
+        min-height: 76px;
+        margin: 12px auto;
+        padding: 16px 18px 14px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 12px 16px;
+        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
+        border: 1px solid #edf1f7;
+        border-radius: 8px;
+        box-shadow: none;
+        box-sizing: border-box;
 
-        .head {
-            width: calc(100% - 24px);
-            height: auto;
-            min-height: 76px;
+        .search-row {
             display: flex;
-            flex-wrap: wrap;
             align-items: center;
+            flex-wrap: wrap;
             gap: 12px 16px;
-            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
-            border: 1px solid #edf1f7;
-            border-radius: 8px;
-            margin: 12px auto;
-            padding: 16px 18px 14px;
-            box-sizing: border-box;
+            margin-bottom: 0;
 
-            .one {
-                width: 292px;
-                height: 36px;
+            &:first-child {
+                flex: 1 1 auto;
+            }
+
+            &:last-child {
+                margin-left: auto;
+            }
+
+            .search-item {
                 display: flex;
                 align-items: center;
-                margin-top: 0;
+                width: 292px;
+                height: 36px;
 
-                p {
-                    width: 76px;
-                    flex-shrink: 0;
-                    text-align: right;
-                    padding-right: 10px;
+                .label {
+                    // width: 76px;
+                    // padding-right: 10px;
                     box-sizing: border-box;
-                    font-family: PingFangSC;
-                    font-weight: 400;
                     font-size: 14px;
+                    font-weight: 600;
+                    font-family: PingFangSC;
                     color: rgba(0, 0, 0, 0.85);
+                    white-space: nowrap;
+                    text-align: right;
+                    margin-right: 0;
                 }
 
-                :deep(.el-cascader),
-                :deep(.el-input),
-                :deep(.el-date-editor),
                 :deep(.el-select),
-                :deep(.el-select__wrapper) {
+                :deep(.el-input),
+                :deep(.el-cascader),
+                :deep(.el-date-editor) {
                     width: 216px !important;
                     height: 35px !important;
                 }
+
+                :deep(.el-date-editor) {
+                    width: 216px !important;
+                }
+
+                :deep(.el-input__wrapper),
+                :deep(.el-select__wrapper) {
+                    min-height: 35px;
+                    border-radius: 8px;
+                    box-shadow: 0 0 0 1px #dce4f0 inset;
+                }
             }
 
-            .btn {
-                width: auto;
-                min-height: 36px;
+            .search-actions {
                 display: flex;
                 align-items: center;
-                justify-content: flex-end;
                 gap: 10px;
-                margin-top: 0;
-                margin-left: auto;
-                flex-wrap: wrap;
+                margin-left: 0;
 
-                .reset,
-                .search {
-                    width: auto;
+                .btn-reset {
                     min-width: 80px;
                     height: 35px;
-                    border-radius: 8px;
-                    border: 1px solid rgba(0, 0, 0, 0.15);
-                    font-family: PingFangSC;
-                    font-weight: 400;
-                    font-size: 14px;
-                    text-align: center;
-                    line-height: 35px;
-                    cursor: pointer;
-                    user-select: none;
-                    margin: 0;
                     padding: 0 16px;
-                    box-sizing: border-box;
-                }
-
-                .reset {
-                    background: #FAFAFA;
+                    border-radius: 8px;
                     color: rgba(0, 0, 0, 0.65);
+                    border-color: rgba(0, 0, 0, 0.15);
+                    background: #FAFAFA;
+                    font-size: 14px;
+                    line-height: 35px;
+                    transition: all 0.2s;
+
+                    &:hover {
+                        color: #176be7;
+                        border-color: #9fc6ff;
+                        background: #f4f8ff;
+                    }
                 }
 
-                .search {
+                .btn-search {
+                    min-width: 80px;
+                    height: 35px;
+                    padding: 0 16px;
+                    border-radius: 8px;
+                    font-size: 14px;
+                    line-height: 35px;
                     background: #4188FE;
-                    color: #fff;
+                    border: 1px solid #176be7;
+                    box-shadow: none;
+                    transition: all 0.2s;
+
+                    &:hover {
+                        background: #176be7;
+                        box-shadow: 0 7px 16px rgba(47, 141, 255, 0.18);
+                        transform: translateY(-1px);
+                    }
+
+                    &:active {
+                        transform: translateY(0);
+                    }
                 }
             }
         }
     }
 
-    .summary-tabs {
-        width: 100%;
-        // padding: 12px 16px 16px;
+    // 操作工具栏
+    .table-toolbar {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        padding: 0;
 
-        :deep(.el-tabs__header) {
-            margin: 0 0 12px;
-            background: #fff;
-            border-radius: 8px;
-            padding: 0 16px;
-        }
+        .toolbar-right {
+            display: flex;
+            gap: 10px;
 
-        :deep(.el-tabs__content) {
-            overflow: visible;
+            .action-btn {
+                position: relative;
+                min-width: 80px;
+                height: 35px;
+                padding: 0 16px;
+                border-radius: 8px;
+                font-size: 14px;
+                font-weight: 500;
+                border: none;
+                cursor: pointer;
+                transition: all 0.25s;
+                color: #fff;
+                line-height: 35px;
+
+                .btn-badge {
+                    position: absolute;
+                    top: -7px;
+                    left: 10px;
+                    border-radius: 50%;
+                    width: 16px;
+                    height: 16px;
+                    font-size: 11px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    font-weight: 700;
+                    border: 2px solid #fff;
+                }
+            }
+
+            .import-btn {
+                background: #4188FE;
+                border: 1px solid #176be7;
+                box-shadow: none;
+
+                .btn-badge {
+                    background: #fff;
+                    color: #409eff;
+                }
+
+                &:hover {
+                    background: #176be7;
+                    box-shadow: 0 7px 16px rgba(47, 141, 255, 0.18);
+                    transform: translateY(-1px);
+                }
+
+                &:active {
+                    transform: translateY(0);
+                }
+            }
+
+            .send-btn {
+                background: linear-gradient(135deg, #67c23a 0%, #529b2e 100%);
+                box-shadow: 0 2px 8px rgba(103, 194, 58, 0.45);
+
+                .btn-badge {
+                    background: #fff;
+                    color: #67c23a;
+                }
+
+                &:hover {
+                    background: linear-gradient(135deg, #85ce61 0%, #67c23a 100%);
+                    box-shadow: 0 4px 12px rgba(103, 194, 58, 0.55);
+                    transform: translateY(-1px);
+                }
+
+                &:active {
+                    transform: translateY(0);
+                }
+            }
         }
     }
 
-    .score-manage {
-        height: auto;
+    // 表格卡片
+    .table-card {
+        width: calc(100% - 32px);
+        margin: 0 auto;
+        background: #fff;
+        border: 1px solid #e7eef8;
+        border-radius: 10px;
+        padding: 16px;
+        padding-bottom: 0;
+        box-shadow: 0 8px 22px rgba(29, 68, 130, 0.06);
+        flex: 1;
+        box-sizing: border-box;
+        overflow: hidden;
+
+        :deep(.el-table) {
+            height: calc(100vh - 370px) !important;
+            border: 1px solid #e7eef8;
+            border-radius: 10px;
+            overflow: hidden;
+        }
+
+        :deep(.el-table th) {
+            height: 50px !important;
+            background: #F8F8FA !important;
+            color: #3F404A !important;
+            font-size: 12px !important;
+            font-weight: 600;
+            padding: 3px !important;
+            text-align: center;
+        }
+
+        :deep(.el-table td.el-table__cell) {
+            height: 46px !important;
+            padding: 6px 0 !important;
+            color: #475467 !important;
+            border-bottom-color: #edf1f7 !important;
+        }
+
+        :deep(.el-table--striped .el-table__body tr.el-table__row--striped td) {
+            background: #fafafa;
+        }
+
+        :deep(.el-table__row:hover > td.el-table__cell) {
+            background: #f4f8ff !important;
+        }
+
+        :deep(.el-button.is-link) {
+            color: #176be7;
+            font-size: 14px;
+        }
+    }
+
+    .pagination-wrap {
+        display: flex;
+        // justify-content: flex-start;
+        justify-content: flex-end;
+        align-items: center;
+        margin: 14px 18px 18px;
+        padding: 0;
+    }
+
+    :deep(.el-pagination) {
+        height: 56px;
+        margin: 0 20px !important;
+        padding: 0 4px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+    }
+
+    :deep(.el-pagination .btn-prev),
+    :deep(.el-pagination .btn-next),
+    :deep(.el-pagination .el-pager li),
+    :deep(.el-pagination .el-input__wrapper) {
+        border-radius: 7px;
+    }
+
+    :deep(.el-pagination .el-pager li.is-active) {
+        color: #ffffff;
+        background: #176be7;
+    }
+}
+
+// 导入弹窗
+.import-dialog {
+    :deep(.el-dialog__header) {
+        padding: 20px 24px 12px;
+        border-bottom: 1px solid #f0f0f0;
+        margin: 0;
+
+        .el-dialog__title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #303133;
+        }
+    }
+
+    :deep(.el-dialog__body) {
+        padding: 20px 24px;
+    }
+
+    :deep(.el-dialog__footer) {
+        padding: 12px 24px 20px;
+        border-top: 1px solid #f0f0f0;
+    }
+}
+
+.import-content {
+    .import-tips {
+        background: #f0f7ff;
+        border-radius: 6px;
+        padding: 16px 18px;
+        margin-bottom: 20px;
+
+        p {
+            font-size: 13px;
+            color: #495464;
+            line-height: 2;
+            margin: 0;
+
+            .tip-num {
+                color: #409eff;
+                font-weight: 600;
+            }
+        }
+    }
+
+    .upload-area {
+        border: 1px dashed #d9d9d9;
+        border-radius: 8px;
+        padding: 24px;
+        background: #fafafa;
+        transition: border-color 0.2s;
+
+        &:hover {
+            border-color: #409eff;
+        }
+
+        .upload-dragger {
+            width: 100%;
+
+            :deep(.el-upload) {
+                width: 100%;
+            }
+
+            :deep(.el-upload-dragger) {
+                width: 100%;
+                height: auto;
+                padding: 24px 0;
+                border: none;
+                background: transparent;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+            }
+        }
+
+        .upload-inner {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 12px;
+
+            .excel-icon {
+                width: 80px;
+                height: 80px;
+                object-fit: contain;
+            }
+
+            .upload-text {
+                font-size: 14px;
+                color: #606266;
+
+                .upload-link {
+                    color: #409eff;
+                    cursor: pointer;
+
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+
+        .download-btn-wrap {
+            display: flex;
+            justify-content: center;
+            margin-top: 16px;
+
+            .btn-download {
+                border-radius: 20px;
+                padding: 9px 24px;
+                font-size: 13px;
+                color: #409eff;
+                border: 1px solid #c6e2ff;
+                background: #ecf5ff;
+                transition: all 0.2s;
+
+                &:hover {
+                    background: #409eff;
+                    color: #fff;
+                    border-color: #409eff;
+                    box-shadow: 0 3px 8px rgba(64, 158, 255, 0.4);
+                }
+            }
+        }
     }
 }
 </style>
-<style lang="less" scoped src="../motion-data-theme.less"></style>
diff --git a/src/views/motionData/trainingData/components/classroomMode/index.vue b/src/views/motionData/trainingData/components/classroomMode/index.vue
index bf55b79..35deb75 100644
--- a/src/views/motionData/trainingData/components/classroomMode/index.vue
+++ b/src/views/motionData/trainingData/components/classroomMode/index.vue
@@ -50,15 +50,17 @@ function exportData() {
     height: auto;
     border-radius: 10px;
     background-color: #fff;
+    border: 1px solid #E4E6ED;
+    box-sizing: border-box;
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
 
         .tableExport {
             width: 100%;
-            height: 30px;
+            height: 16px;
             display: flex;
             align-items: center;
             justify-content: right;
diff --git a/src/views/motionData/trainingData/components/commonTbale/index.vue b/src/views/motionData/trainingData/components/commonTbale/index.vue
index 292c385..a611f17 100644
--- a/src/views/motionData/trainingData/components/commonTbale/index.vue
+++ b/src/views/motionData/trainingData/components/commonTbale/index.vue
@@ -267,7 +267,7 @@ const report = (val) => {
     background: #f5f8fc !important;
     border-bottom: 1px solid #e7eef8 !important;
     color: #344054 !important;
-    font-size: 13px !important;
+    font-size: 14px!important;
     font-weight: 600;
 }
 
diff --git a/src/views/motionData/trainingData/components/freeMode/index.vue b/src/views/motionData/trainingData/components/freeMode/index.vue
index 9111e6a..5d304ed 100644
--- a/src/views/motionData/trainingData/components/freeMode/index.vue
+++ b/src/views/motionData/trainingData/components/freeMode/index.vue
@@ -84,7 +84,7 @@ function handleExport() {
    
 
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
diff --git a/src/views/motionData/trainingData/components/trainingDetail/index.vue b/src/views/motionData/trainingData/components/trainingDetail/index.vue
index d9aba53..84efcf6 100644
--- a/src/views/motionData/trainingData/components/trainingDetail/index.vue
+++ b/src/views/motionData/trainingData/components/trainingDetail/index.vue
@@ -252,7 +252,7 @@ function exportData() {
     height: auto;
 
     .head {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         height: 120px;
         display: flex;
         flex-wrap: wrap;
@@ -340,7 +340,7 @@ function exportData() {
     }
 
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
diff --git a/src/views/motionData/trainingData/index.vue b/src/views/motionData/trainingData/index.vue
index 88734cd..d228619 100644
--- a/src/views/motionData/trainingData/index.vue
+++ b/src/views/motionData/trainingData/index.vue
@@ -5,7 +5,7 @@
             <div class="head">
                 <div style="display: flex;">
                     <div class="one">
-                        <p>项目:</p>
+                        <p>项目类型:</p>
                         <el-select v-model="data.leftOneActive" placeholder="请选择项目" @change="changeProject">
                             <el-option v-for="item in data.leftOneData" :key="item.id" :label="item.itemTypeName"
                                 :value="item.id" />
@@ -815,7 +815,7 @@ function exportF() {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 80px;
             display: flex;
             align-items: center;
@@ -903,7 +903,7 @@ function exportF() {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/motionData/visionData/index.vue b/src/views/motionData/visionData/index.vue
index a8c8aa8..d98741b 100644
--- a/src/views/motionData/visionData/index.vue
+++ b/src/views/motionData/visionData/index.vue
@@ -204,7 +204,7 @@ async function GetVisionDataListApi() {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 72px;
             display: flex;
             align-items: center;
@@ -293,7 +293,7 @@ async function GetVisionDataListApi() {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/physicalManagement/index.vue b/src/views/physicalManagement/index.vue
index 68c1f69..52ad63f 100644
--- a/src/views/physicalManagement/index.vue
+++ b/src/views/physicalManagement/index.vue
@@ -42,7 +42,7 @@
     </commonManage>
     <div class="addTeacherDrawer">
         <el-drawer v-model="data.drawerDialog.show" direction="rtl" size="50%" :close-on-click-modal="false"
-            :show-close=false>
+            :show-close=false append-to-body>
 
             <template #header>
                 <p class="title">{{ data.dialogTitle }}</p>
@@ -105,7 +105,7 @@
     </div>
     <div class="addTeacherDrawer">
         <el-drawer v-model="data.drawerDialog.show1" direction="rtl" size="50%" :close-on-click-modal="false"
-            :show-close=false>
+            :show-close=false append-to-body>
 
             <template #header>
                 <p class="title">{{ data.dialogTitle }}</p>
diff --git a/src/views/resourceLibrary/index.vue b/src/views/resourceLibrary/index.vue
index 2d80efa..d7e6472 100644
--- a/src/views/resourceLibrary/index.vue
+++ b/src/views/resourceLibrary/index.vue
@@ -114,8 +114,7 @@
     <el-dialog
       v-model="resourceTypeDialog.visible"
       :title="resourceTypeDialog.isEdit ? '编辑资源类型' : '添加资源类型'"
-      width="500px"
-    >
+      width="500px" append-to-body>
       <el-form :model="resourceTypeForm" label-width="100px" :rules="resourceTypeRules" ref="resourceTypeFormRef">
         <!--
         <el-form-item label="上级类型" v-if="!resourceTypeDialog.isEdit || resourceTypeForm.parentId !== 0">
@@ -149,8 +148,7 @@
     <el-dialog
       v-model="resourceDialog.visible"
       :title="resourceDialog.isEdit ? '编辑资源' : '上传资源'"
-      width="500px"
-    >
+      width="500px" append-to-body>
       <el-form :model="resourceForm" label-width="100px" :rules="resourceRules" ref="resourceFormRef">
         <!--
         <el-form-item label="资源类型" v-if="!resourceDialog.isEdit">
@@ -222,7 +220,7 @@
     </el-dialog>
     
     <!-- 预览对话框 -->
-    <el-dialog v-model="previewDialog.visible" title="资源预览" width="80%" fullscreen>
+    <el-dialog v-model="previewDialog.visible" title="资源预览" width="80%" fullscreen append-to-body>
       <div class="preview-container" v-loading="previewLoading">
         <!-- 图片预览 -->
         <div v-if="isImage(previewDialog.resource)" class="image-preview">
diff --git a/src/views/specializedTeaching/specialManagement/components/table.vue b/src/views/specializedTeaching/specialManagement/components/table.vue
index 167b483..89bd715 100644
--- a/src/views/specializedTeaching/specialManagement/components/table.vue
+++ b/src/views/specializedTeaching/specialManagement/components/table.vue
@@ -89,7 +89,7 @@ function edit(e) {
     width: 100%;
     height: auto;
     .table {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         background-color: #fff;
         border-radius: 8px;
         margin: 0 auto;
diff --git a/src/views/specializedTeaching/specialManagement/index.vue b/src/views/specializedTeaching/specialManagement/index.vue
index 481f877..e3ab5dd 100644
--- a/src/views/specializedTeaching/specialManagement/index.vue
+++ b/src/views/specializedTeaching/specialManagement/index.vue
@@ -638,7 +638,7 @@ async function AddPhoto(val) {
     height: auto;
 
     .head {
-        width: calc(100% - 24px);
+        width: calc(100% - 32px);
         height: auto;
         display: flex;
         flex-wrap: wrap;
diff --git a/src/views/sportHallReport/index.vue b/src/views/sportHallReport/index.vue
index 12d917a..4ecba13 100644
--- a/src/views/sportHallReport/index.vue
+++ b/src/views/sportHallReport/index.vue
@@ -141,7 +141,7 @@
 
         <!-- 导入成绩弹窗 -->
         <el-dialog v-model="importDialog.visible" title="导入成绩" width="640px" :close-on-click-modal="false"
-            class="import-dialog">
+            class="import-dialog" append-to-body>
             <div class="import-content">
                 <!-- 说明区域 -->
                 <div class="import-tips">
@@ -184,7 +184,7 @@
         </el-dialog>
 
         <!-- 成绩修正弹窗 -->
-        <el-dialog v-model="editDialog.visible" title="成绩修正" width="560px" :close-on-click-modal="false">
+        <el-dialog v-model="editDialog.visible" title="成绩修正" width="560px" :close-on-click-modal="false" append-to-body>
             <el-form ref="editFormRef" :model="editForm" label-width="160px" size="default">
                 <el-form-item label="学生姓名">
                     <el-input :value="editForm.studentName" disabled />
diff --git a/src/views/stadiumManage/index.vue b/src/views/stadiumManage/index.vue
index 84fd83e..48cfc85 100644
--- a/src/views/stadiumManage/index.vue
+++ b/src/views/stadiumManage/index.vue
@@ -74,7 +74,7 @@
                         >
                             <el-icon><Plus /></el-icon>
                         </el-upload>
-                        <el-dialog v-model="dialogVisible">
+                        <el-dialog v-model="dialogVisible" append-to-body>
                             <img w-full :src="dialogImageUrl" alt="Preview Image" />
                         </el-dialog>
                     </el-form-item>
diff --git a/src/views/studentsManage/examinationRecords/index.vue b/src/views/studentsManage/examinationRecords/index.vue
index 4923405..d86c135 100644
--- a/src/views/studentsManage/examinationRecords/index.vue
+++ b/src/views/studentsManage/examinationRecords/index.vue
@@ -360,7 +360,7 @@ function paginateTableData(pageIndex, pageSize) {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 72px;
             display: flex;
             align-items: center;
@@ -448,7 +448,7 @@ function paginateTableData(pageIndex, pageSize) {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/studentsManage/index.vue b/src/views/studentsManage/index.vue
index 638d05e..0c6000b 100644
--- a/src/views/studentsManage/index.vue
+++ b/src/views/studentsManage/index.vue
@@ -79,7 +79,7 @@
     </commonManage>
     <div class="addTeacherDrawer">
         <el-drawer v-model="data.drawerDialog.show" direction="rtl" size="50%" :close-on-click-modal="false"
-            :show-close=false>
+            :show-close=false append-to-body>
 
             <template #header>
                 <p class="title">{{ data.dialogTitle }}</p>
@@ -151,7 +151,7 @@
     </div>
     <div class="addTeacherDrawer">
         <el-drawer v-model="data.drawerDialog.show1" direction="rtl" size="50%" :close-on-click-modal="false"
-            :show-close=false>
+            :show-close=false append-to-body>
 
             <template #header>
                 <p class="title">{{ data.dialogTitle }}</p>
@@ -223,7 +223,7 @@
     </div>
     <!-- <div class="addTeacherDrawer">
         <el-drawer v-model="data.drawerDialog.show2" direction="rtl" size="50%" :close-on-click-modal="false"
-            :show-close=false>
+            :show-close=false append-to-body>
 
             <template #header>
                 <p class="title">{{ data.dialogTitle }}</p>
diff --git a/src/views/studentsManage/trainingRecords/index.vue b/src/views/studentsManage/trainingRecords/index.vue
index daf6d0f..930f8e9 100644
--- a/src/views/studentsManage/trainingRecords/index.vue
+++ b/src/views/studentsManage/trainingRecords/index.vue
@@ -347,7 +347,7 @@ function paginateTableData(pageIndex, pageSize) {
         height: 100%;
 
         .head {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: 72px;
             display: flex;
             align-items: center;
@@ -435,7 +435,7 @@ function paginateTableData(pageIndex, pageSize) {
         }
 
         .head1 {
-            width: calc(100% - 24px);
+            width: calc(100% - 32px);
             height: auto;
             display: flex;
             flex-wrap: wrap;
diff --git a/src/views/teacherManage/index.vue b/src/views/teacherManage/index.vue
index 0255aee..b71da59 100644
--- a/src/views/teacherManage/index.vue
+++ b/src/views/teacherManage/index.vue
@@ -32,7 +32,7 @@
     </div>
   </commonManage>
   <div class="addTeacherDrawer">
-    <el-drawer v-model="data.drawerDialog.show" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false">
+    <el-drawer v-model="data.drawerDialog.show" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false" append-to-body>
       <template #header>
         <p class="title">{{ data.dialogTitle }}</p>
       </template>
@@ -78,7 +78,7 @@
     </el-drawer>
   </div>
   <div class="addTeacherDrawer">
-    <el-drawer v-model="data.drawerDialog.show1" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false">
+    <el-drawer v-model="data.drawerDialog.show1" direction="rtl" size="50%" :close-on-click-modal="false" :show-close="false" append-to-body>
       <template #header>
         <p class="title">{{ data.dialogTitle }}</p>
       </template>
diff --git a/src/views/userManage/checkInDetails.vue b/src/views/userManage/checkInDetails.vue
index d8146ca..75bb94e 100644
--- a/src/views/userManage/checkInDetails.vue
+++ b/src/views/userManage/checkInDetails.vue
@@ -3,8 +3,7 @@
     v-model="visible"
     title="打卡详情"
     width="80%"
-    :before-close="handleClose"
-  >
+    :before-close="handleClose" append-to-body>
     <div class="check-in-details">
       <!-- 搜索区域 -->
       <div class="head">
diff --git a/vite.config.ts b/vite.config.ts
index fc2fca5..aebf17e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -26,7 +26,8 @@ export default ({ mode }: ConfigEnv) => {
       port: 9990,
       proxy: {
         '/dev-api': {
-          target: ENV.VITE_API_BASE || 'http://localhost:52356',
+          // target: ENV.VITE_API_BASE || 'http://localhost:52356',
+          target: ENV.VITE_API_BASE || 'http://localhost:9991',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/dev-api/, '')
         }