<template>
  <div class="tireSubsidySetting-mainBox">
    <a-tabs default-active-key="SERVICE_FEE" v-model="tabVal" id="tireSubsidySetting-index" class="tireSubsidySetting-tabs">
      <a-tab-pane key="SERVICE_FEE" tab="服务费">
        <costCollectionList pageType="SERVICE_FEE"></costCollectionList>
      </a-tab-pane>
      <a-tab-pane key="SHIPPING_FEE" tab="运费补贴" force-render>
        <costCollectionList pageType="SHIPPING_FEE"></costCollectionList>
      </a-tab-pane>
      <a-tab-pane key="SUBSIDY_QUARTER_FEE" tab="增量补贴（季度）" force-render>
        <addSubsidyList pageType="SUBSIDY_QUARTER_FEE"></addSubsidyList>
      </a-tab-pane>
      <a-tab-pane key="SUBSIDY_YEAR_FEE" tab="增量补贴（年度）" force-render>
        <addSubsidyList pageType="SUBSIDY_YEAR_FEE"></addSubsidyList>
      </a-tab-pane>
      <a-tab-pane key="SUBSIDY_AMOUNT" tab="返利基数" force-render>
        <rebateAmountList pageType="SUBSIDY_AMOUNT"></rebateAmountList>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import { commonMixin } from '@/utils/mixin'
// 组件
import costCollectionList from './costCollectionList.vue'
import addSubsidyList from './addSubsidyList.vue'
import rebateAmountList from './rebateAmountList.vue'

export default {
  name: 'TireSubsidySetting',
  mixins: [commonMixin],
  components: { costCollectionList, addSubsidyList, rebateAmountList },
  data () {
    return {
      tabVal: 'SERVICE_FEE' // tab值  1轮胎月度费用报表 2轮胎季度费用报表 3轮胎年度费用报表 4轮胎费用明细报表
    }
  }
}
</script>
<style lang="less" scoped>
  .tireSubsidySetting-mainBox{
    .tireSubsidySetting-tabs{
      background:#ffffff;
    }
  }
</style>
