pull/1/head
siontion 9 months ago
commit bfd74145f3

@ -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>

@ -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>

@ -11,16 +11,16 @@
<BranchSelect v-model="formData.parentId" />
</el-form-item>
<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 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" />
</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" />
@ -145,8 +145,25 @@ const getTree = async () => {
dept.children = handleTree(data)
deptTree.value.push(dept)
}
//
const handleSelectedUser = (newValue: any) => {
console.log('接收对应的数据:', newValue)
console.log('接收职工对应的数据:', newValue)
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>

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

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

Loading…
Cancel
Save