src/views/procurementManagement/paymentEntry/index.vue
@@ -14,6 +14,36 @@
                @change="handleQuery"
              />
            </el-form-item>
            <el-form-item label="发票日期">
              <el-date-picker
                v-model="searchForm.issueDateRange"
                style="width: 250px"
                value-format="YYYY-MM-DD"
                format="YYYY-MM-DD"
                type="daterange"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                clearable
                @change="handleIssueDateChange"
              />
            </el-form-item>
            <el-form-item label="发票金额">
              <el-input
                v-model="searchForm.invoiceAmountStart"
                style="width: 110px"
                placeholder="最小"
                clearable
                @change="handleQuery"
              />
              <span style="margin: 0 6px">-</span>
              <el-input
                v-model="searchForm.invoiceAmountEnd"
                style="width: 110px"
                placeholder="最大"
                clearable
                @change="handleQuery"
              />
            </el-form-item>
            <el-form-item>
              <el-checkbox
                v-model="searchForm.status"
@@ -309,6 +339,11 @@
    width:200
  },
  {
    label: "发票日期",
    prop: "issueDate",
    width: 120,
  },
  {
    label: "发票金额(元)",
    prop: "invoiceAmount",
    formatData: (params) => {
@@ -353,6 +388,11 @@
  searchForm: {
    supplierNameOrContractNo: "",
    status: false,
    issueDateRange: [],
    issueDateStart: undefined,
    issueDateEnd: undefined,
    invoiceAmountStart: undefined,
    invoiceAmountEnd: undefined,
  },
  form: {
    purchaseContractNumber: "",
@@ -412,6 +452,17 @@
  page.current = 1;
  getList();
};
// 发票日期区间变化
const handleIssueDateChange = (val) => {
  if (val && val.length === 2) {
    searchForm.issueDateStart = val[0];
    searchForm.issueDateEnd = val[1];
  } else {
    searchForm.issueDateStart = undefined;
    searchForm.issueDateEnd = undefined;
  }
  handleQuery();
};
const pagination = (obj) => {
  page.current = obj.page;
  page.size = obj.limit;
@@ -419,7 +470,12 @@
};
const getList = () => {
  tableLoading.value = true;
  invoiceListPage({ ...searchForm, ...page }).then((res) => {
  const params = { ...searchForm, ...page };
  // 发票日期区间用 start/end 传给后端,去掉仅前端用的数组
  delete params.issueDateRange;
  if (params.invoiceAmountStart === "" || params.invoiceAmountStart === null) delete params.invoiceAmountStart;
  if (params.invoiceAmountEnd === "" || params.invoiceAmountEnd === null) delete params.invoiceAmountEnd;
  invoiceListPage(params).then((res) => {
    tableLoading.value = false;
    tableData.value = res.records;
      page.total = res.total;