From 45a758adea75d3188bbc9c27544a0c9bad0ba127 Mon Sep 17 00:00:00 2001
From: lijing <lijing@bestsch.com>
Date: Tue, 20 Oct 2026 14:46:44 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E5=8E=BB=E6=8E=89=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=8C=85=E8=A3=B9=E8=BE=B9=E6=A1=86=EF=BC=8C=E6=94=B6?=
 =?UTF-8?q?=E7=B4=A7=E9=A1=B5=E9=9D=A2=E7=95=99=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .main-container 去掉通道默认的 1px 描边（保留白底/圆角/阴影）
- 24 个视图根容器剥离自带的 border/圆角/背景/padding——它与卡片 16px 叠加成 32px，
  是「双层边框 + 空隙过大」的主因
- 学科管理不再 flex:1 把图例推到卡片底部；时段设置工具条去灰底，避免与表头双色带
- 教师管理页签 activeTab 统一为字符串，与 TabPane name 一致
---
 src/App.vue                                   |  5 +++++
 src/views/areaOperateDaily.vue                |  9 +--------
 src/views/classManage/ChristianityDetail.vue  | 13 +------------
 src/views/classManage/HigherEducation.vue     | 12 +-----------
 src/views/electiveClassManage.vue             | 10 +---------
 src/views/electiveClassManageDetail.vue       | 10 +---------
 src/views/historySearch.vue                   |  9 +--------
 src/views/historySearchDetail.vue             |  9 +--------
 src/views/itemSet.vue                         | 11 +++--------
 src/views/schoolSetting.vue                   | 15 ++++-----------
 src/views/studentManage/Christianity.vue      |  9 +--------
 src/views/studentManage/HigherEducation.vue   |  9 +--------
 src/views/studentYDManage/Christianity.vue    |  9 +--------
 src/views/studentYDManage/HigherEducation.vue |  9 +--------
 src/views/studySystemChoice.vue               |  7 +------
 src/views/subjectManForZy.vue                 | 14 ++------------
 src/views/subjectSetzhi.vue                   | 16 +++-------------
 src/views/teacherManage.vue                   | 10 +++++-----
 src/views/teacherManage/Teachergrouping.vue   |  9 +--------
 src/views/teacherManage/Teachertransfer.vue   |  9 +--------
 src/views/teacherManage/teacherinfo.vue       | 16 +++-------------
 src/views/zhuanruinfo.vue                     |  9 +--------
 src/views/zhuanruinfostu/Christianity.vue     |  9 +--------
 src/views/zhuanruinfostu/HigherEducation.vue  |  9 +--------
 24 files changed, 42 insertions(+), 205 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5d2f65d..7328712 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -157,4 +157,9 @@ body {
     vertical-align: middle;
     margin: 0 2px;
 }
+/* 卡片只要白底/圆角，去掉通道默认的描边（页面自身也不再包边框，避免双层） */
+.base-wrap-main .main-container {
+    border: 0 !important;
+}
+
 </style>
diff --git a/src/views/areaOperateDaily.vue b/src/views/areaOperateDaily.vue
index ab8cad3..0aa18a8 100644
--- a/src/views/areaOperateDaily.vue
+++ b/src/views/areaOperateDaily.vue
@@ -114,14 +114,7 @@
   
   <style scoped>
   /* 页面撑满父容器高度，必须设置父级html、body高度100% */
