gaoluyang
2025-11-27 357242b782a2e9a28bfc7f77257e544bacd7f868
src/views/salesManagement/invoiceRegistration/index.vue
@@ -2,7 +2,7 @@
  <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"
@@ -26,6 +26,12 @@
            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"
@@ -36,15 +42,18 @@
        <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"
@@ -74,10 +83,14 @@
                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"
@@ -121,36 +134,48 @@
          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) }}
@@ -218,7 +243,7 @@
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="录入人">
            <el-form-item label="录入人" prop="createUer">
              <el-input v-model="form.createUer" placeholder="请输入录入人" />
            </el-form-item>
          </el-col>
@@ -274,19 +299,25 @@
            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="不含税总价(元)"
@@ -294,33 +325,29 @@
            :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"
@@ -333,7 +360,7 @@
          <el-table-column
            label="未开票金额(元)"
            prop="noInvoiceAmount"
            width="150"
            width="200"
          >
            <template #default="scope">
              <el-input
@@ -347,13 +374,17 @@
              ></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"
@@ -362,8 +393,9 @@
                type="date"
                placeholder="请选择"
                clearable
                disabled
              />
            </template>
            </template> -->
          </el-table-column>
        </el-table>
      </el-form>
@@ -391,6 +423,7 @@
import { invoiceRegistrationSave } from "@/api/salesManagement/invoiceRegistration.js";
import useFormData from "@/hooks/useFormData";
import useUserStore from "@/store/modules/user";
import dayjs from "dayjs";
const { proxy } = getCurrentInstance();
const userStore = useUserStore();
@@ -415,6 +448,8 @@
    createUer: undefined, // 登记人
    issueDate: undefined, // 开票日期
    createTime: undefined, // 录入日期:
    productCategory: "",
    isInvoice: 1
  },
  form: {
    salesLedgerId: "",
@@ -423,11 +458,16 @@
    projectName: "",
    productData: [],
    invoiceNo: "",
    createUer: "",
    issueDate: "",
    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 { form, rules } = toRefs(data);
@@ -445,7 +485,7 @@
};
const formattedInputNumber = (value) => {
  return parseFloat(value).toFixed(2);
  return value ? parseFloat(value).toFixed(2) : 0;
};
// 查询列表
@@ -484,7 +524,7 @@
      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);
      });
@@ -499,8 +539,8 @@
const summarizeMainTable = (param) => {
  return proxy.summarizeTable(param, [
    "contractAmount",
    "noInvoiceAmountTotal",
    "invoiceTotal",
    "noInvoiceAmountTotal",
  ]);
};
// 子表合计方法
@@ -514,22 +554,60 @@
    "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);
  });
@@ -539,11 +617,43 @@
  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();
        });
      }
    }
  });
};
@@ -561,6 +671,21 @@
  })
    .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("已取消");
@@ -634,3 +759,8 @@
  font-weight: bold;
}
</style>