开票登记后，下拉框展示的数据有误

zhangwencui

13 小时以前 9b0aed26bc400fdb1b6d62084346df06993a6ebf

 src/views/procurementManagement/invoiceEntry/components/Modal.vue

@@ -1,36 +1,37 @@
<template>
   <el-dialog :title="modalOptions.title" v-model="visible" width="70%">
      <el-form
         ref="formRef"
  <el-dialog :title="modalOptions.title"
             v-model="visible"
             width="70%">
    <el-form ref="formRef"
         :model="form"
         :rules="rules"
         label-width="120px"
         label-position="top"
      >
             label-position="top">
         <el-row :gutter="30">
            <el-col :span="12">
               <el-form-item label="采购合同号：" prop="purchaseLedgerNo">
                  <el-input v-model="form.purchaseLedgerNo" disabled placeholder="多合同批量处理（具体合同号见产品列表）" />
          <el-form-item label="采购合同号："
                        prop="purchaseLedgerNo">
            <el-input v-model="form.purchaseLedgerNo"
                      disabled
                      placeholder="多合同批量处理（具体合同号见产品列表）" />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="销售合同号：" prop="salesContractNo">
                  <el-input
                     v-model="form.salesContractNo"
          <el-form-item label="销售合同号："
                        prop="salesContractNo">
            <el-input v-model="form.salesContractNo"
                     placeholder="自动填充"
                     clearable
                     disabled
                  />
                      disabled />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="供应商名称：" prop="supplierName">
                  <el-input
                     v-model="form.supplierName"
          <el-form-item label="供应商名称："
                        prop="supplierName">
            <el-input v-model="form.supplierName"
                     placeholder="自动填充"
                     clearable
                     disabled
                  />
                      disabled />
               </el-form-item>
            </el-col>
<!--            <el-col :span="12">-->
@@ -44,61 +45,58 @@
<!--               </el-form-item>-->
<!--            </el-col>-->
            <el-col :span="12">
               <el-form-item label="发票号：" prop="invoiceNumber">
                  <el-input
                     v-model="form.invoiceNumber"
          <el-form-item label="发票号："
                        prop="invoiceNumber">
            <el-input v-model="form.invoiceNumber"
                     placeholder="请输入"
                     clearable
                  />
                      clearable />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="发票金额(元)：" prop="invoiceAmount">
                  <el-input-number :step="0.01" :min="0" style="width: 100%"
          <el-form-item label="发票金额(元)："
                        prop="invoiceAmount">
            <el-input-number :step="0.01"
                             :min="0"
                             style="width: 100%"
                                           v-model="form.invoiceAmount"
                                           placeholder="请输入发票金额"
                                           clearable
                  />
                             clearable />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="录入人：" prop="issUer">
                  <el-input
                     v-model="form.issUer"
          <el-form-item label="录入人："
                        prop="issUer">
            <el-input v-model="form.issUer"
                     placeholder="请输入"
                     clearable
                     disabled
                  />
                      disabled />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="开票日期：" prop="entryDate">
                  <el-date-picker
                     style="width: 100%"
          <el-form-item label="开票日期："
                        prop="entryDate">
            <el-date-picker style="width: 100%"
                     v-model="form.entryDate"
                     type="date"
                     value-format="YYYY-MM-DD"
                     format="YYYY-MM-DD"
                     clearable
                  />
                            clearable />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="录入日期：" prop="enterDate">
                  <el-date-picker
                     style="width: 100%"
          <el-form-item label="录入日期："
                        prop="enterDate">
            <el-date-picker style="width: 100%"
                     v-model="form.enterDate"
                     type="date"
                     value-format="YYYY-MM-DD"
                     format="YYYY-MM-DD"
                     clearable
                  />
                            clearable />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="上传附件">
                  <FileUpload
                     :showTip="false"
            <FileUpload :showTip="false"
                     accept="*"
                     :autoUpload="true"
                     :action="action"
