<template>
  <!-- 过滤现货品种表格 -->
  <div class="filterTable">
    <FilterOption :selectList="selectList"
                  :inputList="inputList"
                  :fixedBtnList="fixedBtnList" />
    <slot></slot>
  </div>
</template>

<script lang="ts">
import FilterOption from '@/common/components/filter/index.vue';
import { defineComponent } from 'vue';
import { handleFilter, InputList, SelectList } from '@/common/setup/filter';

export default defineComponent({
    name: 'filter-goods-table',
    components: {
        FilterOption,
    },
    props: {
        name: {
            type: String,
            default: '现货品种',
        },
    },
    setup(props, context) {
        const select: SelectList[] = [];
        const input: InputList[] = [{ value: '', placeholder: `模糊搜索${props.name}`, key: 'nickname' }];
        return {
            ...handleFilter(select, input, context),
        };
    },
});
</script>

<style lang="less">
.filterTable {
    background: @m-black1;
}
</style>;
