<template>
    <div class="filterTable">
        <FilterOption :inputList="inputList" :buttonList="buttonList" />
        <slot></slot>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { UnLinkErmcpHedgePlanRsp } from '@/services/go/ermcp/hedgedItem/interface'
import { useFilter } from '@/common/components/filter/setup';
import FilterOption from '@/common/components/filter/index.vue';

export default defineComponent({
    name: 'purchase_pending-filter-table',
    components: {
        FilterOption
    },
    setup(props, context) {
        const { inputList, buttonList } = useFilter<UnLinkErmcpHedgePlanRsp>(context);

        inputList.value = [
            { keys: ['hedgeplanno'], value: '', placeholder: '模糊搜索计划' },
            { keys: ['wrstandardname'], value: '', placeholder: '模糊搜索商品' }
        ]

        return {
            inputList,
            buttonList,
        }
    },
})
</script>