<template>
    <div class="stat-shop">
        <p slot="title">服务费账单</p>
        <layout-filter class="box-filter" :inline="true" :col="1">
            <filter-item :label="filters.dateRange.label" >
                <Date-picker type="datetimerange"
                             :placeholder="filters.dateRange.label"
                             @on-change="dateRange"
                             v-model="filters.dateRange.model"
                             format="yyyy-MM-dd">
                </Date-picker>
                <div class="quick">
                    <a href="javascript:;" @click="() => {changeLimit(0)}">今日</a>
                    <a href="javascript:;" @click="() => {changeLimit(1)}">昨天</a>
                    <a href="javascript:;" @click="() => {changeLimit(7)}">近7天</a>
                    <a href="javascript:;" @click="() => {changeLimit(30)}">近30天</a>
                </div>
            </filter-item>
        </layout-filter>
    </div>
</template>

<script>
    export default {
        name: "service-list"
    }
</script>

<style scoped>

</style>