|
|
|
@ -12,7 +12,7 @@
|
|
|
|
|
:loading="Loading"
|
|
|
|
|
@change="onSelectChange"
|
|
|
|
|
>
|
|
|
|
|
<el-option v-for="item in userSelectList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
|
<el-option v-for="item in supplierSelectList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -21,8 +21,8 @@ import { ref, onMounted, toRefs } from 'vue'
|
|
|
|
|
import * as SupplierApi from '@/api/heli/supplier'
|
|
|
|
|
|
|
|
|
|
const valueName: any = ref() //选中的值
|
|
|
|
|
const userList = ref<SupplierApi.SupplierVO[]>([]) // 用户列表
|
|
|
|
|
const userSelectList = ref<SupplierApi.SupplierVO[]>([])
|
|
|
|
|
const supplierList = ref<SupplierApi.SupplierVO[]>([]) // 用户列表
|
|
|
|
|
const supplierSelectList = ref<SupplierApi.SupplierVO[]>([])
|
|
|
|
|
const Loading = ref(false)
|
|
|
|
|
|
|
|
|
|
// 初始化用户列表
|
|
|
|
@ -37,7 +37,7 @@ onMounted(async () => {
|
|
|
|
|
try {
|
|
|
|
|
const data = await SupplierApi.getSupplierPage(queryParams)
|
|
|
|
|
console.log(data.list)
|
|
|
|
|
userList.value = data.list
|
|
|
|
|
supplierList.value = data.list
|
|
|
|
|
// 设置初始值,如果需要的话
|
|
|
|
|
remoteMethod('')
|
|
|
|
|
} catch (error) {
|
|
|
|
@ -50,12 +50,12 @@ const remoteMethod = (query: any) => {
|
|
|
|
|
Loading.value = true
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
Loading.value = false
|
|
|
|
|
userSelectList.value = userList.value
|
|
|
|
|
supplierSelectList.value = supplierList.value
|
|
|
|
|
.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()))
|
|
|
|
|
.slice(0, 10) //只显示前10个
|
|
|
|
|
}, 200)
|
|
|
|
|
} else {
|
|
|
|
|
userSelectList.value = userList.value.slice(0, 10)
|
|
|
|
|
supplierSelectList.value = supplierList.value.slice(0, 10)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|