优化职工远程搜索

mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/userSelect.vue

@@ -27,10 +27,10 @@ import { ref, onMounted, toRefs, computed } from 'vue'
 import * as UserApi from '@/api/system/user'
 
 const props = defineProps({
-  leaderUserId: {
+  modelValue: {
     type: [Number, String],
     required: true // 如果是必需的属性，可以设置为true
-  }
+  },
 })
 const userParams = {
   pageNo: 1,
@@ -47,15 +47,16 @@ const emit = defineEmits(['update:newValue'])
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
 const userSelectList = ref<UserApi.UserVO[]>([])
 const userSelectLoading = ref(false)
-const leaderUserId = toRefs(props).leaderUserId // 获取 props 中的 leaderUserId
+const propsmodelValue = toRefs(props).modelValue // 获取 props 中的 modelValue
 const initialValue: any = ref(null) // 存储初始选中的用户 ID
 
 const gitlist = async () => {
   const data = await UserApi.getUserPage(userParams)
   userList.value = data.list
   // 设置初始值
-  if (leaderUserId.value) {
-    valueName.value = leaderUserId.value
+  // console.log(propsmodelValue.value)
+  if (propsmodelValue.value) {
+    valueName.value = propsmodelValue.value
     const initialUser = await UserApi.getUser(valueName.value)
 
     // 查找初始用户是否已经在 userList 中
@@ -83,7 +84,7 @@ const remoteMethod = async (query: any) => {
       userParams.userNickName = query
       const data = await UserApi.getUserPage(userParams)
       userSelectList.value = data.list
-    }else {
+    } else {
       // 加载所有数据（无查询条件时的情况）
       const data = await UserApi.getUserPage({ ...userParams, pageNo: 1 })
       userList.value = [...userList.value, ...data.list]
@@ -107,8 +108,8 @@ onMounted(async () => {
 const onVisibleChange = (isVisible: boolean) => {
   if (!isVisible) {
     // 下拉框关闭时，重置查询参数和下拉框列表
-    userParams.userNickName = undefined;
-    userSelectList.value = [];
+    userParams.userNickName = undefined
+    userSelectList.value = []
   }
 }