gas-injection/src/views/vent/performance/approvalPend/index.vue

<template>
    <div class="approvalPend">
        <a-table size="small" :dataSource="dataSource" :columns="columns" :scroll="{ y: 730 }" :pagination="pagination"
            @change="pageChange">

            <template #action="{ record }">
                <a-button type="link" style="color:#3DF6FF" @click="getViews">
                    查看
                </a-button>
            </template>
        </a-table>
    </div>
</template>

<script setup lang="ts">
import {ref,reactive,watch,nextTick} from 'vue'
import {columns} from './approvalPend.data.ts'

//待审批列表数据
let dataSource=ref<any[]>([])
//分页参数配置
    let pagination = reactive({
  current: 1, // 当前页码
  pageSize: 10, // 每页显示条数
  total: 0, // 总条目数，后端返回
  // showTotal: (total, range) => `${range[0]}-${range[1]} 条，总共 ${total} 条`, // 分页右下角显示信息
  showSizeChanger: true, // 是否可改变每页显示条数
  pageSizeOptions: ['10', '20', '50',], // 可选的每页显示条数
})

</script>

<style lang="less" scoped>
.approvalPend {
    position: relative;
    width: 100%;
    height: 100%;
}
</style>