<template>
    <van-row class="recordList">
      <van-row class="titleWrap">
        <span class="line"></span>
        <span class="title">文印助手</span>
      </van-row>
      <van-row class="type">
        <van-col  class="bgc1 num1">
          <van-row class="textTop">{{data.countSum}}份</van-row>
          <van-row class="textBottom">打印总数</van-row>
        </van-col>
        <van-col  class="bgc2 num2">
          <van-row class="textTop">{{data.countYun}}份</van-row>
          <van-row class="textBottom">工作状态数</van-row>
        </van-col>
        <van-col  class="bgc4 num3">
          <van-row class="textTop">{{data.countRequest}}份</van-row>
          <van-row class="textBottom">任务列表数</van-row>
        </van-col>
      </van-row>
      <van-row class="printing1">
        <van-col span="5" class="bgc8 left">
          <van-row class="text">文件名</van-row>
        </van-col>
        <van-col span="19" class="printingList right" >
          <div class="listWrap">
            <van-col v-for="(item,index) in data.list" :key="index">{{item}}</van-col>
          </div>
        </van-col>
      </van-row>
      
    </van-row>
</template>
<script>
export default {
  props:["resInfo"],
  data() {
    return {
      data:{
        countRequest: 0,
        countSum: 0,
        countYun: 0,
      },
    };
  },
   watch:{
    resInfo(val,old){
      this.data = val
    }
  },
};
</script>

<style lang="scss" scoped>
.num1,.num2,.num3{
  width:31%
}
.num2,.num3{
  margin-left:3.5%;
}
.printing1{
  margin-top:15px;
  font-size: 14px;
  .left{
        height:60px;
        border-radius: 6px;
        color:#fff;
        .text{
            width:100%;
            text-align: center;
            letter-spacing: 2px;
            display: block;
            line-height: 25px;
            margin: 0 auto; /*水平居中*/
            position: relative;
            top: 50%; /*偏移*/
            margin-top: -15px;
            
        }
    }
    .right{
        height:60px;
        border:1px solid #F0F0F0;
        .listWrap{
          height:50px;
          margin-top:5px;
          overflow-y: scroll;
          overflow-x: hidden;
          box-sizing: border-box;
          .van-col{
            color:#000;
            margin-left:15px;
            display: block;
            width:100%;
            padding:1px 0 2px;
          }
        }
        
        
    }
}
    

</style>
