client-mazu/src/pages/queryReport/checkStatistic.vue

<template>
  <div class="form-wrap">
    <div class="tableBox">
      <CheckStatisticInTicketCount v-show="activeName==='CheckStatisticInTicketCount'"></CheckStatisticInTicketCount>
      <!-- <el-tabs v-model="activeName">
        <el-tab-pane
          label="按票数统计"
          name="CheckStatisticInTicketCount">
          <span slot="label">
            按票数统计
            <Tip msg="仅包含所有门票检票统计，计算规则按张统计，多人票及多次票计算为1次"></Tip>
          </span>

          <CheckStatisticInTicketCount v-show="activeName==='CheckStatisticInTicketCount'"></CheckStatisticInTicketCount>
        </el-tab-pane>
        <el-tab-pane
          label="按次数统计"
          name="CheckStatistic">
          <span slot="label">
            按次数统计
            <Tip msg="仅包含所有门票检票统计，计算规则按次统计，多人票及多次票计算为多次"></Tip>
          </span>

          <CheckStatistic v-show="activeName==='CheckStatistic'"></CheckStatistic>
        </el-tab-pane>
      </el-tabs> -->
    </div>
  </div>
</template>

<script>
// import CheckStatistic from './checkStatistic/CheckStatistic'
import CheckStatisticInTicketCount from './checkStatistic/CheckStatisticInTicketCount'
// import Tip from '@/components/Tip'

export default {
  name: 'checkStatistic',
  components: {
    // Tip,
    // CheckStatistic,
    CheckStatisticInTicketCount
  },
  data () {
    return {
      activeName: 'CheckStatisticInTicketCount'
    }
  },
  watch: {
    activeName (val) {
      console.log(val)
    }
  }
}
</script>

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