<template>
    <div>
        <div class="supplier-title">
            
            <img v-if="row.certificate  && row.businessLicense" src="@/assets/images/dun.png" alt="">
            <img v-if="row.warningCount > 0" src="@/assets/images/gaojin.png" alt="">
            <div class="qipao-warp" v-if="row.warningTypeCount > 0">
              <img src="@/assets/images/qipao.png" style="" alt="">
              <div class="num">{{row.warningTypeCount}}</div>
            </div>
            <span>{{row.supplierName}}</span>
          </div>
    </div>
</template>
<script>
    export default {
        props: {
            row: Object
        },
        data(){
            return {
                supplierDetail:{},
            }
        },
    }
</script>
<style lang="less" scoped>
/deep/ .supplier-title{
  overflow: hidden;
  
  .qipao-warp{
    position: relative;
    float: left;
    .num{
      position: absolute;
      top:2px;
      left: 10px;
      color: #fff;
      font-size: 12px;
      transform:scale(0.8)
    }
  }
  span{
    margin-left:12px;
    display: block;
    float: left;
    font-size: 14px;
    color: #1A3AF0;
  }
  img{
    height: 20px;
    display: block;
    margin-left: 5px;
    float: left;
  }
}
</style>