<template>
  <div class="tabs-body">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>基本信息</span>
      </div>
      <div class="box-body">
        <div v-for="item in baseInfo">
          <span>{{item.label}}</span>：
          <span>{{item.value}}</span>
        </div>
      </div>
    </el-card>
    <cus-info></cus-info>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>售前咨询</span>
      </div>
      <div>
        <el-button>新粉咨询</el-button>
        <el-button type="success">日常咨询</el-button>
      </div>
    </el-card>
  </div>  
</template>

<script>
import cusInfo from './cus-info'
export default{
    data(){
      return {
        activeName:'second',
        baseInfo:[
          {
            label:'微信昵称',
            value:'李元霸'
          },
          {
            label:'微信号',
            value:'李元霸'
          },
          {
            label:'微信备注',
            value:'李元霸'
          },
          {
            label:'来源',
            value:'李元霸'
          }
        ]
      }    
    },
    components: {
      cusInfo
    },
    methods: {
      handleClick(){
        console.log(43434)
      }
    }
}
</script>

<style lang="stylus" scoped>
.tabs-body
  height:800px;
  width:100%;
  .tool-body
    width:100%;
    height:729px;
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .clearfix{
    span{
      font-weight: 800;
    }
  }
  .box-card {
    width: 100%;
  }
  .box-body{
    padding-left:10px;
    div{
      font-size:15px;
      margin-bottom:10px;
    }
  }
</style>