<template>
  <div>
    <a-card size="small" :bordered="false">
      <a-tabs default-active-key="1" @change="handleChange">
        <a-tab-pane key="1" tab="促销费用报表(客户)">
          <customerFeeList ref="customerFeeList"></customerFeeList>
        </a-tab-pane>
        <a-tab-pane key="2" tab="促销费用报表(省份)" force-render>
          <provinceFeeList ref="provinceFeeList"></provinceFeeList>
        </a-tab-pane>
        <a-tab-pane key="3" tab="促销销售费用报表" force-render>
          <promotionFeeList ref="promotionFeeList"></promotionFeeList>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>
<script>
import { commonMixin } from '@/utils/mixin'
// 组件
import customerFeeList from './customerFeeList.vue'
import provinceFeeList from './provinceFeeList.vue'
import promotionFeeList from './promoFeeList.vue'
export default {
  name: 'PromotionFeeReportIndex',
  mixins: [commonMixin],
  components: { customerFeeList, provinceFeeList, promotionFeeList },
  data () {
    return {
      tabVal: 1 // tab值  1轮胎月度费用报表 2轮胎季度费用报表 3轮胎年度费用报表 4轮胎费用明细报表
    }
  },
  methods: {
    // 切换tab值  change
    handleChange (val) {
      this.tabVal = val
    }
  }
}

</script>
