<template>
<LayoutBody>
    <LayoutFilter>
        <FilterItem label="店铺">
        </FilterItem>
        <FilterItem label="品牌">
            <SelectBrand v-model="query.brandId"></SelectBrand>
        </FilterItem>
        <FilterItem label="开店状态">
            
        </FilterItem>
        <FilterItem label="装修状态">
            
        </FilterItem>
        <FilterItem>
            <Button type="primary" >筛选</Button>
            <Button >清空条件</Button>
        </FilterItem>
    </LayoutFilter>
    <LayoutList>
        <Table border :context="self" :data="data" :columns="columns"></Table>
    </LayoutList>
</LayoutBody>
</template>

<script>
import {SelectBrand} from 'components/select';

export default {
    data() {
        return {
            self: this,
            query: {},
            data: [],
            columns: [{
                title: '店铺ID',
                key: 'shopName',
            }, {
                title: '店铺名称',
                key: 'shopName',
            }, {
                title: '品牌',
                key: 'shopName',
            }, {
                title: '发布时间',
                key: 'shopName',
            }, {
                title: '状态',
                key: 'shopName',
            }, {
                title: '操作',
                render() {
                    return `
                        <i-button type="primary" size="small" >尺码维护</i-button>
                        <i-button type="primary" size="small">内容编辑</i-button>
                    `;
                }
            }]
        };
    },
    components: {SelectBrand}
};
</script>