<template>
  <div class="callcenter">
    <div class="label">客服</div>
    <div class="div-1">
      <div class="tablecall">
        <table>
          <tr>
            <td class="td-img"><img src="../../../../static/ManageHomePic/图层6.png"></td>
            <td>呼入总数<br/><span>1020</span></td>
          </tr>
          <tr>
            <td class="td-img"><img src="../../../../static/ManageHomePic/图层7.png"></td>
            <td>接入总数<br/><span>800</span></td>
          </tr>
        </table>
      </div>
      <div class="tablecall tablecall-1">
        <table>
          <tr>
            <td class="td-img"><img src="../../../../static/ManageHomePic/图层9.png"></td>
            <td>维修完成数<br/><span class="span-fix">3201</span></td>
          </tr>
          <tr>
            <td class="td-img"><img src="../../../../static/ManageHomePic/图层8.png"></td>
            <td>维修未完成数<br/><span class="span-fix">657</span></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
  import * as Util from '../../../stores/Util'
  import co from 'co'
  import {HttpResetClass} from 'vue-client'

  let getData = function * (self) {
    let load = new HttpResetClass()
    load.load("POST",'api/af-revenue/sql/getSeatinfo',
      {data: self.sqlcondition},
      {resolveMsg: null, rejectMsg: null})
      .then((res) => {
        console.log(res.data)
      })
  }
  export default {
    name: "call-center",
    data(){
      return{
        sqlcondition:{},
      }
    },
    ready(){
      // let getdata=getData(this)
      // co(getdata)
    }
  }
</script>

<style scoped>
  .label {
    margin-left: 6%;
    font-size: 0.85em;
    color: #fff;
    height:9%;
    width: auto;
  }

  .div-1 {
    /*height: 236px;*/
    /*width: 576px;*/
    /*padding-left: 80px*/
    width: 100%;
    height: 90%;
    padding: 2% 4%;

  }

  .callcenter {

  }

  .tablecall {
    width: 50%;
    float: left;
    padding-top: 3%;
  }

  .tablecall-1 {
    /*margin-left: 30px*/
  }
  table{
    width: 100%;
    height: 100%;
  }
  td {
    width: 30%;
    height: 50%;
    font-size: 0.75em;
    color: #ffffff;
    text-align: center;
  }

  span {
    font-size: 2em;
    color: #69d8d2;
  }

  .span-fix {
    font-size: 2em;
    color: #f7cb32;
    font-weight: normal;
  }

  .td-img {
    width: 20%;
    text-align: right;
  }
  img{
    width: 60%;
    /*height: 50%;*/
  }
</style>
