From 1cf4f0128c6d590b234b80679d530e0d64883892 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 2 Apr 2026 21:28:29 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(mes):=20=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E7=AE=80=E5=8C=96=E7=94=A8=E6=88=B7=E6=90=9C=E7=B4=A2=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/cal/calendar/UserView.vue | 35 +++----------------------
 1 file changed, 3 insertions(+), 32 deletions(-)

diff --git a/src/views/mes/cal/calendar/UserView.vue b/src/views/mes/cal/calendar/UserView.vue
index 3afc1a307..645b3a742 100644
--- a/src/views/mes/cal/calendar/UserView.vue
+++ b/src/views/mes/cal/calendar/UserView.vue
@@ -4,23 +4,12 @@
     <!-- 顶部：人员选择 -->
     <el-form :inline="true" label-width="80px" class="mb-10px">
       <el-form-item label="人员">
-        <el-select
+        <UserSelect
           v-model="userId"
-          filterable
-          remote
-          :remote-method="remoteSearchUser"
-          :loading="userSearchLoading"
           placeholder="请输入人员姓名搜索"
           class="!w-200px"
           @change="onUserQuery"
-        >
-          <el-option
-            v-for="user in userList"
-            :key="user.id"
-            :label="user.nickname"
-            :value="user.id"
-          />
-        </el-select>
+        />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onUserQuery">
@@ -44,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import { getSimpleUserList, UserVO } from '@/api/system/user'
+import UserSelect from '@/views/system/user/components/UserSelect.vue'
 import CalendarDateCell from './CalendarDateCell.vue'
 import CalendarLegend from './CalendarLegend.vue'
 import { useCalendar } from './useCalendar'
@@ -53,23 +42,6 @@ const { loading, currentDate, calendarDayMap, holidaySet, loadHolidays, fetchCal
   useCalendar()
 
 const userId = ref<number>() // 当前选中的用户编号
-const userList = ref<UserVO[]>([]) // 搜索到的用户列表
-const userSearchLoading = ref(false) // 远程搜索加载状态
-let allUserList: UserVO[] = [] // 缓存全量用户列表
-
-/** 远程搜索用户 */
-const remoteSearchUser = (query: string) => {
-  if (query) {
-    userSearchLoading.value = true
-    // 从缓存的全量列表中前端过滤
-    userList.value = allUserList.filter((user) =>
-      user.nickname?.toLowerCase().includes(query.toLowerCase())
-    )
-    userSearchLoading.value = false
-  } else {
-    userList.value = []
-  }
-}
 
 /** 查询当前月份的排班日历，按选中人员过滤 */
 const doFetch = () => {
@@ -91,7 +63,6 @@ watchMonth(() => {
 
 /** 初始化 */
 onMounted(async () => {
-  allUserList = await getSimpleUserList()
   await loadHolidays()
 })
 </script>