分页修改

chenrui

5 天以前 90716e6624825d2cb7cc0784ede7c535930fee56

分页修改

 src/api/salesManagement/receiptPayment.js

@@ -10,10 +10,10 @@
    })
}

// 分页查询
export function receiptPaymentListPage(query) {
// 客户往来记录查询
export function customerInteractions(query) {
    return request({
        url: '/receiptPayment/listPage',
        url: '/receiptPayment/customerInteractions',
        method: 'get',
        params: query
    })

 src/views/procurementManagement/invoiceEntry/index.vue

@@ -165,7 +165,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const fileList = ref([])

 src/views/procurementManagement/paymentEntry/index.vue

@@ -156,7 +156,7 @@
const userStore = useUserStore()
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)


 src/views/procurementManagement/paymentHistory/index.vue

@@ -60,7 +60,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const data = reactive({

 src/views/procurementManagement/paymentLedger/index.vue

@@ -128,11 +128,11 @@
});
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
});
const sonPage = reactive({
  current: 1,
  size: 10,
  size: 100,
});
const total = ref(0);
const sonTotal = ref(0);
@@ -188,10 +188,16 @@
};
// 子表合计方法
const summarizeMainTable1 = (param) => {
  return proxy.summarizeTable(param, ['invoiceAmount', 'currentPaymentAmount', 'payableAmount'], {
  let summarizeTable = proxy.summarizeTable(param, ['invoiceAmount', 'currentPaymentAmount'], {
    ticketsNum: { noDecimal: true }, // 不保留小数
    futureTickets: { noDecimal: true }, // 不保留小数
  });
  if(originalTableDataSon.value.length > 0) {
    summarizeTable[summarizeTable.length -1] = originalTableDataSon.value[originalTableDataSon.value.length - 1].payableAmount.toFixed(2)
  }else {
    summarizeTable[summarizeTable.length -1] = 0.00
  }
  return summarizeTable
};
/** 搜索按钮操作 */
const handleQuery = () => {

 src/views/procurementManagement/procurementInvoiceLedger/index.vue

@@ -88,7 +88,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
// 用户信息表单弹框数据

 src/views/procurementManagement/procurementLedger/index.vue

@@ -296,7 +296,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const fileList = ref([])

 src/views/salesManagement/invoiceLedger/index.vue

@@ -203,7 +203,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const fileList = ref([])

 src/views/salesManagement/invoiceRegistration/index.vue

@@ -153,7 +153,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
// 用户信息表单弹框数据

 src/views/salesManagement/receiptPayment/index.vue

@@ -133,7 +133,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)


 src/views/salesManagement/receiptPaymentHistory/index.vue

@@ -72,7 +72,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const data = reactive({

 src/views/salesManagement/receiptPaymentLedger/index.vue

@@ -9,7 +9,7 @@
            placeholder="输入客户名称搜索"
            @change="handleQuery"
            clearable
            :prefix-icon="Search"
            prefix-icon="Search"
        />
        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button>
      </div>
@@ -38,10 +38,10 @@
                  :summary-method="summarizeMainTable1"
                  height="calc(100vh - 18.5em)">
          <el-table-column align="center" label="序号" type="index" width="60" />
          <el-table-column label="发生日期" prop="receiptPaymentDate" show-overflow-tooltip/>
          <el-table-column label="回款金额(元)" prop="receiptPaymentAmount" show-overflow-tooltip :formatter="formattedNumber"/>
          <el-table-column label="待收金额(元)" prop="noReceiptAmount" show-overflow-tooltip :formatter="formattedNumber"/>
          <el-table-column label="应收金额(元)" prop="invoiceTotal" show-overflow-tooltip :formatter="formattedNumber"/>
          <el-table-column label="发生日期" prop="happenTime" show-overflow-tooltip/>
          <el-table-column label="开票金额(元)" prop="invoiceAmount" show-overflow-tooltip :formatter="formattedNumber"/>
          <el-table-column label="回款金额(元)" prop="receiptAmount" show-overflow-tooltip :formatter="formattedNumber"/>
          <el-table-column label="应收金额(元)" prop="unReceiptAmount" show-overflow-tooltip :formatter="formattedNumber"/>
        </el-table>
        <pagination v-show="recordTotal > 0" :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" :page="recordPage.current"
                    :limit="recordPage.size" @pagination="recordPaginationChange" />
@@ -57,7 +57,7 @@
  invoiceLedgerSalesAccount,
} from "../../../api/salesManagement/invoiceLedger.js";
import {
  receiptPaymentListPage
  customerInteractions
} from "../../../api/salesManagement/receiptPayment.js";
import Pagination from "../../../components/PIMTable/Pagination.vue";
const { proxy } = getCurrentInstance()
@@ -66,11 +66,11 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const recordPage = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const recordTotal = ref(0)
@@ -82,6 +82,7 @@
})
const customerId = ref('')
const { searchForm } = toRefs(data)
const originReceiptRecord = ref([])
// 查询列表
/** 搜索按钮操作 */
const handleQuery = () => {
@@ -119,33 +120,36 @@
};
// 子表合计方法
const summarizeMainTable1 = (param) => {
  return proxy.summarizeTable(param, ['receiptPaymentAmount', 'noReceiptAmount', 'invoiceTotal'], {
  var summarizeTable = proxy.summarizeTable(param, ['invoiceAmount', 'receiptAmount'], {
    ticketsNum: { noDecimal: true }, // 不保留小数
    futureTickets: { noDecimal: true }, // 不保留小数
  });
  console.log('summarizeTable',summarizeTable)
  // 取最后一行数据
  if(receiptRecord.value?.length > 0) {
    summarizeTable[summarizeTable.length - 1] = receiptRecord.value[receiptRecord.value.length - 1].unReceiptAmount.toFixed(2);
  }else {
    summarizeTable[summarizeTable.length - 1] = 0.00
  }

  return summarizeTable
};

const receiptPaymentList = (id) => {
  const param = {
    customerId:id,
    current: recordPage.current,
    size: recordPage.size,
    customerId:id
  }
  console.log('param', param)
  receiptPaymentListPage(param).then(res => {
    receiptRecord.value = res.data.records;
    recordTotal.value = res.data.total;

  customerInteractions(param).then(res => {
    originReceiptRecord.value = res.data;
    handlePagination({ page: 1, limit: recordPage.size });
    recordTotal.value = res.data.length;
  })
}

// 汇款记录列表分页
const recordPaginationChange = (obj) => {
  console.log('recordPaginationChange', obj );
  recordPage.current = obj.page;
  recordPage.size = obj.limit;
  console.log('recordPage',recordPage)
  receiptPaymentList(customerId.value);
const recordPaginationChange = (pagination) => {
  handlePagination(pagination);
}

const rowClickMethod = (row) => {
@@ -153,6 +157,16 @@
  receiptPaymentList(customerId.value);
}

const handlePagination = ({ page, limit }) => {
  recordPage.current = page;
  recordPage.size = limit;

  const start = (page - 1) * limit;
  const end = start + limit;

  receiptRecord.value = originReceiptRecord.value.slice(start, end);
}


getList()
</script>

 src/views/salesManagement/salesLedger/index.vue

@@ -246,7 +246,7 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="数量：" prop="quantity">
              <el-input v-model="productForm.quantity" placeholder="请输入" clearable @change="mathNum" />
              <el-input type="number" :step="0.1" :min="0" v-model="productForm.quantity" placeholder="请输入" clearable @change="mathNum" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -327,7 +327,7 @@
const tableLoading = ref(false)
const page = reactive({
  current: 1,
  size: 10,
  size: 100,
})
const total = ref(0)
const fileList = ref([])