<template>
  <div class="evaluate">
    <div
      class="loading"
      v-loading="loading"
      element-loading-text="正在进行一检通文件下载"
      element-loading-background="rgba(255, 255, 255, 0.4)"
      v-show="loading"
    ></div>
    <iframe
      src="https://jfsk.guangchuan.org/api/fxyp/downloadYpbg"
      frameborder="0"
      :class="{ visi_hidden: loading }"
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'Evaluate',
  mounted () {
    setTimeout(() => {
      this.loading = false
    }, 2000)
  },
  data () {
    return {
      loading: true
    }
  }
}
</script>

<style lang="scss" scoped>
.evaluate {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("~@/assets/images/evaluate/bg.jpg") no-repeat top center /
    100% 100%;
  iframe {
    width: 100%;
    height: 100%;
  }
  .loading ::v-deep {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    svg {
      width: 100px !important;
      height: 100px !important;
    }
    .el-loading-spinner {
      top: 344px;
    }
    .el-loading-spinner .path {
      stroke: #60fff6;
    }
    p {
      margin-top: 60px;
      color: #fff;
      font-size: 32px;
    }
  }
}
</style>
