<template>
  <div>
    <el-tabs class="daily-setting" v-model="activeName">
      <el-tab-pane label="系统报表" name="first">
        <system-report :brand-id="brandId"></system-report>
      </el-tab-pane>
      <el-tab-pane label="自定义报表" name="second">
        <custom-report :brand-id="brandId"></custom-report>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import SystemReport from './systemReport.vue';
import CustomReport from './customReport.vue';
export default {
  name: 'DailySetting',
  props: {
    brandId: {
      type: String,
      default: ''
    }
  },
  components: { SystemReport, CustomReport },
  data() {
    return {
      activeName: 'first'
    };
  }
};
</script>

<style lang="scss" scoped>
.daily-setting.el-tabs >>> .el-tabs__header {
  margin-bottom: 0;
}
</style>
