<template>
  <div class="form-wrap">
    <div class="table-box">
      <el-tabs v-model="activeName">
        <el-tab-pane
          name="DailyOtaSale">
          <span slot="label">
            线上销售日报
          </span>
          <DailyOtaSale
            v-show="activeName==='DailyOtaSale'"
            :active-name="activeName"></DailyOtaSale>
        </el-tab-pane>
        <el-tab-pane
          name="DailyOfflineSale">
          <span slot="label">
            线下销售日报
          </span>
          <DailyOfflineSale
            v-show="activeName==='DailyOfflineSale'"
            :active-name="activeName"></DailyOfflineSale>
        </el-tab-pane>
        <el-tab-pane
          name="DailyOfflineCashSale">
          <span slot="label">
            现金销售日报
          </span>
          <DailyOfflineCashSale
            v-show="activeName==='DailyOfflineCashSale'"
            :active-name="activeName"></DailyOfflineCashSale>
        </el-tab-pane>
        <el-tab-pane
          name="DailySale">
          <span slot="label">
            日销售报表
          </span>
          <DailySale
            v-show="activeName==='DailySale'"
            :active-name="activeName"></DailySale>
        </el-tab-pane>
        <el-tab-pane
          name="AgeSale">
          <span slot="label">
            年龄销售报表
          </span>
          <AgeSale
            v-show="activeName==='AgeSale'"
            :active-name="activeName"></AgeSale>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import DailyOfflineSale from './salesDaily/DailyOfflineSale'
import DailyOtaSale from './salesDaily/DailyOtaSale'
import DailyOfflineCashSale from './salesDaily/DailyOfflineCashSale'
import DailySale from './salesDaily/DailySale'
import AgeSale from './salesDaily/AgeSale'

export default {
  name: 'salesDaily',
  components: {
    DailyOfflineSale,
    DailyOtaSale,
    DailyOfflineCashSale,
    DailySale,
    AgeSale
  },
  data () {
    return {
      activeName: 'DailyOtaSale'
    }
  }
}
</script>

<style lang="scss" scoped>
.table-box{
  border: 0;
  ::v-deep .el-tabs__nav-wrap{
   padding: 0 24px;
  }
}
</style>
