
<!--
  @description: 供应商-桌面-下载中心
  @Modifier：wxy
  @routerPath:/procurement/procurementDesktopSupplier
  @date：  2020-09-01 16:22:13
-->
<template>
  <div :class="supplierFlag?'sup-mheight contentFram':'m-height contentFram'">
    <div class="contentt p0-16">
      <p class="title fl">
        <i class="iconfonts iconfont icon-xiazai" />下载中心
      </p>
    </div>
    <div class="p0-16 contentb">
      <!-- <downloadFile :data="orderApproval" /> -->
      <p>操作手册</p>
      <!-- <p><downloadFile :data="orderTerms" /></p> -->
    </div>
  </div>
</template>

<script>
/* 组件*/
// import downloadFile from '@comp/common/updownload/downloadFile'
export default {
  components: {
    // downloadFile
  },
  props: {
    supplierFlag: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      orderTerms: {
        bizId: '',
        fileType: 'procurement_order_terms_file_template_base'
      }
    }
  }
}
</script>

<style lang='less' scoped>
@import '~@assets/style/common/public.less';
.contentFram{
  background: #fff;
  border-left: 1px solid @cut-off;
  border-right: 1px solid @cut-off;
  border-bottom: 1px solid @cut-off;
}
.m-height{
  min-height: 190px;
}
.sup-mheight{
  min-height: 394px;
}
div.contentFram{
    width: 100%;
.contentt{
    border-top: 1px solid @hyacinthine;
    border-bottom: 1px solid @border-gray;
    width: 100%;
    height: 40px;
    p{
        line-height: 40px;
        .iconfonts{
         color:@hyacinthine;
         margin-right:8px;
    }
    }

}
.contentb{
    width: 100%;
    p{
      font-size: 12px;
      border-bottom: 1px dotted @border-gray;
      line-height: 50px;
        .iconfonts{
         color:@hyacinthine;
         margin-right:8px;
    }
    span{
        &:nth-child(3){
            color: @light-font;
            margin-left: 20px;
        }
    }
    }

}
}
</style>
