fj-dc-ui/.svn/pristine/86/86ec7497d45cbf813dc0049f3b29b2274dd844cf.svn-base

<template>
  <el-container :style="{'height':testHeight1+'px'}">
    <el-main>
      <div class="signature_wrapper" v-if="signatureList.length">
        <div v-for="(sig,index) in signatureList" :key="index">
          <div>
            {{sig.label}}
            <img :src="hostUrl + sig.filePath" alt="" v-if="sig.filePath">
            <p v-else>暂无签字</p>
          </div>
        </div>
      </div>
      <div class="signature_wrapper" v-else>
        暂无签字
      </div>
    </el-main>
  </el-container>
</template>
<script>
  import request from '@util/gw_ajax_request.js'
  import {hostUrl} from '@util/global_variable.js'

  export default {
    props: {
      currentObjectRgstrId: {},
      labelList: {
        type: Array,
        default: () => (['签字确认'])
      }
    },
    data() {
      return {
        testHeight: (window.innerHeight * 0.5 - 114) / 6,
        testHeight1: window.innerHeight * 0.5,
        signatureList: []
      }
    },
    computed: {
      orgId() {
        return localStorage.getItem('currentOrgId') ? localStorage.getItem('currentOrgId') : ''
      },
      bizId() {
        return `${this.currentObjectRgstrId}${this.orgId}`
      },
      hostUrl() {
        return hostUrl
      }
    },
    mounted() {
      this.getSignaturePics()
    },
    methods: {
      getSignaturePics() {
        let _this = this
        let signatureOne = new Promise(function (resolve, reject) {
          request.post('/file/findPageInfo', {
            bizId: _this.bizId,
            bizType: 'signature1'
          }).then(function (res) {
            if (res.success) {
              if (res.data.list.length) {
                resolve(res.data.list)
              } else {
                resolve({})
              }
            }
          })
        })

        // 根据传进来的labellist的长度进行数据请求
        let signatureArr = [signatureOne]
        if (_this.labelList && _this.labelList.length) {
          signatureArr.length = _this.labelList.length
        }
        Promise.all(signatureArr).then(function (result) {
          if (result.length) {
            result.forEach((ele, index) => {
              _this.signatureList = _this.signatureList.concat(ele)
            })
            _this.signatureList.forEach((ele, index) => {
              ele['label'] = _this.labelList[index]
            })
          }
          console.log(_this.signatureList)
        })
      }
    },
  }
</script>
<style lang="scss" scoped>
  .signature_wrapper {
    min-height: 300px;
    display: flex;
    justify-content: space-between;

    > div {
      width: 100%;
      font-size: 18px;
      font-weight: bold;
      text-align: center;

      img {
        width: 100%;
        vertical-align: text-top;
      }

      p {
        font-weight: normal;
        margin-top: 30px;
      }
    }
  }
</style>