From f1c65a66af203ceb2b789c39e477cda831afae23 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Tue, 16 Dec 2025 15:48:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=96=B0=E5=91=98=E5=B7=A5=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E5=AD=A6=E4=B9=A0=E9=A1=B5=E9=9D=A2=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/new-employee/StudyPage.vue | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/views/new-employee/StudyPage.vue b/src/views/new-employee/StudyPage.vue
index 7bbade57..0eb4319d 100644
--- a/src/views/new-employee/StudyPage.vue
+++ b/src/views/new-employee/StudyPage.vue
@@ -451,7 +451,9 @@ export default {
 }
 
 .content {
+  box-sizing: border-box;
   max-width: 1200px;
+  width: 100%;
   margin: 16px auto 40px;
   padding: 0 16px;
   display: flex;
@@ -459,6 +461,7 @@ export default {
 }
 .main {
   flex: 1;
+  min-width: 0;
 }
 .sidebar {
   width: 360px;
@@ -480,12 +483,14 @@ export default {
   background: #ffffff;
   border-radius: 8px 8px 0 0;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
-  width: 68%;
+  width: 100%;
+  box-sizing: border-box;
 }
 .filter-group {
   display: flex;
   align-items: center;
   gap: 8px;
+  flex-wrap: wrap;
 }
 .label {
   color: #333333;
@@ -584,6 +589,8 @@ export default {
   display: flex;
   align-items: center;
   gap: 10px;
+  width: 100%;
+  flex-wrap: wrap;
 }
 .progress {
   position: relative;
@@ -592,6 +599,7 @@ export default {
   background: #eff2f6;
   border-radius: 4px;
   overflow: hidden;
+  min-width: 0;
 }
 .bar {
   position: absolute;
@@ -846,6 +854,7 @@ export default {
   .sidebar {
     width: 100%;
     margin-top: 0;
+    order: -1;
   }
   .filters {
     width: 100%;
@@ -884,7 +893,8 @@ export default {
     align-items: center;
   }
   .progress {
-    min-width: 180px;
+    min-width: 0;
+    width: 100%;
   }
   .pagination {
     padding: 8px 0 0;
@@ -912,6 +922,19 @@ export default {
     box-shadow: inset 0 0 0 5px #ffffff;
   }
 }
+
+/* 桌面端恢复原布局宽度与不换行 */
+@media (min-width: 769px) {
+  .filters {
+    width: 68%;
+  }
+  .filter-group {
+    flex-wrap: nowrap;
+  }
+  .progress-wrap {
+    flex-wrap: nowrap;
+  }
+}
 </style>
 
 <style lang="scss">