pull/1/head
siontion 9 months ago
commit bfd74145f3

@ -15,7 +15,7 @@
<el-option <el-option
v-for="item in classesSelectList" v-for="item in classesSelectList"
:key="item.id" :key="item.id"
:label="item.name" :label="item.code+' '+item.name"
:value="item.id" :value="item.id"
/> />
</el-select> </el-select>
@ -25,6 +25,9 @@
import { ref, onMounted, toRefs } from 'vue' import { ref, onMounted, toRefs } from 'vue'
import * as ClassesApi from '@/api/heli/classes' import * as ClassesApi from '@/api/heli/classes'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const classesList = ref<ClassesApi.ClassesVO[]>([]) // const classesList = ref<ClassesApi.ClassesVO[]>([]) //
const classesSelectList = ref<ClassesApi.ClassesVO[]>([]) const classesSelectList = ref<ClassesApi.ClassesVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -40,7 +43,6 @@ onMounted(async () => {
} }
try { try {
const data = await ClassesApi.getClassesPage(queryParams) const data = await ClassesApi.getClassesPage(queryParams)
console.log(data.list)
classesList.value = data.list classesList.value = data.list
// //
remoteMethod('') remoteMethod('')
@ -54,12 +56,19 @@ const remoteMethod = (query: any) => {
Loading.value = true Loading.value = true
setTimeout(() => { setTimeout(() => {
Loading.value = false 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 .slice(0, 10) //10
}, 200) }, 200)
} else { } else {
classesSelectList.value = classesList.value.slice(0, 10) 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> </script>

@ -12,7 +12,12 @@
:loading="Loading" :loading="Loading"
@change="onSelectChange" @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> </el-select>
</template> </template>
@ -21,6 +26,9 @@ import { ref, onMounted, toRefs } from 'vue'
import * as CustomerApi from '@/api/heli/customer' import * as CustomerApi from '@/api/heli/customer'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const clientList = ref<CustomerApi.CustomerVO[]>([]) // const clientList = ref<CustomerApi.CustomerVO[]>([]) //
const clientSelectList = ref<CustomerApi.CustomerVO[]>([]) const clientSelectList = ref<CustomerApi.CustomerVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -51,7 +59,11 @@ const remoteMethod = (query: any) => {
setTimeout(() => { setTimeout(() => {
Loading.value = false Loading.value = false
clientSelectList.value = clientList.value 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 .slice(0, 10) //10
}, 200) }, 200)
} else { } 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> </script>

@ -11,16 +11,16 @@
<BranchSelect v-model="formData.parentId" /> <BranchSelect v-model="formData.parentId" />
</el-form-item> </el-form-item>
<el-form-item label="车间" prop="workshopId"> <el-form-item label="车间" prop="workshopId">
<WorkshopSelect v-model="formData.workshopId" /> <WorkshopSelect v-model="formData.workshopId" @update:newValue="handleSelectedWorkshop" />
</el-form-item> </el-form-item>
<el-form-item label="班组" prop="classesId"> <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>
<el-form-item label="职工" prop="leaderUserId"> <el-form-item label="职工" prop="leaderUserId">
<UserSelect v-model="formData.leaderUserId" @update:newValue="handleSelectedUser" /> <UserSelect v-model="formData.leaderUserId" @update:newValue="handleSelectedUser" />
</el-form-item> </el-form-item>
<el-form-item label="客户" prop="clientId"> <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>
<el-form-item label="供应商" prop="supplierId"> <el-form-item label="供应商" prop="supplierId">
<SupplierSelect v-model="formData.supplierId" /> <SupplierSelect v-model="formData.supplierId" />
@ -145,8 +145,25 @@ const getTree = async () => {
dept.children = handleTree(data) dept.children = handleTree(data)
deptTree.value.push(dept) deptTree.value.push(dept)
} }
//
const handleSelectedUser = (newValue: any) => { const handleSelectedUser = (newValue: any) => {
console.log('接收对应的数据:', newValue) console.log('接收职工对应的数据:', newValue)
formData.value.leaderUserId = newValue.id formData.value.leaderUserId = newValue.id
} }
//
const handleSelectedWorkshop = (newValue: any) => {
console.log('接收车间对应的数据:', newValue)
formData.value.workshopId = newValue.id
}
//
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> </script>

@ -49,7 +49,7 @@ onMounted(async () => {
const userParams = { const userParams = {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
status: '0' // status: undefined, //
} }
try { try {
const data = await UserApi.getUserPage(userParams) const data = await UserApi.getUserPage(userParams)

@ -12,7 +12,12 @@
:loading="Loading" :loading="Loading"
@change="onSelectChange" @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> </el-select>
</template> </template>
@ -20,6 +25,8 @@
import { ref, onMounted, toRefs } from 'vue' import { ref, onMounted, toRefs } from 'vue'
import * as WorkshopApi from '@/api/heli/workshop' import * as WorkshopApi from '@/api/heli/workshop'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const workshopList = ref<WorkshopApi.WorkshopVO[]>([]) // const workshopList = ref<WorkshopApi.WorkshopVO[]>([]) //
const workshopSelectList = ref<WorkshopApi.WorkshopVO[]>([]) const workshopSelectList = ref<WorkshopApi.WorkshopVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -35,7 +42,6 @@ onMounted(async () => {
} }
try { try {
const data = await WorkshopApi.getWorkshopPage(queryParams) const data = await WorkshopApi.getWorkshopPage(queryParams)
console.log(data.list)
workshopList.value = data.list workshopList.value = data.list
// //
remoteMethod('') remoteMethod('')
@ -50,12 +56,19 @@ const remoteMethod = (query: any) => {
setTimeout(() => { setTimeout(() => {
Loading.value = false Loading.value = false
workshopSelectList.value = workshopList.value 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 .slice(0, 10) //10
}, 200) }, 200)
} else { } else {
workshopSelectList.value = workshopList.value.slice(0, 10) workshopSelectList.value = workshopList.value.slice(0, 10)
} }
} }
const onSelectChange = (newValue: any) => {
valueNameObject.value = workshopList.value.find((workshop) => workshop.id === newValue) //
emit('update:newValue', valueNameObject.value)
}
</script> </script>

Loading…
Cancel
Save