dy-admin-manager/src/views/teamDetail/teamDetailedList.vue

<template>
  <div class="teamDetailedList">
    <el-tabs v-model="activeName">
      <el-tab-pane label="已发清单" name="waitTeamList" v-permission="'musicGroupDeliveryRecord/queryPage'">
        <endTeamList v-if="activeName=='waitTeamList'" />
      </el-tab-pane>
      <el-tab-pane label="待发清单" name="endTeamList"  v-permission="'order/getMusicalList/wait'">
        <waitTeamList v-if="activeName=='endTeamList'"/>
      </el-tab-pane>
      <el-tab-pane label="收货地址" name="eidtTeamAddr" v-permission="'musicGroupShippingAddress/queryPage'">
        <eidtTeamAddr v-if="activeName=='eidtTeamAddr'"/>
      </el-tab-pane>

    </el-tabs>
  </div>
</template>
<script>
import waitTeamList from './teamListComponent/waitTeamList.vue'
import endTeamList from './teamListComponent/endTeamList.vue'
import eidtTeamAddr from './teamListComponent/eidtTeamAddr.vue'
export default {
  data() {
    return {
      activeName:'waitTeamList'
    };
  },
  components:{
    waitTeamList,
    endTeamList,
    eidtTeamAddr
  },
  mounted() {
    this.$bus.$on("changeAddrTab", obj => {
      this.activeName = obj;
    });
  },
  beforeDestroy(){
    this.$bus.$off("changeAddrTab", obj => {

    });
  },
  activated() {

  },
  computed: {

  },
  methods: {

  },
};
</script>

<style lang="scss" scoped>
.teamDetailedList {
  padding: 0 20px;
}
</style>