<!--基本信息-->
<template>
  <div class="info-block">
    <el-alert
      v-if="flgUpload=='1'"
      :closable="false"
      title="上传成功"
      type="success"
      show-icon/>
    <el-alert
      v-else-if="flgUpload=='0'"
      :closable="false"
      :description="'失败原因：' + resUpload"
      title="上传失败"
      type="error"
      show-icon/>
      <!--<div v-if="flgUpload=='2'" class="block-body-success">-->
      <!--<span class="body-left">-->
      <!--上传状态：-->
      <!--</span>-->
      <!--<span class="body-bold">-->
      <!--<svg-icon icon-class="success" />-->
      <!--上传成功 ！-->
      <!--</span>-->
      <!--</div>-->
      <!--<div v-else class="block-body-failure">-->
      <!--<span class="body-left">-->
      <!--上传状态：-->
      <!--</span>-->
      <!--<span class="body-bold">-->
      <!--<svg-icon icon-class="failure" />-->
      <!--上传失败 !-->
      <!--</span>-->
      <!--<span style="padding-left: 10px">-->
      <!--失败原因： {{ resUpload }}-->
      <!--</span>-->
      <!--<div class="clearfloat"/>-->
      <!--</div>-->
  </div>
</template>
<script>
export default {
  name: 'UploadState',
  props: {
    flgUpload: {
      type: String,
      default: ''
    }, // 上传状态,1未上传，2上传成功，3上传失败
    resUpload: {
      type: String,
      default: ''
    }// 失败原因
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  $left-width: 160px;
  .info-block{
    margin: 10px 20px;
    padding-bottom: 20px;
    /*overflow: ;*/
    .block-title-div{
      font-size: 17px;
      color: #1f2d3d;
      font-weight: bold;
      border-bottom: 1px solid #d3dce6;
      .block-title{
        padding-left: 10px;
        margin-bottom: 10px;
        border-left: 5px solid #409EFF;
      }
    }
    .block-body-success{
      margin-top: 10px;
      width: 100%;
      background-color:#f0f0f0;
      font-size:14px;
      color: #009900;
      padding: 15px 10px;
    }
    .block-body-failure{
      margin-top: 10px;
      width: 100%;
      background-color:#f0f0f0;
      font-size:14px;
      color: #f84913;
      padding: 15px 10px;
    }
    .body-bold{
      font-weight: bold;
    }

  }
</style>