@@ -107,91 +105,91 @@
              }"
                     :limit="10"
                     @success="uploadSuccess"
                     @remove="removeFile"
                  />
                        @remove="removeFile" />
               </el-form-item>
            </el-col>
			
         </el-row>
         <el-form-item label="产品信息："> </el-form-item>
         <el-table
            :data="form.productData"
      <el-table :data="form.productData"
            border
            show-summary
            :summary-method="summarizeChildrenTable"
         >
            <el-table-column align="center" label="序号" type="index" width="60" />
            <el-table-column label="所属合同" prop="purchaseLedgerNo" width="200">
                :summary-method="summarizeChildrenTable">
        <el-table-column align="center"
                         label="序号"
                         type="index"
                         width="60" />
        <el-table-column label="所属合同"
                         prop="purchaseLedgerNo"
                         width="200">
               <template #default="{ row }">
                  <el-tag type="primary">{{ row.purchaseLedgerNo }}</el-tag>
               </template>
            </el-table-column>
            <el-table-column label="产品大类" prop="productCategory" />
            <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="80" />
            <el-table-column
               label="含税单价(元)"
        <el-table-column label="产品大类"
                         prop="productCategory" />
        <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="80" />
        <el-table-column label="含税单价(元)"
               prop="taxInclusiveUnitPrice"
               :formatter="formattedNumber"
            />
            <el-table-column
               label="含税总价(元)"
                         :formatter="formattedNumber" />
        <el-table-column label="含税总价(元)"
               prop="taxInclusiveTotalPrice"
               :formatter="formattedNumber"
            />
            <el-table-column
               label="不含税总价(元)"
                         :formatter="formattedNumber" />
        <el-table-column label="不含税总价(元)"
               prop="taxExclusiveTotalPrice"
               :formatter="formattedNumber"
            />
            <el-table-column label="本次开票数" prop="ticketsNum" width="180">
                         :formatter="formattedNumber" />
        <el-table-column label="本次开票数"
                         prop="ticketsNum"
                         width="180">
               <template #default="scope">
                  <el-input-number :step="0.1" :min="0" style="width: 100%"
            <el-input-number :step="0.1"
                             :min="0"
                             style="width: 100%"
                                           :precision="2"
                                           v-model="scope.row.ticketsNum"
                                           @change="invoiceNumBlur(scope.row)"
                  />
                             @change="invoiceNumBlur(scope.row)" />
               </template>
            </el-table-column>
            <el-table-column
               label="本次开票金额(元)"
        <el-table-column label="本次开票金额(元)"
               prop="ticketsAmount"
               width="180"
            >
                         width="180">
               <template #default="scope">
                  <el-input-number :step="0.01" :min="0" style="width: 100%"
            <el-input-number :step="0.01"
                             :min="0"
                             style="width: 100%"
                                           :precision="2"
                                           v-model="scope.row.ticketsAmount"
                                           @change="invoiceAmountBlur(scope.row)"
                  />
                             @change="invoiceAmountBlur(scope.row)" />
               </template>
            </el-table-column>
            <el-table-column
               label="未来票数"
        <el-table-column label="未来票数"
               prop="futureTickets"
               :formatter="formattedNumber"
            />
            <el-table-column
               label="本次来票金额(元)"
                         :formatter="formattedNumber" />
        <el-table-column label="本次来票金额(元)"
               prop="ticketsAmount"
               :formatter="formattedNumber"
            />
            <el-table-column
               label="未来票数"
                         :formatter="formattedNumber" />
        <el-table-column label="未来票数"
               prop="futureTickets"
               :formatter="formattedNumber"
            />
            <el-table-column
               label="未来票金额(元)"
                         :formatter="formattedNumber" />
        <el-table-column label="未来票金额(元)"
               prop="futureTicketsAmount"
               :formatter="formattedNumber"
            />
                         :formatter="formattedNumber" />
         </el-table>
      </el-form>
      <template #footer>
         <el-button type="primary" :loading="modalLoading" @click="submitForm">
      <el-button type="primary"
                 :loading="modalLoading"
                 @click="submitForm">
            确认
         </el-button>
         <el-button @click="closeModal">取消</el-button>
@@ -201,7 +199,7 @@

<script setup>
import { ref, getCurrentInstance } from "vue";
import { defineEmits } from 'vue';
  import { defineEmits } from "vue";
import { useModal } from "@/hooks/useModal";
import useFormData from "@/hooks/useFormData";
import FileUpload from "@/components/Upload/FileUpload.vue";
@@ -265,7 +263,7 @@
   title: "来票登记",
});

const emit = defineEmits(['refreshList']);
  const emit = defineEmits(["refreshList"]);

