<template>
  <div>
    <div class="topTagBox flex">
      <div class="left flex-align-center">
        <div :class="['tagItem',tagType==1?'tagItem_active':'']" @click="changeType(1);">添加客户</div>
        <div :class="['tagItem',tagType==2?'tagItem_active':'']" @click="changeType(2);">数据总览</div>
      </div>
    </div>
    <addFriend v-if="tagType==1"></addFriend>
    <dataPreview v-if="tagType==2"></dataPreview>
  </div>
</template>

<script>
import addFriend from './addFriend/index.vue'
import dataPreview from './dataPreview/index.vue'
export default {
  name: "index",
  components:{addFriend,dataPreview},
  data(){
    return {
      tagType:1
    }
  },
  methods:{
    changeType(type){
      this.tagType = type
    }
  }
}
</script>

<style scoped>

</style>
