页面分页实现

两个页面的分页不太一样，但思路基本一致。

路径详情按钮

路径详情弹窗：

弹窗代码：

<template>
      <div>
        <a-table
          ref="table"
          size="middle"
          bordered
          rowKey="id"
          :columns="columns"
          :dataSource="dataSource"
          :pagination="ipagination"
          :loading="loading"
          :rowClassName="rowClassName"
          @change="handleTableChange"
        >
        </a-table>
      </div>
    </a-spin>

    <l-busirouter-detail-modal ref="detailModel" @ok="modalFormOk"></l-busirouter-detail-modal>
  </a-drawer>
</template>

<script>

  import {
   deleteAction,getAction} from '../../../api/manage'
  import {
    filterObj } from '@/utils/util';
  import LBusirouterDetailModal from './LBusirouterDetailModal'

    export default {
   
      name: 'LBusirouterDetails',
      components: {
    LBusirouterDetailModal },
      data () {
   
        return {
   
          drawerWidth: 600,
          title:"交换路径详情",
          routerId: "",
          routerName: ""