vent-template/src/views/vent/performance/endEd/index.vue

<template>
    <div class="endEd">
        <a-table size="small" :dataSource="dataSource" :columns="columns" :scroll="{ y: 620 }" :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,defineProps,onMounted} from 'vue'
import {columns} from './endEd.data'
import { getNowUserApprovedData } from '../fileDetail/fileDetail.api';

let props = defineProps({
    selected: {
        type: Object,
        default: () => {
            return {}
        }
    }
})

//已结束列表数据
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',], // 可选的每页显示条数
})
let selectedParam=reactive({})

//获取待办列表数据
async function getNowUserApprovedDataList() {
    let res = await getNowUserApprovedData({ pageNo: pagination.current, pageSize: pagination.pageSize, tableName: 'vent.file_server_info', parentId:selectedParam.id || ''})
    console.log(res,'已办列表--------')
    dataSource.value=res.records
    pagination.total=res.total
}
//分页切换
function pageChange(val){
    pagination.current=val.current
    pagination.pageSize=val.pageSize
    getNowUserApprovedDataList()
}
//查看
function getViews(){}
watch(()=>props.selected,(newV,oldV)=>{
    selectedParam=newV
    getNowUserApprovedDataList()
},{
    deep:true
})
onMounted(()=>{
    getNowUserApprovedDataList()
})
</script>

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