src/views/procurementManagement/paymentLedger/index.vue
@@ -46,17 +46,31 @@
                             prop="paymentAmount"
                             show-overflow-tooltip
                             :formatter="formattedNumber" />
            <el-table-column label="退货金额(元)"
                             prop="returnAmount"
                             show-overflow-tooltip
                             :formatter="formattedNumber" />
<!--            <el-table-column label="回款金额(元)"-->
<!--                             prop="receiptAmount"-->
<!--                             show-overflow-tooltip-->
<!--                             :formatter="formattedNumber" />-->
<!--            <el-table-column label="退货金额(元)"-->
<!--                             prop="returnAmount"-->
<!--                             show-overflow-tooltip-->
<!--                             :formatter="formattedNumber" />-->
            <el-table-column label="应付金额(元)"
                             prop="payableAmount"
                             prop="paymentRecordAmount"
                             show-overflow-tooltip>
              <template #default="{ row, column }">
                <el-text type="danger">
                  {{ formattedNumber(row, column, row.payableAmount) }}
                  {{ formattedNumber(row, column, row.paymentRecordAmount) }}
                </el-text>
              </template>
            </el-table-column>
            <el-table-column label="操作"
                             align="center"
                             width="90"
                             fixed="right">
              <template #default="{ row }">
                <el-button link
                           type="primary"
                           @click.stop="openRecordDialog(row)">流水</el-button>
              </template>
            </el-table-column>
          </el-table>
@@ -90,6 +104,14 @@
        </div>
      </el-col>
    </el-row>
    <!-- 供应商回款流水维护 -->
    <PaymentRecordDialog v-model:visible="recordDialogVisible"
                         title="供应商回款流水"
                         :party-type="2"
                         :party-id="recordPartyId"
                         :party-name="recordPartyName"
                         :direction="2"
                         @changed="getList" />
  </div>
</template>
@@ -101,6 +123,7 @@
    paymentRecordList,
  } from "@/api/procurementManagement/paymentLedger.js";
  import Pagination from "../../../components/PIMTable/Pagination.vue";
  import PaymentRecordDialog from "@/components/PaymentRecordDialog/index.vue";
  const tableData = ref([]);
  const tableLoading = ref(false);
@@ -123,6 +146,16 @@
  const isShowSummary = ref(true);
  const { searchForm } = toRefs(data);
  const currentSupplierId = ref("");
  // 回款流水弹窗
  const recordDialogVisible = ref(false);
  const recordPartyId = ref("");
  const recordPartyName = ref("");
  const openRecordDialog = row => {
    recordPartyId.value = row.supplierId;
    recordPartyName.value = row.supplierName || "";
    recordDialogVisible.value = true;
  };
  const rowClick = row => {
    currentSupplierId.value = row.supplierId;
    sonPage.current = 1;
@@ -156,19 +189,28 @@
        return params ? parseFloat(params).toFixed(2) : 0;
      },
    },
    {
      label: "退货金额(元)",
      prop: "returnAmount",
      width: 200,
      formatData: params => {
        return params ? parseFloat(params).toFixed(2) : 0;
      },
    },
    // 往来方维度合计,明细各行同值,故不参与合计行
    // {
    //   label: "回款金额(元)",
    //   prop: "receiptAmount",
    //   width: 200,
    //   formatData: params => {
    //     return params ? parseFloat(params).toFixed(2) : 0;
    //   },
    // },
    // {
    //   label: "退货金额(元)",
    //   prop: "returnAmount",
    //   width: 200,
    //   formatData: params => {
    //     return params ? parseFloat(params).toFixed(2) : 0;
    //   },
    // },
    {
      label: "应付金额(元)",
      dataType: "slot",
      width: 200,
      prop: "payableAmount",
      prop: "paymentRecordAmount",
      slot: "payableAmountSlot",
    },
  ]);
@@ -182,7 +224,7 @@
  const summarizeMainTable = param => {
    return proxy.summarizeTable(
      param,
      ["contractAmounts", "paymentAmount", "returnAmount", "payableAmount"],
      ["contractAmounts", "paymentAmount", "receiptAmount", "returnAmount", "payableAmount"],
      {
        ticketsNum: { noDecimal: true }, // 不保留小数
        futureTickets: { noDecimal: true }, // 不保留小数