| | |
| | | @change="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="客户合同号"> |
| | | <el-input |
| | | v-model="searchForm.customerContractNo" |
| | | placeholder="请输入客户合同号" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称"> |
| | | <el-input |
| | | v-model="searchForm.projectName" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-checkbox |
| | | v-model="searchForm.status" |
| | |
| | | label="销售合同号" |
| | | prop="salesContractNo" |
| | | show-overflow-tooltip |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="客户合同号" |
| | | prop="customerContractNo" |
| | | width="200" |
| | | show-overflow-tooltip |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- label="客户合同号"--> |
| | | <!-- prop="customerContractNo"--> |
| | | <!-- width="200"--> |
| | | <!-- show-overflow-tooltip--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | label="客户名称" |
| | | prop="customerName" |
| | | show-overflow-tooltip |
| | | width="240" |
| | | /> |
| | | <el-table-column label="业务员" prop="salesman" show-overflow-tooltip width="90"/> |
| | | <el-table-column |
| | | label="项目名称" |
| | | prop="projectName" |
| | | show-overflow-tooltip |
| | | width="200" |
| | | /> |
| | | <el-table-column label="业务员" prop="salesman" show-overflow-tooltip/> |
| | | <el-table-column |
| | | label="合同金额(元)" |
| | | prop="contractAmount" |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="220" |
| | | |
| | | /> |
| | | <el-table-column |
| | |
| | | prop="invoiceTotal" |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="未开票金额(元)" |
| | |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="销售合同号:" prop="salesContractNo"> |
| | | <el-input v-model="form.salesContractNo" disabled></el-input> |
| | | <el-input v-model="form.salesContractNo" disabled placeholder="多合同批量处理(具体合同号见产品列表)"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | <el-form-item label="业务员:" prop="salesman"> |
| | | <el-input |
| | | v-model="form.salesman" |
| | | placeholder="自动填充" |
| | | disabled |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="项目名称:" prop="projectName"> |
| | | <el-input |
| | | v-model="form.projectName" |
| | | placeholder="自动填充" |
| | | disabled |
| | | /> |
| | |
| | | type="index" |
| | | width="60" |
| | | /> |
| | | <el-table-column label="所属合同" prop="salesContractNo" width="200"> |
| | | <template #default="{ row }"> |
| | | <el-tag type="primary">{{ row.salesContractNo }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="产品大类" prop="productCategory" /> |
| | | <el-table-column |
| | | label="规格型号" |
| | |
| | | createUer: undefined, // 登记人 |
| | | issueDate: undefined, // 开票日期 |
| | | createTime: undefined, // 录入日期: |
| | | productCategory: "", |
| | | isInvoice: 1 |
| | | }, |
| | | form: { |
| | | salesLedgerId: "", |
| | |
| | | invoiceNo: "", |
| | | createUer: userStore.nickName, |
| | | issueDate: dayjs().format("YYYY-MM-DD"), |
| | | selectedContractIds: [], // 新增:存储所有选中的合同ID |
| | | isBatch: false // 新增:标识是否为批量操作 |
| | | }, |
| | | rules: { |
| | | salesLedgerId: [{ required: true, message: "请选择", trigger: "change" }], |
| | | createUer: [{ required: true, message: "请选择", trigger: "blur" }], |
| | | issueDate: [{ required: true, message: "请选择", trigger: "change" }], |
| | | invoiceNo: [{ required: true, message: "请输入", trigger: "change" }], |
| | |
| | | }; |
| | | // 打开弹框 |
| | | const openForm = () => { |
| | | // 判断是否多选 |
| | | if (selectedRows.value.length != 1) { |
| | | proxy.$modal.msgError("请选择一条合同"); |
| | | // 判断是否选择了合同 |
| | | if (selectedRows.value.length === 0) { |
| | | proxy.$modal.msgError("请至少选择一条合同"); |
| | | return; |
| | | } |
| | | |
| | | // 检查所有选择的合同是否具有相同的客户名称 |
| | | const firstRow = selectedRows.value[0]; |
| | | const isSameCustomer = selectedRows.value.every(row => |
| | | row.customerName === firstRow.customerName |
| | | ); |
| | | |
| | | if (!isSameCustomer) { |
| | | proxy.$modal.msgError("请选择相同客户名称的合同"); |
| | | return; |
| | | } |
| | | |
| | | // 允许不同的销售合同号批量处理,无需检查重复 |
| | | |
| | | form.value = {}; |
| | | productData.value = []; |
| | | getSalesLedgerWithProducts({ id: selectedRows.value[0].id }).then((res) => { |
| | | form.value = { ...res }; |
| | | |
| | | // 加载所有选中合同的产品数据 |
| | | const promises = selectedRows.value.map(row => |
| | | getSalesLedgerWithProducts({ id: row.id }) |
| | | ); |
| | | |
| | | Promise.all(promises).then(results => { |
| | | // 合并所有合同的产品数据,并为每个产品添加对应的合同信息 |
| | | const allProductData = []; |
| | | results.forEach((result, index) => { |
| | | const contract = selectedRows.value[index]; |
| | | const contractId = contract.id; |
| | | if (result.productData) { |
| | | result.productData.forEach(item => { |
| | | allProductData.push({ |
| | | ...item, |
| | | id: contractId, // 明确设置合同ID |
| | | salesContractNo: contract.salesContractNo, // 添加销售合同号 |
| | | customerName: contract.customerName, // 添加客户名称 |
| | | customerContractNo: contract.customerContractNo // 添加客户合同号 |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | // 设置表单数据(使用第一个合同的基本信息,销售合同号留空) |
| | | form.value = { ...results[0] }; |
| | | form.value.createTime = dayjs().format("YYYY-MM-DD"); |
| | | form.value.issueDate = dayjs().format("YYYY-MM-DD"); |
| | | form.value.createUer = userStore.nickName; |
| | | productData.value = form.value.productData.map((item) => { |
| | | return item; |
| | | }); |
| | | form.value.selectedContractIds = selectedRows.value.map(row => row.id); // 存储所有选中的合同ID |
| | | form.value.salesContractNo = ""; // 销售合同号留空,因为会在产品表格中分别显示 |
| | | |
| | | productData.value = allProductData; |
| | | |
| | | dialogFormVisible.value = true; |
| | | console.log("productData.value ", productData.value); |
| | | }); |
| | |
| | | const submitForm = () => { |
| | | proxy.$refs["formRef"].validate((valid) => { |
| | | if (valid) { |
| | | form.value.productData = proxy.HaveJson(productData.value); |
| | | invoiceRegistrationSave(form.value).then((res) => { |
| | | // 如果是批量操作,将所有合同的数据放在一个数组里,只调用一次接口 |
| | | if (selectedRows.value.length > 1) { |
| | | // 创建包含所有合同数据的数组 |
| | | const batchData = selectedRows.value.map(contract => { |
| | | // 筛选出属于当前合同的产品数据 |
| | | const contractProductData = productData.value.filter(item => |
| | | item.salesLedgerId === contract.id |
| | | ); |
| | | |
| | | // 为每个销售合同号创建独立的对象 |
| | | return { |
| | | // 基础表单数据 |
| | | issueDate: form.value.issueDate, |
| | | createTime: form.value.createTime, |
| | | createUer: form.value.createUer, |
| | | invoiceNo: form.value.invoiceNo, |
| | | |
| | | // 合同实际信息 |
| | | id: contract.id, // 使用id作为字段名,值为salesLedgerId |
| | | salesContractNo: contract.salesContractNo, // 使用实际的销售合同号 |
| | | customerName: contract.customerName, // 使用实际的客户名称 |
| | | customerId: contract.customerId, // 添加客户ID |
| | | customerContractNo: contract.customerContractNo, // 使用实际的客户合同号 |
| | | projectName: contract.projectName, // 使用实际的项目名称 |
| | | salesman: contract.salesman, // 使用实际的业务员 |
| | | |
| | | // 产品数据 |
| | | productData: proxy.HaveJson(contractProductData), |
| | | |
| | | // 批量标识 |
| | | isBatch: true |
| | | }; |
| | | }); |
| | | |
| | | // 只调用一次接口,传递包含所有合同数据的数组 |
| | | invoiceRegistrationSave(batchData).then(() => { |
| | | proxy.$modal.msgSuccess("批量新增成功"); |
| | | closeDia(); |
| | | getList(); |
| | | }); |
| | | } else { |
| | | // 单个合同提交逻辑 - 也以数组形式传递 |
| | | const singleContract = selectedRows.value[0]; |
| | | const singleFormArray = [ |
| | | { |
| | | // 基础表单数据 |
| | | issueDate: form.value.issueDate, |
| | | createTime: form.value.createTime, |
| | | createUer: form.value.createUer, |
| | | invoiceNo: form.value.invoiceNo, |
| | | |
| | | // 合同实际信息 |
| | | id: singleContract.id, // 使用id作为字段名,值为salesLedgerId |
| | | salesContractNo: singleContract.salesContractNo, // 使用实际的销售合同号 |
| | | customerName: singleContract.customerName, // 使用实际的客户名称 |
| | | customerId: singleContract.customerId, // 添加客户ID |
| | | customerContractNo: singleContract.customerContractNo, // 使用实际的客户合同号 |
| | | projectName: singleContract.projectName, // 使用实际的项目名称 |
| | | salesman: singleContract.salesman, // 使用实际的业务员 |
| | | |
| | | // 产品数据 |
| | | productData: proxy.HaveJson(productData.value), |
| | | |
| | | // 批量标识 |
| | | isBatch: false |
| | | } |
| | | ]; |
| | | invoiceRegistrationSave(singleFormArray).then((res) => { |
| | | proxy.$modal.msgSuccess("提交成功"); |
| | | closeDia(); |
| | | getList(); |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }; |
| | |
| | | font-weight: bold; |
| | | } |
| | | </style> |
| | | |
| | | |
| | | |
| | | |
| | | |