|
|
|
@ -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
|
|
|
|
|
.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()))
|
|
|
|
|
classesSelectList.value = classesList.value.filter((item) =>
|
|
|
|
|
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>
|
|
|
|
|