const columns = [
   {
@@ -302,7 +300,7 @@
      label: "含税单价(元)",
      prop: "taxInclusiveUnitPrice",
      width: 150,
      formatData: (val) => {
      formatData: val => {
         return val ? parseFloat(val).toFixed(2) : 0;
      },
   },
@@ -310,7 +308,7 @@
      label: "含税总价(元)",
      prop: "taxInclusiveTotalPrice",
      width: 150,
      formatData: (val) => {
      formatData: val => {
         return parseFloat(val).toFixed(2) ?? 0;
      },
   },
@@ -318,7 +316,7 @@
      label: "不含税总价(元)",
      prop: "taxExclusiveTotalPrice",
      width: 150,
      formatData: (val) => {
      formatData: val => {
         return parseFloat(val).toFixed(2) ?? 0;
      },
   },
@@ -363,8 +361,8 @@
   if (type == "add") {
      // 检查所有选择的合同是否具有相同的供应商名称
      const firstRow = selectedRows[0];
      const isSameSupplier = selectedRows.every(row =>
         row.supplierName === firstRow.supplierName
      const isSameSupplier = selectedRows.every(
        row => row.supplierName === firstRow.supplierName
      );
      
      if (!isSameSupplier) {
@@ -376,16 +374,14 @@
      
      // 清空表单数据
      Object.keys(form).forEach(key => {
         if (key !== 'productData') {
        if (key !== "productData") {
            form[key] = undefined;
         }
      });
      form.productData = [];
      
      // 加载所有选中合同的产品数据
      const promises = selectedRows.map(row =>
         getInfo({ id: row.id })
      );
      const promises = selectedRows.map(row => getInfo({ id: row.id }));
      
      Promise.all(promises).then(results => {
         // 合并所有合同的产品数据，并为每个产品添加对应的合同信息
@@ -397,10 +393,10 @@
               result.data.productData.forEach(item => {
                  allProductData.push({
                     ...item,
                     id: contractId, // 明确设置合同ID
                // id: contractId, // 明确设置合同ID
                     purchaseLedgerNo: contract.purchaseContractNumber, // 添加采购合同号
                     supplierName: contract.supplierName, // 添加供应商名称
                     projectName: contract.projectName // 添加项目名称
                projectName: contract.projectName, // 添加项目名称
                  });
               });
            }
@@ -438,7 +434,7 @@
   }
};
// 子表合计方法
const summarizeChildrenTable = (param) => {
  const summarizeChildrenTable = param => {
   return proxy.summarizeTable(param, [
      "taxInclusiveUnitPrice",
      "taxInclusiveTotalPrice",
@@ -451,7 +447,7 @@
   ]);
};
//本次来票数失焦操作
const invoiceNumBlur = (row) => {
  const invoiceNumBlur = row => {
   if (!row.ticketsNum || row.ticketsNum === "") {
      row.ticketsNum = 0;
   }
@@ -461,16 +457,18 @@
      return;
   }
   // 计算本次来票金额
   row.ticketsAmount = (row.ticketsNum * row.taxInclusiveUnitPrice).toFixed(2)
    row.ticketsAmount = (row.ticketsNum * row.taxInclusiveUnitPrice).toFixed(2);
   // 计算未来票数
   row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2)
    row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2);
   // 计算未来票金额
   row.futureTicketsAmount = (row.tempFutureTicketsAmount - row.ticketsAmount).toFixed(2)
    row.futureTicketsAmount = (
      row.tempFutureTicketsAmount - row.ticketsAmount
    ).toFixed(2);
   calculateinvoiceAmount();
};

// 本次来票金额失焦操作
const invoiceAmountBlur = (row) => {
  const invoiceAmountBlur = row => {
   if (!row.ticketsAmount) {
      row.ticketsAmount = 0;
   }
@@ -484,15 +482,17 @@
      (row.ticketsAmount / row.taxInclusiveUnitPrice).toFixed(2)
   );
   // 计算未来票数
   row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2)
    row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2);
   // 计算未来票金额
   row.futureTicketsAmount = (row.tempFutureTicketsAmount - row.ticketsAmount).toFixed(2)
    row.futureTicketsAmount = (
      row.tempFutureTicketsAmount - row.ticketsAmount
    ).toFixed(2);
   calculateinvoiceAmount();
};

const calculateinvoiceAmount = () => {
   let invoiceAmountTotal = 0;
   form.productData.forEach((item) => {
    form.productData.forEach(item => {
      if (item.ticketsAmount) {
         invoiceAmountTotal += Number(item.ticketsAmount);
      }
@@ -512,40 +512,60 @@
   
   // 如果是单个操作，获取id
   if (!Array.isArray(selectedRows) || selectedRows.length === 1) {
      const idValue = Array.isArray(selectedRows) ? selectedRows[0].id : selectedRows;
      const idValue = Array.isArray(selectedRows)
        ? selectedRows[0].id
        : selectedRows;
      id.value = idValue;
   }
   
   await getTableData(type, selectedRows);
};

const uploadSuccess = (response) => {
  const uploadSuccess = response => {
   form.tempFileIds.push(response.data.tempId);
   console.log(form);
};

const removeFile = (file) => {
  const removeFile = file => {
   const { tempId } = file.response.data;
   form.tempFileIds = form.tempFileIds.filter((item) => item !== tempId);
    form.tempFileIds = form.tempFileIds.filter(item => item !== tempId);
};

const closeAndRefresh = () => {
   closeModal();
   emit('refreshList');
    emit("refreshList");
};

  const processProductData = products => {
    return products.map(product => {
      return {
        ...product,
        futureTickets: product.futureTickets
          ? Number(Number(product.futureTickets).toFixed(2))
          : 0,
        futureTicketsAmount: product.futureTicketsAmount
          ? Number(Number(product.futureTicketsAmount).toFixed(2))
          : 0,
        ticketsNum: product.ticketsNum
          ? Number(Number(product.ticketsNum).toFixed(2))
          : 0,
        ticketsAmount: product.ticketsAmount
          ? Number(Number(product.ticketsAmount).toFixed(2))
          : 0,
      };
    });
  };
const submitForm = () => {
   proxy.$refs["formRef"].validate((valid) => {
    proxy.$refs["formRef"].validate(valid => {
      if (valid) {
         // 如果是批量操作，将所有合同的数据放在一个数组里，只调用一次接口
         if (selectedContracts.value.length > 1) {
            // 创建包含所有合同数据的数组
            const batchData = selectedContracts.value.map(contract => {
               // 筛选出属于当前合同的产品数据
               const contractProductData = form.productData.filter(item =>
                  item.id === contract.id
            const contractProductData = form.productData.filter(
              item => item.id === contract.id
               );
					
            const processedProductData = processProductData(contractProductData);
               // 为每个采购合同创建独立的对象
               return {
                  // 基础表单数据
@@ -565,30 +585,36 @@
                  projectName: contract.projectName, // 使用实际的项目名称
                  
                  // 产品数据
                  productData: proxy.HaveJson(contractProductData),
              productData: proxy.HaveJson(processedProductData),
                  
                  // 批量标识
                  isBatch: true,
                  type: 4
              type: 4,
               };
            });
            
            // 只调用一次接口，传递包含所有合同数据的数组
            modalLoading.value = true;
            addOrUpdateRegistration(batchData).then((res) => {
          console.log(batchData, "batchData");

          addOrUpdateRegistration(batchData)
            .then(res => {
               modalLoading.value = false;
               if (res.code === 200) {
                  proxy.$modal.msgSuccess("批量登记成功");
                  closeAndRefresh();
               }
            }).catch(() => {
            })
            .catch(() => {
               modalLoading.value = false;
               proxy.$modal.msgError("批量登记失败");
            });
         } else {
               // 单个合同提交逻辑 - 以数组格式传递
               const singleContract = selectedContracts.value[0];
               const singleFormArray = [{
          const processedProductData = processProductData(form.productData);
          const singleFormArray = [
            {
                  // 基础表单数据
                  invoiceNumber: form.invoiceNumber,
                  invoiceAmount: form.invoiceAmount,
@@ -606,21 +632,26 @@
                  projectName: singleContract.projectName, // 使用实际的项目名称
                  
                  // 产品数据
                  productData: proxy.HaveJson(form.productData),
              productData: proxy.HaveJson(processedProductData),
                  
                  // 批量标识
                  isBatch: false,
                  type: 4
               }];
              type: 4,
            },
          ];
               
               modalLoading.value = true;
               addOrUpdateRegistration(singleFormArray).then((res) => {
          console.log(singleFormArray, "singleFormArray");

          addOrUpdateRegistration(singleFormArray)
            .then(res => {
                  modalLoading.value = false;
                  if (res.code === 200) {
                     proxy.$modal.msgSuccess("登记成功");
                     closeAndRefresh();
                  }
               }).catch(() => {
            })
            .catch(() => {
                  modalLoading.value = false;
                  proxy.$modal.msgError("登记失败");
               });