客户选中 传递对应数据

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

@@ -12,7 +12,12 @@
     :loading="Loading"
     @change="onSelectChange"
   >
-    <el-option v-for="item in clientSelectList" :key="item.id" :label="item.name" :value="item.id" />
+    <el-option
+      v-for="item in clientSelectList"
+      :key="item.id"
+      :label="item.code + ' ' + item.name"
+      :value="item.id"
+    />
   </el-select>
 </template>
 
@@ -21,6 +26,9 @@ import { ref, onMounted, toRefs } from 'vue'
 import * as CustomerApi from '@/api/heli/customer'
 
 const valueName: any = ref() //选中的值
+const valueNameObject: any = ref() //选中的值
+const emit = defineEmits(['update:newValue'])
+
 const clientList = ref<CustomerApi.CustomerVO[]>([]) //列表
 const clientSelectList = ref<CustomerApi.CustomerVO[]>([])
 const Loading = ref(false)
@@ -51,7 +59,11 @@ const remoteMethod = (query: any) => {
     setTimeout(() => {
       Loading.value = false
       clientSelectList.value = clientList.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 {
@@ -59,4 +71,8 @@ const remoteMethod = (query: any) => {
   }
 }
 
+const onSelectChange = (newValue: any) => {
+  valueNameObject.value = clientList.value.find(client => client.id === newValue); // 更新选中的完整用户对象
+  emit('update:newValue', valueNameObject.value)
+}
 </script>

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

@@ -20,7 +20,7 @@
         <UserSelect v-model="formData.leaderUserId" @update:newValue="handleSelectedUser" />
       </el-form-item>
       <el-form-item label="客户" prop="clientId">
-        <ClientSelect v-model="formData.clientId" />
+        <ClientSelect v-model="formData.clientId" @update:newValue="handleSelectedClient" />
       </el-form-item>
       <el-form-item label="供应商" prop="supplierId">
         <SupplierSelect v-model="formData.supplierId" />
@@ -160,4 +160,10 @@ const handleSelectedClasses = (newValue: any) => {
   console.log('接收班组对应的数据:', newValue)
   formData.value.classesId = newValue.id
 }
+
+//接收客户传递的数据
+const handleSelectedClient = (newValue: any) => {
+  console.log('接收客户对应的数据:', newValue)
+  formData.value.clientId = newValue.id
+}
 </script>