playlet/project/src/components/manage/InviteIntoGr.../index.vue

<template>
  <div>
    <div class="topTagBox flex" style="min-width: 1200px;" id="customerAnalysis">
      <div class="left flex-align-center">
        <div :class="['tagItem',tagType==2?'tagItem_active':'']" @click="changeType(2);">安卓设备绑定</div>
        <div :class="['tagItem',tagType==4?'tagItem_active':'']" @click="changeType(4);">客户群创建配置</div>
        <div :class="['tagItem',tagType==1?'tagItem_active':'']" @click="changeType(1);">邀请入群配置</div>
        <div :class="['tagItem',tagType==3?'tagItem_active':'']" @click="changeType(3);">客户共享配置</div>
      </div>
    </div>
    <deviceBind v-if="tagType==2" />
    <inviteRuleList v-if="tagType==1" />
    <customerShare v-if="tagType==3" />
    <createChatGroup v-if="tagType==4" />
  </div>
</template>

<script>
import inviteRuleList from './inviteRuleList.vue'
import deviceBind from './deviceBind/index.vue'
import customerShare from './customerShare/index.vue'
import createChatGroup from './createChatGroup/index.vue'
export default {
  name: "InviteIntoGroup",
  components: {
    inviteRuleList,
    deviceBind,
    customerShare,
    createChatGroup
  },
  data() {
    return {
      tagType: this.$route.query.tag || 2,
    }
  },
  methods:{
    changeType(type){
      this.tagType = type
    }
  }
}
</script>