班组 传递 选中的数据

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

@@ -15,7 +15,7 @@
     <el-option
       v-for="item in classesSelectList"
       :key="item.id"
-      :label="item.name"
+      :label="item.code+' '+item.name"
       :value="item.id"
     />
   </el-select>
@@ -25,6 +25,9 @@
 import { ref, onMounted, toRefs } from 'vue'
 import * as ClassesApi from '@/api/heli/classes'
 const valueName: any = ref() //选中的值
+const valueNameObject: any = ref() //选中的值
+const emit = defineEmits(['update:newValue'])
+
 const classesList = ref<ClassesApi.ClassesVO[]>([]) // 用户列表
 const classesSelectList = ref<ClassesApi.ClassesVO[]>([])
 const Loading = ref(false)
@@ -40,7 +43,6 @@ onMounted(async () => {
   }
   try {
     const data = await ClassesApi.getClassesPage(queryParams)
-    console.log(data.list)
     classesList.value = data.list
     // 设置初始值，如果需要的话
     remoteMethod('')
@@ -54,12 +56,19 @@ const remoteMethod = (query: any) => {
     Loading.value = true
     setTimeout(() => {
       Loading.value = false
-      classesSelectList.value = classesList.value
+      classesSelectList.value = classesList.value.filter((item) =>
-        .filter((item) => item.name.toLowerCase().includes(query.toLowerCase()))
+            item.code.toLowerCase().includes(query.toLowerCase()) ||
+            item.name.toLowerCase().includes(query.toLowerCase())
+        )
         .slice(0, 10) //只显示前10个
     }, 200)
   } else {
     classesSelectList.value = classesList.value.slice(0, 10)
   }
 }
+const onSelectChange = (newValue: any) => {
+  valueNameObject.value = classesList.value.find(classes => classes.id === newValue); // 更新选中的完整用户对象
+  emit('update:newValue', valueNameObject.value)
+}
+
 </script>

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

@@ -14,7 +14,7 @@
         <WorkshopSelect v-model="formData.workshopId" @update:newValue="handleSelectedWorkshop" />
       </el-form-item>
       <el-form-item label="班组" prop="classesId">
-        <ClassesSelect v-model="formData.classesId" />
+        <ClassesSelect v-model="formData.classesId" @update:newValue="handleSelectedClasses" />
       </el-form-item>
       <el-form-item label="职工" prop="leaderUserId">
         <UserSelect v-model="formData.leaderUserId" @update:newValue="handleSelectedUser" />
@@ -147,12 +147,17 @@ const getTree = async () => {
 }
 //接收职工传递的数据
 const handleSelectedUser = (newValue: any) => {
-  console.log('接收对应的数据:', newValue)
+  console.log('接收职工对应的数据:', newValue)
   formData.value.leaderUserId = newValue.id
 }
 //接收车间传递的数据
 const handleSelectedWorkshop = (newValue: any) => {
-  console.log('接收对应的数据:', newValue)
+  console.log('接收车间对应的数据:', newValue)
   formData.value.workshopId = newValue.id
 }
+//接收班组传递的数据
+const handleSelectedClasses = (newValue: any) => {
+  console.log('接收班组对应的数据:', newValue)
+  formData.value.classesId = newValue.id
+}
 </script>

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

@@ -49,7 +49,7 @@ onMounted(async () => {
   const userParams = {
     pageNo: 1,
     pageSize: 10,
-    status: '0' // 根据实际情况调整参数
+    status: undefined, // 根据实际情况调整参数
   }
   try {
     const data = await UserApi.getUserPage(userParams)

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

@@ -12,7 +12,12 @@
     :loading="Loading"
     @change="onSelectChange"
   >
-    <el-option v-for="item in workshopSelectList" :key="item.id" :label="item.name" :value="item.id" />
+    <el-option
+      v-for="item in workshopSelectList"
+      :key="item.id"
+      :label="item.code+' '+item.name"
+      :value="item.id"
+    />
   </el-select>
 </template>
 
@@ -38,8 +43,6 @@ onMounted(async () => {
   try {
     const data = await WorkshopApi.getWorkshopPage(queryParams)
     workshopList.value = data.list
-    console.log( workshopList.value);
-    
     // 设置初始值，如果需要的话
     remoteMethod('')
   } catch (error) {
@@ -53,7 +56,11 @@ const remoteMethod = (query: any) => {
     setTimeout(() => {
       Loading.value = false
       workshopSelectList.value = workshopList.value
-        .filter((item) => item.name.toLowerCase().includes(query.toLowerCase()))
+        .filter(
+          (item) =>
+            item.code.toLowerCase().includes(query.toLowerCase()) ||
+            item.name.toLowerCase().includes(query.toLowerCase())
+        )
         .slice(0, 10) //只显示前10个
     }, 200)
   } else {
@@ -61,8 +68,7 @@ const remoteMethod = (query: any) => {
   }
 }
 const onSelectChange = (newValue: any) => {
-  valueNameObject.value = workshopList.value.find(workshop => workshop.id === newValue); // 更新选中的完整用户对象
+  valueNameObject.value = workshopList.value.find((workshop) => workshop.id === newValue) // 更新选中的完整用户对象
   emit('update:newValue', valueNameObject.value)
 }
-
 </script>