<template>
  <div>
    <a-card size="small" :bordered="false">
      <a-tabs default-active-key="1" v-model="tabVal">
        <a-tab-pane key="1" tab="区域预估订单" force-render>
          <estimatedOrderList pageType="REGIONAL_ESTIMATED_ORDER"></estimatedOrderList>
        </a-tab-pane>
        <a-tab-pane key="2" tab="轮胎月目标" force-render>
          <estimatedOrderList pageType="TIRE_MONTHLY_TARGET"></estimatedOrderList>
        </a-tab-pane>
        <a-tab-pane key="3" tab="品类月目标" force-render>
          <categoryTargetList pageType="CATEGORY_MONTHLY_TARGET"></categoryTargetList>
        </a-tab-pane>
        <a-tab-pane key="4" tab="品类经理月目标" force-render>
          <categoryTargetList pageType="CATEGORY_MANAGER_MONTHLY_TARGET"></categoryTargetList>
        </a-tab-pane>
        <a-tab-pane key="5" tab="分区月目标" force-render>
          <partitionTargetList pageType="PARTITION_MONTHLY_TARGET"></partitionTargetList>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>
<script>
import { commonMixin } from '@/utils/mixin'
// 组件
import estimatedOrderList from './estimatedOrderList.vue'
import categoryTargetList from './categoryTargetList.vue'
import partitionTargetList from './partitionTargetList.vue'
export default {
  name: 'DailyReportSettingsIndex',
  mixins: [commonMixin],
  components: { estimatedOrderList, categoryTargetList, partitionTargetList },
  data () {
    return {
      tabVal: '1'// tab值  1区域预估订单 2轮胎月目标 3品类月目标 4品类经理月目标  5分区月目标
    }
  }
}

</script>