-  .page-wrap {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: 16px;
-    box-sizing: border-box;
-    background: #fff;
-  }
+  .page-wrap {height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
   
   .search-wrap {
     flex-shrink: 0; /* 固定高度，不压缩 */
diff --git a/src/views/classManage/ChristianityDetail.vue b/src/views/classManage/ChristianityDetail.vue
index 2a1a222..a9ef564 100644
--- a/src/views/classManage/ChristianityDetail.vue
+++ b/src/views/classManage/ChristianityDetail.vue
@@ -267,18 +267,7 @@
   </script>
   
   <style scoped>
-  .outer-wrap {
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    padding: 16px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    background: #fff;
-    display: flex;
-    flex-direction: column;
-    overflow-y: auto;
-  }
+  .outer-wrap {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; overflow-y: auto}
   
   .header-bar {
     display: flex;
diff --git a/src/views/classManage/HigherEducation.vue b/src/views/classManage/HigherEducation.vue
index fdd59c2..c02eb11 100644
--- a/src/views/classManage/HigherEducation.vue
+++ b/src/views/classManage/HigherEducation.vue
@@ -573,17 +573,7 @@ onClick: () => this.delRow(params.index)})
   
   <style scoped>
   /* 外层统一边框，和前面所有管理页面样式统一 */
-  .outer-wrap {
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    padding: 16px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    background: #fff;
-    display: flex;
-    flex-direction: column;
-  }
+  .outer-wrap {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column}
   .page-container {
     display: flex;
     flex: 1;
diff --git a/src/views/electiveClassManage.vue b/src/views/electiveClassManage.vue
index 92e7323..6a721b9 100644
--- a/src/views/electiveClassManage.vue
+++ b/src/views/electiveClassManage.vue
@@ -618,15 +618,7 @@ onClick: () => this.singleSync(params.row)})
   </script>
   
   <style scoped>
-  .page-container {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    padding: 16px;
-    gap: 14px;
-  }
+  .page-container {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px}
   /* 顶部Tab栏整体布局 */
   .tab-header {
     display: flex;
diff --git a/src/views/electiveClassManageDetail.vue b/src/views/electiveClassManageDetail.vue
index 47391c2..49f8fb9 100644
--- a/src/views/electiveClassManageDetail.vue
+++ b/src/views/electiveClassManageDetail.vue
@@ -255,15 +255,7 @@
   </script>
   
   <style scoped>
-  .student-class-page {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    padding: 16px;
-    gap: 16px;
-  }
+  .student-class-page {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px}
   /* 顶部标题栏 */
   .page-top-bar {
     display: flex;
diff --git a/src/views/historySearch.vue b/src/views/historySearch.vue
index 6726086..9be24a3 100644
--- a/src/views/historySearch.vue
+++ b/src/views/historySearch.vue
@@ -233,14 +233,7 @@
   </script>
   
   <style scoped>
-  .class-history-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 16px;
-    box-sizing: border-box;
-    padding: 12px;
-  }
+  .class-history-wrap {width: 100%; height: 100%; display: flex; gap: 16px; box-sizing: border-box}
   
   /* 左侧树固定宽度+固定高度滚动 */
   .left-tree-box {
diff --git a/src/views/historySearchDetail.vue b/src/views/historySearchDetail.vue
index 1d671e4..763881e 100644
--- a/src/views/historySearchDetail.vue
+++ b/src/views/historySearchDetail.vue
@@ -79,14 +79,7 @@
   </script>
   
   <style scoped>
-  .student-teach-detail-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    padding: 16px;
-  }
+  .student-teach-detail-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
   
   /* 顶部头部行 */
   .top-header-bar {
diff --git a/src/views/itemSet.vue b/src/views/itemSet.vue
index 20a01be..98c8db0 100644
--- a/src/views/itemSet.vue
+++ b/src/views/itemSet.vue
@@ -533,20 +533,15 @@ onClick: () => {
 };
 </script>
 <style scoped>
-.page-container {
-  padding:0 16px;
-  background: #fff;
-}
+.page-container {}
 .page-title {
   font-size: 24px;
   font-weight: 500;
   margin: 0 0 12px;
 }
 .btn-top-wrap {
-  background: #f7f8fa;
-  border-radius: 4px;
-  padding: 10px;
-  /* margin: 10px 0 15px; */
+  /* 卡片内不再铺灰底（会与表头形成双色带），只留底部间距 */
+  padding: 0 0 12px;
 }
 .term-table :deep(.ivu-table-row td) {
   padding: 6px 0;
diff --git a/src/views/schoolSetting.vue b/src/views/schoolSetting.vue
index f5c92ac..229f1e6 100644
--- a/src/views/schoolSetting.vue
+++ b/src/views/schoolSetting.vue
@@ -219,13 +219,13 @@ class: 'drag-handle drag-icon'})
     // 切换标签页重新初始化拖拽
     activeTab(val) {
       if (val === 'major') {
-        this.$nextTick(() => this.initTableDrag())
+        // this.$nextTick(() => this.initTableDrag())
         this.getmajorslist();
       } else if(val === 'campus') {
-        if (this.tableDrag) this.tableDrag.destroy();
+        // if (this.tableDrag) this.tableDrag.destroy();
         this.getcampuslist();
       }else{
-        if (this.tableDrag) this.tableDrag.destroy();
+        // if (this.tableDrag) this.tableDrag.destroy();
         this.getdivisionlist();
       }
     }
@@ -544,14 +544,7 @@ class: 'drag-handle drag-icon'})
 </script>
 
 <style scoped>
