From 42299bbe3001a1c52948c9e9dd062b23b3b75e6c Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 16 Jan 2026 13:58:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E9=A1=B5=E9=9D=A2=E6=8C=89=E9=92=AE=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=B1=BB=E5=9E=8B=E5=88=97=E8=A1=A8=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/CreateTask.vue | 33 ++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/CreateTask.vue b/frontend/src/views/CreateTask.vue
index cab59c0..4f78b2b 100644
--- a/frontend/src/views/CreateTask.vue
+++ b/frontend/src/views/CreateTask.vue
@@ -2411,6 +2411,8 @@ onUnmounted(() => {
     border-radius: 8px;
     transition: all 0.2s ease;
     cursor: grab;
+    overflow: hidden; // 防止内容溢出
+    width: 100%;
 
     &:last-child {
       margin-bottom: $space-lg;
@@ -2462,19 +2464,34 @@ onUnmounted(() => {
     display: flex;
     gap: $space-md;
     align-items: flex-start;
+    flex-wrap: wrap; // 允许换行
+    width: 100%;
+    min-width: 0; // 允许 flex 子元素收缩
   }
 
   .task-type-select {
     flex: 2;
+    min-width: 200px; // 设置最小宽度，确保在小屏幕上也能正常显示
+    max-width: 100%; // 防止超出父容器
+    overflow: hidden; // 防止内容溢出
   }
 
   .task-type-cascader {
     display: flex;
     flex-direction: column;
     gap: 6px;
+    min-width: 0; // 允许收缩
+    overflow: hidden; // 防止溢出
 
     :deep(.ant-cascader) {
       width: 100%;
+      min-width: 0; // 允许收缩
+      
+      .ant-input {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
 
     .task-type-score-tip {
@@ -2499,17 +2516,27 @@ onUnmounted(() => {
   }
 
   .task-type-quantity {
-    flex: 1;
-    min-width: 150px;
-    max-width: 200px;
+    flex: 0 0 auto; // 不缩放，保持原始大小
+    min-width: 120px; // 减少最小宽度
+    max-width: 150px; // 限制最大宽度
+    flex-shrink: 0; // 防止被压缩
   }
   
   .task-type-dept {
     flex-shrink: 0;
+    min-width: 160px; // 固定最小宽度
+    width: 160px; // 固定宽度
   }
 
   .task-type-actions {
+    flex-shrink: 0; // 防止删除按钮被压缩
     min-width: 90px;
+    width: 90px; // 固定宽度
+  }
+  
+  .task-type-receiver {
+    flex-shrink: 0; // 防止设计师选择器被压缩
+    min-width: 200px;
   }
 
   .add-task-type-btn {