| | |
| | | <div class="app-container"> |
| | | <div class="search_form"> |
| | | <el-form :inline="true" :model="searchForm"> |
| | | <el-form-item label="开票登记"> |
| | | <el-form-item label="客户名称"> |
| | | <el-input |
| | | v-model="searchForm.customerName" |
| | | style="width: 240px" |
| | |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | <br> |
| | | <el-form-item label="产品大类:"> |
| | | <el-input v-model="searchForm.productCategory" placeholder="请输入" clearable prefix-icon="Search" |
| | | @change="handleQuery" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-checkbox |
| | | v-model="searchForm.status" |
| | |
| | | <el-form-item> |
| | | <el-button type="primary" @click="handleQuery"> 搜索 </el-button> |
| | | <el-button @click="resetForm"> 重置 </el-button> |
| | | <el-button @click="handleExport" style="margin-right: 10px">导出</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_list"> |
| | | <div class="flex justify-between"> |
| | | <div></div> |
| | | <div> |
| | | <el-button type="primary" @click="openForm" style="margin-bottom: 8px"> |
| | | 新增登记 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | width="60" |
| | | /> |
| | | <el-table-column label="产品大类" prop="productCategory" /> |
| | | <el-table-column label="规格型号" prop="specificationModel" /> |
| | | <el-table-column |
| | | label="规格型号" |
| | | prop="specificationModel" |
| | | width="150" |
| | | /> |
| | | <el-table-column label="单位" prop="unit" width="70" /> |
| | | <el-table-column label="数量" prop="quantity" width="70" /> |
| | | <el-table-column label="税率(%)" prop="taxRate" width="70" /> |
| | | <el-table-column label="税率(%)" prop="taxRate" width="80" /> |
| | | <el-table-column |
| | | label="含税单价(元)" |
| | | prop="taxInclusiveUnitPrice" |
| | |
| | | label="销售合同号" |
| | | prop="salesContractNo" |
| | | show-overflow-tooltip |
| | | width="200" |
| | | /> |
| | | <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 /> |
| | | <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="contractAmount" |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="220" |
| | | |
| | | /> |
| | | <el-table-column |
| | | label="已开票金额(元)" |
| | | prop="invoiceTotal" |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="未开票金额(元)" show-overflow-tooltip> |
| | | <el-table-column |
| | | label="未开票金额(元)" |
| | | prop="noInvoiceAmountTotal" |
| | | show-overflow-tooltip |
| | | width="120" |
| | | > |
| | | <template #default="{ row, column }"> |
| | | <el-text type="danger"> |
| | | {{ formattedNumber(row, column, row.noInvoiceAmountTotal) }} |
| | |
| | | width="60" |
| | | /> |
| | | <el-table-column label="产品大类" prop="productCategory" /> |
| | | <el-table-column label="规格型号" prop="specificationModel" /> |
| | | <el-table-column |
| | | label="规格型号" |
| | | prop="specificationModel" |
| | | width="150" |
| | | /> |
| | | <el-table-column label="单位" prop="unit" /> |
| | | <el-table-column label="数量" prop="quantity" width="70" /> |
| | | <el-table-column label="税率(%)" prop="taxRate" width="70" /> |
| | | <el-table-column label="税率(%)" prop="taxRate" width="80" /> |
| | | <el-table-column |
| | | label="含税单价(元)" |
| | | prop="taxInclusiveUnitPrice" |
| | | :formatter="formattedNumber" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="含税总价(元)" |
| | | prop="taxInclusiveTotalPrice" |
| | | :formatter="formattedNumber" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="不含税总价(元)" |
| | |
| | | :formatter="formattedNumber" |
| | | width="150" |
| | | /> |
| | | <el-table-column label="本次开票数" prop="currentInvoiceNum"> |
| | | <el-table-column label="本次开票数" prop="currentInvoiceNum" width="180"> |
| | | <template #default="scope"> |
| | | <el-input |
| | | type="number" |
| | | :step="0.1" |
| | | min="0" |
| | | <el-input-number :step="0.1" :min="0" style="width: 100%" |
| | | :precision="2" |
| | | v-model="scope.row.currentInvoiceNum" |
| | | @blur="invoiceNumBlur(scope.row)" |
| | | ></el-input> |
| | | @change="invoiceNumBlur(scope.row)" |
| | | ></el-input-number> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="本次开票金额(元)" |
| | | prop="currentInvoiceAmount" |
| | | width="150" |
| | | width="180" |
| | | > |
| | | <template #default="scope"> |
| | | <el-input |
| | | type="number" |
| | | :step="0.01" |
| | | min="0" |
| | | <el-input-number :step="0.01" :min="0" style="width: 100%" |
| | | :precision="2" |
| | | v-model="scope.row.currentInvoiceAmount" |
| | | @blur="invoiceAmountBlur(scope.row)" |
| | | ></el-input> |
| | | @change="invoiceAmountBlur(scope.row)" |
| | | ></el-input-number> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="未开票数" prop="noInvoiceNum"> |
| | | <el-table-column label="未开票数" prop="noInvoiceNum" width="120"> |
| | | <template #default="scope"> |
| | | <el-input |
| | | type="number" |
| | |
| | | <el-table-column |
| | | label="未开票金额(元)" |
| | | prop="noInvoiceAmount" |
| | | width="150" |
| | | width="200" |
| | | > |
| | | <template #default="scope"> |
| | | <el-input |
| | |
| | | ></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="登记人" prop="register"> |
| | | <template #default="{ row }"> |
| | | <el-input v-model="row.register" placeholder="请输入登记人" /> |
| | | </template> |
| | | <el-table-column label="登记人" prop="register" width="100"> |
| | | <!-- <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.register" |
| | | placeholder="请输入登记人" |
| | | disabled |
| | | /> |
| | | </template> --> |
| | | </el-table-column> |
| | | <el-table-column label="登记日期" prop="registerDate"> |
| | | <template #default="{ row }"> |
| | | <el-table-column label="登记日期" prop="registerDate" width="150"> |
| | | <!-- <template #default="{ row }"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="row.registerDate" |
| | |
| | | type="date" |
| | | placeholder="请选择" |
| | | clearable |
| | | disabled |
| | | /> |
| | | </template> |
| | | </template> --> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-form> |
| | |
| | | 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" }], |
| | | createTime: [{ required: true, message: "请选择", trigger: "change" }], |
| | | }, |
| | | }); |
| | |
| | | }; |
| | | |
| | | const formattedInputNumber = (value) => { |
| | | return parseFloat(value).toFixed(2); |
| | | return value ? parseFloat(value).toFixed(2) : 0; |
| | | }; |
| | | |
| | | // 查询列表 |
| | |
| | | productList({ salesLedgerId: row.id, type: 1 }).then((res) => { |
| | | const index = tableData.value.findIndex((item) => item.id === row.id); |
| | | if (index > -1) { |
| | | tableData.value[index].children = res; |
| | | tableData.value[index].children = res.data; |
| | | } |
| | | expandedRowKeys.value.push(row.id); |
| | | }); |
| | |
| | | const summarizeMainTable = (param) => { |
| | | return proxy.summarizeTable(param, [ |
| | | "contractAmount", |
| | | "noInvoiceAmountTotal", |
| | | "invoiceTotal", |
| | | "noInvoiceAmountTotal", |
| | | ]); |
| | | }; |
| | | // 子表合计方法 |
| | |
| | | "currentInvoiceAmount", |
| | | "noInvoiceNum", |
| | | "noInvoiceAmount", |
| | | "currentInvoiceNum", |
| | | ]); |
| | | }; |
| | | // 打开弹框 |
| | | 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 }; |
| | | productData.value = form.value.productData.map((item) => { |
| | | return item; |
| | | |
| | | // 加载所有选中合同的产品数据 |
| | | const promises = selectedRows.value.map(row => |
| | | getSalesLedgerWithProducts({ id: row.id }) |
| | | ); |
| | | |
| | | Promise.all(promises).then(results => { |
| | | // 合并所有合同的产品数据,并为每个产品添加对应的合同ID |
| | | const allProductData = []; |
| | | results.forEach((result, index) => { |
| | | const contractId = selectedRows.value[index].id; |
| | | if (result.productData) { |
| | | result.productData.forEach(item => { |
| | | allProductData.push({ |
| | | ...item, |
| | | salesLedgerId: contractId // 明确设置合同ID |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | // 设置表单数据(使用第一个合同的基本信息) |
| | | 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; |
| | | form.value.selectedContractIds = selectedRows.value.map(row => row.id); // 存储所有选中的合同ID |
| | | |
| | | productData.value = allProductData; |
| | | |
| | | dialogFormVisible.value = true; |
| | | console.log("productData.value ", productData.value); |
| | | }); |
| | |
| | | proxy.$refs["formRef"].validate((valid) => { |
| | | if (valid) { |
| | | form.value.productData = proxy.HaveJson(productData.value); |
| | | invoiceRegistrationSave(form.value).then((res) => { |
| | | proxy.$modal.msgSuccess("提交成功"); |
| | | closeDia(); |
| | | getList(); |
| | | }); |
| | | form.value.isBatch = selectedRows.value.length > 1; // 设置批量标识 |
| | | |
| | | // 如果是批量操作,需要为每个合同创建单独的开票登记记录 |
| | | if (selectedRows.value.length > 1) { |
| | | // 批量提交逻辑 |
| | | const promises = selectedRows.value.map(contract => { |
| | | // 筛选出属于当前合同的产品数据 |
| | | const contractProductData = productData.value.filter(item => |
| | | item.salesLedgerId === contract.id |
| | | ); |
| | | |
| | | const batchForm = { |
| | | ...form.value, |
| | | salesLedgerId: contract.id, |
| | | productData: contractProductData, |
| | | selectedContractIds: undefined, // 不传递批量ID |
| | | isBatch: true |
| | | }; |
| | | return invoiceRegistrationSave(batchForm); |
| | | }); |
| | | |
| | | Promise.all(promises).then(results => { |
| | | proxy.$modal.msgSuccess(`成功提交${results.length}条开票登记记录`); |
| | | closeDia(); |
| | | getList(); |
| | | }).catch(error => { |
| | | proxy.$modal.msgError("部分提交失败,请检查数据"); |
| | | console.error("批量提交错误:", error); |
| | | }); |
| | | } else { |
| | | // 单个合同提交逻辑 |
| | | invoiceRegistrationSave(form.value).then((res) => { |
| | | proxy.$modal.msgSuccess("提交成功"); |
| | | closeDia(); |
| | | getList(); |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }; |
| | |
| | | }) |
| | | .then(() => { |
| | | proxy.download("/invoiceRegistration/export", {}, "开票登记信息.xlsx"); |
| | | }) |
| | | .catch(() => { |
| | | proxy.$modal.msg("已取消"); |
| | | }); |
| | | }; |
| | | |
| | | // 导出销售台账 |
| | | const handleExport = () => { |
| | | ElMessageBox.confirm("选中的内容将被导出,是否确认导出?", "导出", { |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | proxy.download("/sales/ledger/exportOne", { ...searchForm, ...page }, "开票登记.xlsx"); |
| | | }) |
| | | .catch(() => { |
| | | proxy.$modal.msg("已取消"); |
| | |
| | | font-weight: bold; |
| | | } |
| | | </style> |
| | | |
| | | |
| | | |
| | | |
| | | |