-.page-wrap {
-  padding: 16px;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-}
+.page-wrap {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column}
 .page-title {
   margin: 0 0 12px;
   font-size: 18px;
diff --git a/src/views/studentManage/Christianity.vue b/src/views/studentManage/Christianity.vue
index 7220487..e20cf9b 100644
--- a/src/views/studentManage/Christianity.vue
+++ b/src/views/studentManage/Christianity.vue
@@ -846,14 +846,7 @@ onClick: () => this.openEditStudent(params.row)})
   </script>
   
   <style scoped>
-  .student-manage-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 16px;
-    box-sizing: border-box;
-    padding: 12px;
-  }
+  .student-manage-wrap {width: 100%; height: 100%; display: flex; gap: 16px; box-sizing: border-box}
   /* 左侧树固定高度 */
   .left-tree-box {
     width: 220px;
diff --git a/src/views/studentManage/HigherEducation.vue b/src/views/studentManage/HigherEducation.vue
index 3dd9388..9d2411d 100644
--- a/src/views/studentManage/HigherEducation.vue
+++ b/src/views/studentManage/HigherEducation.vue
@@ -829,14 +829,7 @@ onClick: () => this.openEditStudent(params.row)})
 </script>
 
 <style scoped>
-.student-manage-wrap {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  gap: 16px;
-  box-sizing: border-box;
-  padding: 12px;
-}
+.student-manage-wrap {width: 100%; height: 100%; display: flex; gap: 16px; box-sizing: border-box}
 /* 左侧树固定高度 */
 .left-tree-box {
   width: 220px;
diff --git a/src/views/studentYDManage/Christianity.vue b/src/views/studentYDManage/Christianity.vue
index 5b10d7b..1407a8e 100644
--- a/src/views/studentYDManage/Christianity.vue
+++ b/src/views/studentYDManage/Christianity.vue
@@ -287,14 +287,7 @@ onClick: () => this.openEditModal(params.row)})
   </script>
   
   <style scoped>
-  .student-manage-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 16px;
-    box-sizing: border-box;
-    padding: 12px;
-  }
+  .student-manage-wrap {width: 100%; height: 100%; display: flex; gap: 16px; box-sizing: border-box}
   /* 左侧树固定高度 */
   .left-tree-box {
     width: 220px;
diff --git a/src/views/studentYDManage/HigherEducation.vue b/src/views/studentYDManage/HigherEducation.vue
index 7bf73f6..ec69585 100644
--- a/src/views/studentYDManage/HigherEducation.vue
+++ b/src/views/studentYDManage/HigherEducation.vue
@@ -280,14 +280,7 @@ onClick: () => this.openEditModal(params.row)})
 </script>
 
 <style scoped>
