<template>
  <div>
    <!-- 个人 -->
    <customerDetail-C v-if="isShowCompC" :rowC="rowC" :createRoleC="createRole" ></customerDetail-C>
    <!-- 企业 -->
    <customerDetail-B v-if="isShowCompB" :rowB="rowB" :createRoleB="createRole"></customerDetail-B>
    <!-- 商户 -->
    <customerDetail-M v-if="isShowCompM" :rowM="rowM" :createRoleM="createRole"></customerDetail-M>
  </div>
</template>

<script>
import customerDetailC from './components/customerDetailC.vue'
import customerDetailB from './components/customerDetailB.vue'
import customerDetailM from './components/customerDetailM.vue'

export default {
  data() {
    return {
      isShowCompB: false,
      isShowCompM: false,
      isShowCompC: false,
      rowB: {},
      rowC: {},
      rowM: {},
      createRole:''
    }
  },
  components: {
    customerDetailC,
    customerDetailB,
    customerDetailM
  },
  mounted() {
    // console.log(this.$route.query.row,'this.$route.query.row')
    this.createRole=this.$route.query.createRole;
    // alert(this.createRole)
    this.rowB = this.$route.query.row;
    this.rowC = this.$route.query.row;
    this.rowM = this.$route.query.row;
    // console.log(row);
    // this.row = row;
    const custType =this.$route.query.custType;
    if (custType == '0') {
      this.isShowCompC = true;
    } else if (custType == '1') {
      this.isShowCompM = true;
    }
    else if(custType == '2') {
      this.isShowCompB = true
    }
  },
  methods: {
  }
}
</script>