<template>
  <div>
    <el-card>
      <el-tabs v-model="activeName" type="border-card" @tab-click="Refresh">
        <el-tab-pane label="下单通知" name="1"><orderNotice ref="fresh1"/></el-tab-pane>
        <el-tab-pane label="付款通知" name="2"><paymentOrder ref="fresh2"/></el-tab-pane>
        <el-tab-pane label="发货通知" name="3"><DeliveryNotice ref="fresh3"/></el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import orderNotice from '@/views/SalesManagement/DeliveryNotice/orderNotice.vue'
import paymentOrder from '@/views/SalesManagement/DeliveryNotice/paymentOrder.vue'
import DeliveryNotice from '@/views/SalesManagement/DeliveryNotice/DeliveryNotice.vue'
export default {
  components: {
    'orderNotice': orderNotice,
    'paymentOrder': paymentOrder,
    'DeliveryNotice': DeliveryNotice
  },
  data() {
    return {
      activeName: '1',
      label: '`',
      isDisable: true
    }
  },
  methods: {
    Refresh() {
      switch (this.activeName) {
        case '1': {
          this.label = '`'
          this.isDisable = true
          break
        }
        case '2': {
          this.label = '`'
          this.isDisable = true
          break
        }
        case '3': {
          this.label = '`'
          this.isDisable = true
          break
        }
      }
    }
  }
}
</script>

<style scoped lang="scss">
  /deep/ .el-card__body{
    padding: 0px!important;
  }
</style>

