<template>
  <div class="form-wrap">
    <div class="table-box">
      <el-tabs v-model="activeName">
        <el-tab-pane
          label="退票记录"
          name="RefundQuery">
          <span slot="label">
            退票记录
            <Tip msg="退票记录"></Tip>
          </span>

          <RefundQuery v-show="activeName==='RefundQuery'"></RefundQuery>
        </el-tab-pane>
        <el-tab-pane
          label="单张票部分退记录"
          name="PartRefund">
          <span slot="label">
            单张票部分退记录
            <Tip msg="单张票部分退记录"></Tip>
          </span>

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

<script>
import PartRefund from './refundQuery/PartRefund'
import RefundQuery from './refundQuery/RefundQuery'
import Tip from '@/components/Tip'

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

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