<template>
    <div>
        <el-divider content-position="left">项目计划阶段详情</el-divider>
        <BasicTable @register="registerPlanTable">
            <template #action="{ record }" v-if="showActionColumn">
                <!-- <TableAction :actions="getTableAction(record)" /> -->
                <slot :record="record"></slot>
            </template>
        </BasicTable>
    </div>
</template>
    
<script lang="ts" name="PlaninfoDetails" setup>
//ts语法
import { defineProps } from 'vue';
import { BasicTable } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { PlaninfoColumn } from '../../projectLib/projectPlan/projectPlan.data';
import { queryPlanInfoMainTimeline } from '../../projectLib/projectPlan/projectPlan.api'


let dataTo = defineProps(["showActionColumn", "projectid"])
//我的待办表格组件
// 项目计划阶段详情table
const { tableContext: tableContextPlan } = useListPage({
    tableProps: {
        size: 'small',//紧凑型表格
        title: '项目计划阶段详情',
        api: queryPlanInfoMainTimeline,
        columns: PlaninfoColumn,
        showActionColumn: dataTo.showActionColumn,
        useSearchForm: false,
        beforeFetch(params) {
            params.projectid = dataTo.projectid;
        },
    },
});
// BasicTable绑定注册
const [registerPlanTable] = tableContextPlan;

</script>
<style scoped></style>