| | |
| | | @keyup.enter="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品规格:"> |
| | | <el-input v-model="searchForm.specification" |
| | | <el-input v-model="searchForm.model" |
| | | placeholder="请输入" |
| | | clearable |
| | | style="width: 160px;" |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="产品规格"> |
| | | <div class="info-display">{{ mergeForm.specification || '-' }}</div> |
| | | <div class="info-display">{{ mergeForm.model || '-' }}</div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | |
| | | filterable |
| | | placeholder="请选择"> |
| | | <el-option v-for="item in specificationOptions" |
| | | :key="item.skuId" |
| | | :label="item.specification" |
| | | :value="item.skuId" /> |
| | | :key="item.id" |
| | | :label="item.model" |
| | | :value="item.id" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="块数" |
| | |
| | | }, |
| | | { |
| | | label: "产品规格", |
| | | prop: "specification", |
| | | prop: "model", |
| | | width: "150px", |
| | | className: "spec-cell", |
| | | }, |
| | |
| | | mergeForm.ids = [row.id]; |
| | | mergeForm.materialCode = row.materialCode; |
| | | mergeForm.productName = row.productName || ""; |
| | | mergeForm.specification = row.specification || ""; |
| | | mergeForm.model = row.model || ""; |
| | | mergeForm.length = row.length || 0; |
| | | mergeForm.width = row.width || 0; |
| | | mergeForm.height = row.height || 0; |
| | |
| | | const mergeForm = reactive({ |
| | | materialCode: "", |
| | | productName: "", |
| | | specification: "", |
| | | model: "", |
| | | length: 0, |
| | | width: 0, |
| | | height: 0, |
| | |
| | | productMaterialId: undefined, |
| | | productMaterialSkuId: undefined, |
| | | productName: "", |
| | | specification: "", |
| | | model: "", |
| | | materialCode: "", |
| | | quantity: 0, |
| | | volume: 0, |
| | |
| | | if (item.materialList && item.materialList.length > 0) { |
| | | newItem.children = item.materialList.map(material => ({ |
| | | value: material.id, // 使用material的id作为value |
| | | label: material.materialName, // 使用materialName作为label |
| | | label: material.productName, // 使用materialName作为label |
| | | })); |
| | | } |
| | | |
| | |
| | | fetchSpecificationOptions(value); |
| | | }; |
| | | |
| | | const fetchSpecificationOptions = materialId => { |
| | | const fetchSpecificationOptions = productId => { |
| | | specificationOptions.value = []; |
| | | if (materialId) { |
| | | modelListPage({ materialId: materialId, size: -1, current: -1 }).then( |
| | | res => { |
| | | specificationOptions.value = res.data.records; |
| | | } |
| | | ); |
| | | if (productId) { |
| | | modelListPage({ productId: productId, size: -1, current: -1 }).then(res => { |
| | | specificationOptions.value = res.data.records; |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | const handleChangeSpecification = value => { |
| | | form.materialCode = undefined; |
| | | const selectedModel = specificationOptions.value.find( |
| | | item => item.skuId === value |
| | | item => item.id === value |
| | | ); |
| | | if (selectedModel) { |
| | | form.materialCode = selectedModel.materialCode; |
| | | // 解析规格字符串获取长宽高 |
| | | const specification = selectedModel.specification; |
| | | if (specification) { |
| | | const dimensions = specification.match(/^(\d+)\*(\d+)\*(\d+)$/); |
| | | const model = selectedModel.model; |
| | | if (model) { |
| | | const dimensions = model.match(/^(\d+)\*(\d+)\*(\d+)$/); |
| | | if (dimensions && dimensions.length === 4) { |
| | | form.length = parseInt(dimensions[1]); |
| | | form.width = parseInt(dimensions[2]); |
| | |
| | | searchForm: { |
| | | customerName: "", |
| | | productName: "", |
| | | specification: "", |
| | | model: "", |
| | | materialCode: "", |
| | | applyNo: "", |
| | | dateRange: [], |
| | |
| | | Object.assign(searchForm.value, { |
| | | customerName: "", |
| | | productName: "", |
| | | specification: "", |
| | | model: "", |
| | | materialCode: "", |
| | | applyNo: "", |
| | | dateRange: [], |
| | |
| | | const firstRow = selectedRows.value[0]; |
| | | mergeForm.materialCode = selectedserialNo.value; |
| | | mergeForm.productName = firstRow.productName || ""; |
| | | mergeForm.specification = firstRow.specification || ""; |
| | | mergeForm.model = firstRow.model || ""; |
| | | mergeForm.length = firstRow.length || 0; |
| | | mergeForm.width = firstRow.width || 0; |
| | | mergeForm.height = firstRow.height || 0; |
| | |
| | | productName: "", |
| | | productMaterialId: undefined, |
| | | productMaterialSkuId: undefined, |
| | | specification: "", |
| | | model: "", |
| | | materialCode: "", |
| | | quantity: 0, |
| | | volume: 0, |
| | |
| | | productName: row.productName || "", |
| | | productMaterialId: row.productMaterialId || undefined, |
| | | productMaterialSkuId: row.productMaterialSkuId || undefined, |
| | | specification: row.specification || "", |
| | | model: row.model || "", |
| | | materialCode: row.materialCode || "", |
| | | quantity: row.quantity || 0, |
| | | volume: row.volume || 0, |