计算当前分页的总数量

<template>
  <div>
    <div v-for="(page, pageIndex) in splitInfo" :key="pageIndex">
      <ul>
        <li v-for="(item, i) in page" :key="i">
          <p class="f">
            <span>{{ item.name }}</span>
            <span>{{ item.dosage }}{{ item.dosunit }}&nbsp;&nbsp;x&nbsp;&nbsp;{{ item.qty }}{{ item.wardUnit }}</span>
          </p>
          <p class="s">
            <span>Sig:</span>
            <span>{{ item.dosage }}{{ item.dosunit }}</span>
            <span>{{ item.usgnm }}</span>
            <span>{{ item.feqNm }}</span>
          </p>
        </li>
      </ul>
      <p><span>发药员：</span><span>合&nbsp;计：{{ getPageTotalPrice(pageIndex) }}</span></p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPageIndex: 0
    }
  },
  computed: {
    // 将tableData数组拆分为每页最多显示20条数据的二维数组
    splitInfo() {
      var pageSize
      if (this.typeKind == 1) {
        pageSize = 20;
      } else {
        pageSize = 5
      }
      const length = this.tableData.length;
      const pageCount = Math.ceil(length / pageSize);
      const pages = Array.from({ length: pageCount }, (_, index) => {
        const start = index * pageSize;
        const end = start + pageSize;
        return this.tableData.slice(start, end)
      });
      return pages;
    },
  },
  methods: {
    // 计算当前页的总价
    getPageTotalPrice(pageIndex) {
      const pageData = this.splitInfo[pageIndex];
      let total = 0;
      for (let i = 0; i < pageData.length; i++) {
        total += pageData[i].price * pageData[i].qty;
      }
      return total.toFixed(2);
    }
  }
}
</script>