<template>
  <div>
    <el-row>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">超过7天未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">超过15天未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">超过30天未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">超过3个月未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">超过6个月未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
        <el-col :span="8">
          <div class="box1"><dev class="boxt">逾期未联系</dev><span class="number1">111</span> 人</dev></div>
        </el-col>
    </el-row>
  </div>
</template>

<script>



export default {
  data() {
    return {


    }
  },
  mounted() {

  },

  methods: {


  }


}
</script>

<style scoped>

    .box1 {
      height: 100px;
      border: 1px solid #e7e7e7;
      border-radius: 3px;
      margin: 10px 10px 20px 10px;
      background: #eeeeee;
      padding: 20px;

    }
    .boxt {
      display: block;
      margin-bottom: 15px;
    }
    .number1 {
      margin-top: 15px;
      font-size: 24px;
    }
  


</style>
