From f18b3da725471693f7b2d2c58036c5487c8594ce Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Mon, 12 Jan 2026 15:05:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E8=AE=A1=E5=B8=88=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/CreateTask.vue   | 37 ++++++++++++++++++++++++-----
 frontend/src/views/DesignerHall.vue | 30 +++++++++++------------
 2 files changed, 46 insertions(+), 21 deletions(-)

diff --git a/frontend/src/views/CreateTask.vue b/frontend/src/views/CreateTask.vue
index 586a7a4..9f0e43e 100644
--- a/frontend/src/views/CreateTask.vue
+++ b/frontend/src/views/CreateTask.vue
@@ -128,20 +128,25 @@
                     <div v-if="formData.releaseType === 'assigned'" class="task-type-receiver">
                       <a-select
                         v-model:value="item.receiverId"
-                        placeholder="指定设计师"
+                        placeholder="搜索设计师姓名"
                         style="width: 200px"
                         show-search
                         allow-clear
                         size="large"
-                        :filter-option="filterOption"
+                        :filter-option="filterDesignerOption"
+                        option-filter-prop="label"
                         @focus="loadDesignersForItem(item)"
                       >
                         <a-select-option
                           v-for="designer in getDesignersForItem(item)"
                           :key="designer.id"
                           :value="designer.id"
+                          :label="designer.realName"
                         >
-                          {{ designer.realName }} (进行中: {{ designer.inProgressCount || 0 }})
+                          <div class="designer-option">
+                            <span class="designer-name">{{ designer.realName }}</span>
+                            <span class="designer-workload">进行中: {{ designer.inProgressCount || 0 }}</span>
+                          </div>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1235,9 +1240,11 @@ const calculateScore = () => {
   }
 }
 
-// 筛选选项
-const filterOption = (input: string, option: any) => {
-  return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+// 筛选设计师选项
+const filterDesignerOption = (input: string, option: any) => {
+  // 搜索设计师姓名
+  const designerName = option.label || ''
+  return designerName.toLowerCase().includes(input.toLowerCase())
 }
 
 // 取消
@@ -2591,4 +2598,22 @@ onUnmounted(() => {
     color: #31f08b !important;
   }
 }
+
+// 设计师选择器选项样式
+.designer-option {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+
+  .designer-name {
+    color: #e5e5e5;
+    font-weight: 500;
+  }
+
+  .designer-workload {
+    color: #8a8a8a;
+    font-size: 12px;
+  }
+}
 </style>
diff --git a/frontend/src/views/DesignerHall.vue b/frontend/src/views/DesignerHall.vue
index 5e0f76b..1f98ccf 100644
--- a/frontend/src/views/DesignerHall.vue
+++ b/frontend/src/views/DesignerHall.vue
@@ -58,22 +58,22 @@
             </div>
             
             <div style="display: flex; align-items: center; gap: 12px;">
-              <!-- 月份选择器 -->
+            <!-- 月份选择器 -->
               <div class="month-selector" @click.stop>
-                <a-select
-                  v-model:value="selectedMonth"
-                  placeholder="选择月份"
-                  style="width: 150px"
-                  @change="handleMonthChange"
+              <a-select
+                v-model:value="selectedMonth"
+                placeholder="选择月份"
+                style="width: 150px"
+                @change="handleMonthChange"
+              >
+                <a-select-option 
+                  v-for="month in availableMonths" 
+                  :key="month.value" 
+                  :value="month.value"
                 >
-                  <a-select-option 
-                    v-for="month in availableMonths" 
-                    :key="month.value" 
-                    :value="month.value"
-                  >
-                    {{ month.label }}
-                  </a-select-option>
-                </a-select>
+                  {{ month.label }}
+                </a-select-option>
+              </a-select>
               </div>
               <!-- 展开/折叠按钮 -->
               <a-button type="link" size="small" style="color: #31f08b;">
@@ -112,7 +112,7 @@
         <!-- 设计师列表 -->
         <div class="designers-section">
           <div class="section-header">
-            <h2 class="section-title">设计师列表</h2>
+          <h2 class="section-title">设计师列表</h2>
             <div class="filter-area">
               <a-select
                 v-model:value="selectedDeptId"