车间 使用封装职工

mes-ui/mes-ui-admin-vue3/src/views/heli/workshop/WorkshopForm.vue

@@ -25,7 +25,12 @@
         />
       </el-form-item>
       <el-form-item label="负责人" prop="leaderUserId">
-        <el-select v-model="formData.leaderUserId"
+         <UserSelect 
+          v-model="formData.leaderUserId"
+          :leaderUserId="formData.leaderUserId"
+          @update:newValue="handleSelectedUser"
+        />
+        <!-- <el-select v-model="formData.leaderUserId"
                    placeholder="请输入负责人"
                    :remote-method="remoteUserSearch"
                    remote-show-suffix
@@ -41,7 +46,7 @@
             :label="item.username + ' ' + item.nickname"
             :value="item.id"
           />
-        </el-select>
+        </el-select> -->
       </el-form-item>
       <el-form-item label="描述信息" prop="description">
         <el-input type="textarea" v-model="formData.description" height="150px" show-word-limit maxlength="200"/>
@@ -70,7 +75,7 @@ import * as WorkshopApi from '@/api/heli/workshop'
 import {defaultProps, handleTree} from "@/utils/tree";
 import * as DeptApi from '@/api/system/dept'
 import * as UserApi from "@/api/system/user";
-
+import UserSelect from '../hlvuestyle/userSelect.vue'
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
@@ -179,4 +184,9 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
+
+const handleSelectedUser = (newValue: any) => {
+  // console.log('接收对应的数据:', newValue)
+  formData.value.leaderUserId = newValue.id
+}
 </script>