table组件分页序号连续

spring

2025-02-17 3807d34ee0719c1562c17a06214850d2bfcbc0cc

table组件分页序号连续

 src/components/Table/lims-table.vue

@@ -12,6 +12,7 @@
      :row-class-name="rowClassName"
      :row-style="rowStyle"
      :row-key="rowKey"
      :index-method="handleIndex"
      stripe
      style="width: 100%"
      tooltip-effect="dark"
@@ -357,6 +358,10 @@
    pagination({ page, limit }) {
      this.$emit("pagination", { page: page, limit: limit });
    },
    handleIndex({ row, index }) {
      // 计算连续序号
      return (this.page.current - 1) * this.page.size + index + 1;
    },
  },
};
</script>

 src/views/standard/model/index.vue

@@ -40,7 +40,7 @@
      :column="column"
      :page="page"
      :tableLoading="tableLoading"
      :height="'calc(100vh - 240px)'"
      :height="'calc(100vh - 250px)'"
      style="padding: 20px; padding-top: 0"
      @pagination="pagination"
    ></lims-table>