<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>顾客信息</span>
    </div>
    <div>
      <div class="box-body">
        <div>
          <span>顾客ID:</span>
          <span>107507</span>
          <el-button type="success" size="mini">修改</el-button>
        </div>
        <div>
          <span>系统顾客名称:</span>
          <span>毛毛 13434343434</span>
          <el-button type="success" size="mini">新建预约单</el-button>
        </div>
        <div>
          <span>来源:</span>
          <span> 清仓自增长</span>
        </div>
        <div>
          <span>余额:</span>
          <span>25.0</span>
          <el-button type="info" size="mini">发送充值链接</el-button>
        </div>
        <div>
          <span>6天内预约单数据:</span>
          <span>2</span>
        </div>
        <div>
          <span>6天前预约单数据:</span>
          <span> 2</span>
        </div>
        <div>
          <span>历史订单:</span>
          <span>2</span>
        </div>
        <div>
          <span>返工:</span>
          <span>2</span>
        </div>
      </div>
    </div>
  </el-card>
</template>
<script>
export default{
    data(){
      return {
        activeName:'second',
        baseInfo:[
          {
            label:'微信昵称',
            value:'李元霸'
          },
          {
            label:'微信号',
            value:'李元霸'
          },
          {
            label:'微信备注',
            value:'李元霸'
          },
          {
            label:'来源',
            value:'李元霸'
          }
        ]
      }    
    },
    components: {
    },
    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;
      span{
        margin-right:10px;
      }
    }
  }
</style>