pull/1/head
siontion 9 months ago
commit 919cfe978d

@ -44,7 +44,6 @@ onMounted(async () => {
} }
try { try {
const data = await CustomerApi.getCustomerPage(clientParams) const data = await CustomerApi.getCustomerPage(clientParams)
console.log(data.list)
clientList.value = data.list clientList.value = data.list
// //
remoteMethod('') remoteMethod('')

@ -12,7 +12,12 @@
:loading="Loading" :loading="Loading"
@change="onSelectChange" @change="onSelectChange"
> >
<el-option v-for="item in compositionSelectList" :key="item.id" :label="item.name" :value="item.id" /> <el-option
v-for="item in compositionSelectList"
:key="item.id"
:label="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 CompositionApi from '@/api/heli/composition' import * as CompositionApi from '@/api/heli/composition'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const compositionList = ref<CompositionApi.CompositionVO[]>([]) // const compositionList = ref<CompositionApi.CompositionVO[]>([]) //
const compositionSelectList = ref<CompositionApi.CompositionVO[]>([]) const compositionSelectList = ref<CompositionApi.CompositionVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -35,7 +42,6 @@ onMounted(async () => {
} }
try { try {
const data = await CompositionApi.getCompositionPage(queryParams) const data = await CompositionApi.getCompositionPage(queryParams)
console.log(data.list)
compositionList.value = data.list compositionList.value = data.list
// //
remoteMethod('') remoteMethod('')
@ -57,5 +63,8 @@ const remoteMethod = (query: any) => {
compositionSelectList.value = compositionList.value.slice(0, 10) compositionSelectList.value = compositionList.value.slice(0, 10)
} }
} }
const onSelectChange = (newValue: any) => {
valueNameObject.value = compositionList.value.find( composition => composition.id === newValue); //
emit('update:newValue', valueNameObject.value)
}
</script> </script>

@ -23,13 +23,13 @@
<ClientSelect v-model="formData.clientId" @update:newValue="handleSelectedClient" /> <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" @update:newValue="handleSelectedSupplier" />
</el-form-item> </el-form-item>
<el-form-item label="材质" prop="compositionId"> <el-form-item label="材质" prop="compositionId">
<CompositionSelect v-model="formData.compositionId" /> <CompositionSelect v-model="formData.compositionId" @update:newValue="handleSelectedComposition" />
</el-form-item> </el-form-item>
<el-form-item label="物料" prop="materialId"> <el-form-item label="物料" prop="materialId">
<MaterialSelect v-model="formData.materialId" /> <MaterialSelect v-model="formData.materialId" @update:newValue="handleSelectedMaterial" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -116,8 +116,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 提交表单 */ /** 提交表单 */
const emit = defineEmits(['success']) // success const emit = defineEmits(['success']) // success
const submitForm = async () => { const submitForm = async () => {
alert(formData.value.parentId) alert('提交表单 看打印台')
alert(formData.value.leaderUserId)
} }
/** 重置表单 */ /** 重置表单 */
@ -166,4 +165,21 @@ const handleSelectedClient = (newValue: any) => {
console.log('接收客户对应的数据:', newValue) console.log('接收客户对应的数据:', newValue)
formData.value.clientId = newValue.id formData.value.clientId = newValue.id
} }
//
const handleSelectedSupplier = (newValue: any) => {
console.log('接收供应商对应的数据:', newValue)
formData.value.supplierId = newValue.id
}
//
const handleSelectedComposition = (newValue: any) => {
console.log('接收材质对应的数据:', newValue)
formData.value.compositionId = newValue.id
}
//
const handleSelectedMaterial = (newValue: any) => {
console.log('接收物料对应的数据:', newValue)
formData.value. materialId = newValue.id
}
</script> </script>

@ -12,7 +12,7 @@
:loading="Loading" :loading="Loading"
@change="onSelectChange" @change="onSelectChange"
> >
<el-option v-for="item in materialSelectList" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in materialSelectList" :key="item.id" :label="item.code+' '+item.name" :value="item.id" />
</el-select> </el-select>
</template> </template>
@ -20,6 +20,8 @@
import { ref, onMounted, toRefs } from 'vue' import { ref, onMounted, toRefs } from 'vue'
import * as MaterialApi from '@/api/heli/material' import * as MaterialApi from '@/api/heli/material'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const materialList = ref<MaterialApi.MaterialVO[]>([]) // const materialList = ref<MaterialApi.MaterialVO[]>([]) //
const materialSelectList = ref<MaterialApi.MaterialVO[]>([]) const materialSelectList = ref<MaterialApi.MaterialVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -35,7 +37,6 @@ onMounted(async () => {
} }
try { try {
const data = await MaterialApi.getMaterialPage(queryParams) const data = await MaterialApi.getMaterialPage(queryParams)
console.log(data.list)
materialList.value = data.list materialList.value = data.list
// //
remoteMethod('') remoteMethod('')
@ -50,7 +51,11 @@ const remoteMethod = (query: any) => {
setTimeout(() => { setTimeout(() => {
Loading.value = false Loading.value = false
materialSelectList.value = materialList.value materialSelectList.value = materialList.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 {
@ -58,4 +63,8 @@ const remoteMethod = (query: any) => {
} }
} }
const onSelectChange = (newValue: any) => {
valueNameObject.value = materialList.value.find( material => material.id === newValue); //
emit('update:newValue', valueNameObject.value)
}
</script> </script>

@ -12,7 +12,7 @@
:loading="Loading" :loading="Loading"
@change="onSelectChange" @change="onSelectChange"
> >
<el-option v-for="item in supplierSelectList" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in supplierSelectList" :key="item.id" :label="item.code + ' ' + item.name" :value="item.id" />
</el-select> </el-select>
</template> </template>
@ -21,6 +21,9 @@ import { ref, onMounted, toRefs } from 'vue'
import * as SupplierApi from '@/api/heli/supplier' import * as SupplierApi from '@/api/heli/supplier'
const valueName: any = ref() // const valueName: any = ref() //
const valueNameObject: any = ref() //
const emit = defineEmits(['update:newValue'])
const supplierList = ref<SupplierApi.SupplierVO[]>([]) // const supplierList = ref<SupplierApi.SupplierVO[]>([]) //
const supplierSelectList = ref<SupplierApi.SupplierVO[]>([]) const supplierSelectList = ref<SupplierApi.SupplierVO[]>([])
const Loading = ref(false) const Loading = ref(false)
@ -36,7 +39,6 @@ onMounted(async () => {
} }
try { try {
const data = await SupplierApi.getSupplierPage(queryParams) const data = await SupplierApi.getSupplierPage(queryParams)
console.log(data.list)
supplierList.value = data.list supplierList.value = data.list
// //
remoteMethod('') remoteMethod('')
@ -51,7 +53,11 @@ const remoteMethod = (query: any) => {
setTimeout(() => { setTimeout(() => {
Loading.value = false Loading.value = false
supplierSelectList.value = supplierList.value supplierSelectList.value = supplierList.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,9 +65,8 @@ const remoteMethod = (query: any) => {
} }
} }
// const onSelectChange = (newValue: number | null) => { const onSelectChange = (newValue: any) => {
// // console.log(newValue) valueNameObject.value = supplierList.value.find(supplier => supplier.id === newValue); //
// emit('update:valueName', newValue) emit('update:newValue', valueNameObject.value)
// valueName.value = newValue }
// }
</script> </script>

Loading…
Cancel
Save