MTP2.0_WEB/src/views/hedgeditem/exposure/components/spot/index.vue

<template>
    <!-- 套期交易-现货变动明细 -->
    <mtp-table-scroll>
        <template #default="{ scroll }">
            <a-table :columns="columns" class="srcollYTable" :pagination="false" :rowKey="(record, index) => index"
                :data-source="tableList" :scroll="scroll"></a-table>
        </template>
    </mtp-table-scroll>
</template>

<script lang="ts">
import { PropType, watch } from 'vue'
import { queryTableList, defineComponent, handleComposeTable } from '@/common/export/commonTable';
import { } from '@/services/go/ermcp/hedgedItem/interface'
import { } from '@/services/go/ermcp/hedgedItem'
import MtpTableScroll from '@/common/components/tableScroll/index.vue';

export default defineComponent({
    components: {
        MtpTableScroll,
    },
    props: {
        name: String,
        selectedRow: {
            type: Object as PropType<unknown>,
            default: () => ({})
        },
    },
    setup(props) {
        const { loading, tableList, queryTable } = queryTableList<unknown>(true, 2); // 表格列表数据

        const queryFn = () => {
            // const { hedgeditemnum } = props.selectedRow;
            // if (hedgeditemnum) {
            //     queryTable(queryErmcp2HedgedItem, { spotcontractid: hedgeditemnum });
            // }
        }

        // 表格通用逻辑
        const composeTable = handleComposeTable<unknown>({
            queryFn,
            tableName: 'table_pcweb_hedgeditem_exposure_spot_details',
        })

        watch(() => props.selectedRow, () => queryFn);

        return {
            ...composeTable,
            loading,
            tableList,
        }
    }
})
</script>