From 14e2e948f5e46872e4d94e974f078db7fd578a6f Mon Sep 17 00:00:00 2001
From: yuliang_guo <anonymous@qq.com>
Date: Fri, 30 Jan 2026 16:34:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=8F=8C=E5=88=97?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E5=B1=95=E7=A4=BA=E6=9B=B4=E5=A4=9A=E8=AF=BE?=
 =?UTF-8?q?=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/manager/growth-path-management.vue  | 45 +++++++++++++------
 1 file changed, 31 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/manager/growth-path-management.vue b/frontend/src/views/manager/growth-path-management.vue
index a6f7ca2..68dde2f 100644
--- a/frontend/src/views/manager/growth-path-management.vue
+++ b/frontend/src/views/manager/growth-path-management.vue
@@ -1099,17 +1099,24 @@ onMounted(() => {
           }
         }
 
-        .course-library,
+        .course-library {
+          flex: 2;  // 课程库占更多空间
+          display: flex;
+          flex-direction: column;
+          min-height: 300px;
+          border-bottom: 1px solid #ebeef5;
+        }
+
         .selected-courses {
           flex: 1;
           display: flex;
           flex-direction: column;
-          min-height: 0;
-          border-bottom: 1px solid #ebeef5;
+          min-height: 200px;
+          border-bottom: none;
+        }
 
-          &:last-child {
-            border-bottom: none;
-          }
+        .course-library,
+        .selected-courses {
 
           .library-header {
             display: flex;
@@ -1132,7 +1139,17 @@ onMounted(() => {
             }
           }
 
-          .library-content,
+          .library-content {
+            flex: 1;
+            overflow-y: auto;
+            padding: 8px;
+            max-height: 450px;
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);  // 双列布局
+            gap: 4px;
+            align-content: start;
+          }
+
           .selected-content {
             flex: 1;
             overflow-y: auto;
@@ -1168,17 +1185,16 @@ onMounted(() => {
             display: flex;
             align-items: center;
             justify-content: space-between;
-            padding: 10px 12px;
-            margin-bottom: 8px;
+            padding: 6px 8px;
             background: #f5f7fa;
-            border-radius: 6px;
+            border-radius: 4px;
             cursor: grab;
-            transition: all 0.2s;
-            border: 2px solid transparent;
+            transition: all 0.15s;
+            border: 1px solid #e4e7ed;
+            height: fit-content;
 
             &:hover {
               background: #e6e8eb;
-              transform: translateX(4px);
               border-color: #667eea;
             }
 
@@ -1195,6 +1211,7 @@ onMounted(() => {
               background: #f0f9eb;
               border-color: #67c23a;
               cursor: default;
+              opacity: 0.7;
             }
 
             .course-info {
@@ -1203,7 +1220,7 @@ onMounted(() => {
 
               .course-name {
                 display: block;
-                font-size: 14px;
+                font-size: 13px;
                 color: #333;
                 font-weight: 500;
                 white-space: nowrap;