-.student-manage-wrap {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  gap: 16px;
-  box-sizing: border-box;
-  padding: 12px;
-}
+.student-manage-wrap {width: 100%; height: 100%; display: flex; gap: 16px; box-sizing: border-box}
 /* 左侧树固定高度 */
 .left-tree-box {
   width: 220px;
diff --git a/src/views/studySystemChoice.vue b/src/views/studySystemChoice.vue
index 9ff4935..29db1fe 100644
--- a/src/views/studySystemChoice.vue
+++ b/src/views/studySystemChoice.vue
@@ -243,12 +243,7 @@ export default {
 </script>
 
 <style scoped>
-.edu-layout-wrap {
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  background: #fff;
-}
+.edu-layout-wrap {width: 100%; height: 100%}
 .layout-row {
   height: 100%;
 }
diff --git a/src/views/subjectManForZy.vue b/src/views/subjectManForZy.vue
index 43c3358..5b203ce 100644
--- a/src/views/subjectManForZy.vue
+++ b/src/views/subjectManForZy.vue
@@ -374,18 +374,8 @@ onClick: () => this.delRow(params.index)})
   
   <style scoped>
   /* 全局外边框，和之前校区/系部/专业页面样式统一 */
-  .outer-wrap {
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    padding: 16px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    background: #fff;
-    display: flex;
-    /* margin:0 10px; */
-    flex-direction: column;
-  }
+  .outer-wrap {width: 100%; height: 100%; box-sizing: border-box; display: flex; /* margin:0 10px; */
+    flex-direction: column}
   
   /* 顶部操作筛选栏 */
   .top-bar {
diff --git a/src/views/subjectSetzhi.vue b/src/views/subjectSetzhi.vue
index 060fe76..98a0df1 100644
--- a/src/views/subjectSetzhi.vue
+++ b/src/views/subjectSetzhi.vue
@@ -263,24 +263,14 @@
   </script>
   
   <style scoped>
-  .outer-wrap {
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    padding: 16px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    background: #ffffff;
-    display: flex;
-    flex-direction: column;
-    overflow-y: auto;
-  }
+  .outer-wrap {width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; overflow-y: auto}
   
   .top-select-wrap {
     margin-bottom: 16px;
   }
   .subject-box {
-    flex: 1;
+    /* 不再 flex:1 撑高，否则图例被推到卡片底部留出大片空白 */
+    flex: none;
   }
   .btn-container {
     display: flex;
diff --git a/src/views/teacherManage.vue b/src/views/teacherManage.vue
index 5c619f8..7dc6f3a 100644
--- a/src/views/teacherManage.vue
+++ b/src/views/teacherManage.vue
@@ -7,10 +7,10 @@
         <TabPane label="教师分组管理" name="3"></TabPane>
         <!-- <TabPane label="教师变动查询" name="4"></TabPane> -->
       </Tabs>
-      <teacherinfo v-if="activeTab==1"></teacherinfo>
-      <teachseeting v-if="activeTab==2"></teachseeting>
-      <Teachergrouping v-if="activeTab==3"></Teachergrouping>
-      <Teachertransfer v-if="activeTab==4"></Teachertransfer>
+      <teacherinfo v-if="activeTab=='1'"></teacherinfo>
+      <teachseeting v-if="activeTab=='2'"></teachseeting>
+      <Teachergrouping v-if="activeTab=='3'"></Teachergrouping>
+      <Teachertransfer v-if="activeTab=='4'"></Teachertransfer>
     </div>
 </template>
   
@@ -24,7 +24,7 @@
     components: { teacherinfo,teachseeting,Teachergrouping,Teachertransfer },
     data() {
       return {
-        activeTab:1,
+        activeTab:'1',
       }
     },
     methods: {
diff --git a/src/views/teacherManage/Teachergrouping.vue b/src/views/teacherManage/Teachergrouping.vue
index f3dbf28..30860d6 100644
--- a/src/views/teacherManage/Teachergrouping.vue
+++ b/src/views/teacherManage/Teachergrouping.vue
@@ -440,14 +440,7 @@
   </script>
   
   <style scoped>
-  .group-manage-page {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    padding: 12px;
-  }
+  .group-manage-page {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
   /* 顶部栏 */
   .top-header {
     display: flex;
diff --git a/src/views/teacherManage/Teachertransfer.vue b/src/views/teacherManage/Teachertransfer.vue
index 766c6da..4ad9cae 100644
--- a/src/views/teacherManage/Teachertransfer.vue
+++ b/src/views/teacherManage/Teachertransfer.vue
@@ -141,14 +141,7 @@ export default {
 
 <style scoped>
 /* 页面根容器：占满父高度，纵向弹性布局 */
-.page-wrap {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 12px;
-}
+.page-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
 
 /* 顶部搜索栏 固定高度不压缩 */
 .top-search-bar {
diff --git a/src/views/teacherManage/teacherinfo.vue b/src/views/teacherManage/teacherinfo.vue
index 5e2ce71..4f9f1e5 100644
--- a/src/views/teacherManage/teacherinfo.vue
+++ b/src/views/teacherManage/teacherinfo.vue
@@ -913,18 +913,8 @@ onClick: () => this.editSingleTeacher(params.row, params.index)})
 
 <style scoped>
 /* 全局布局逐级修复高度 + min-height:0 解决flex塌陷 */
-.outer-wrap {
-  /* border: 1px solid #e5e7eb; */
-  border-radius: 4px;
-  padding: 16px;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-}
+.outer-wrap {/* border: 1px solid #e5e7eb; */
+  border-radius: 4px; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; overflow-y: auto}
 .page-flex-layout {
   display: flex;
   flex: 1;
@@ -932,7 +922,7 @@ onClick: () => this.editSingleTeacher(params.row, params.index)})
   min-height: 0; /* 第一层修复 */
 }
 .tree-sidebar {
-  width: 225px;
+  width: 250px;
   border: 1px solid #e8e8e8;
   display: flex;
   flex-direction: column;
diff --git a/src/views/zhuanruinfo.vue b/src/views/zhuanruinfo.vue
index 3e0b7c4..88181cd 100644
--- a/src/views/zhuanruinfo.vue
+++ b/src/views/zhuanruinfo.vue
@@ -273,14 +273,7 @@ onClick: () => this.openTransferModal(params.row)},'转入')
   </script>
   
   <style scoped>
-  .teacher-transfer-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    padding: 12px;
-  }
+  .teacher-transfer-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
   
   /* 顶部筛选行 */
   .top-filter-bar {
diff --git a/src/views/zhuanruinfostu/Christianity.vue b/src/views/zhuanruinfostu/Christianity.vue
index 7f7da32..0d7277d 100644
--- a/src/views/zhuanruinfostu/Christianity.vue
+++ b/src/views/zhuanruinfostu/Christianity.vue
@@ -296,14 +296,7 @@ onClick: () => this.openMoveModal(params.row)},'转入')
 </script>
 
 <style scoped>
-.student-move-wrap {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 12px;
-}
+.student-move-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
 
 /* 顶部筛选栏 */
 .top-filter-bar {
diff --git a/src/views/zhuanruinfostu/HigherEducation.vue b/src/views/zhuanruinfostu/HigherEducation.vue
index 6849369..16ec668 100644
--- a/src/views/zhuanruinfostu/HigherEducation.vue
+++ b/src/views/zhuanruinfostu/HigherEducation.vue
@@ -241,14 +241,7 @@ export default {
 </script>
 
 <style scoped>
-.student-move-wrap {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 12px;
-}
+.student-move-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box}
 
 /* 顶部筛选栏 */
 .top-filter-bar {