fj-dc-ui/.svn/pristine/c7/c7f2ddd5b252c0abf1051c2cdfd72765525e60ad.svn-base

<template>
    <el-container style="height:520px;">
        <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" style="width:300px;height: 200px;" 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{
            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: 'liableSignature1'}).then(function(res){
                    if(res.success){
                        if(res.data.list.length){
                            resolve(res.data.list)
                        }else{
                            resolve({})
                        }
                    }
                })
            })
            let signatureTwo = new Promise(function(resolve,reject){
                request.post('/file/findPageInfo', {bizId: _this.bizId,bizType: 'liableSignature2'}).then(function(res){
                    if(res.success){
                        if(res.data.list.length){
                            resolve(res.data.list)
                        }else{
                            resolve({})
                        }
                    }
                })
            })
            // let signatureThree = new Promise(function(resolve,reject){
            //     request.post('/file/findPageInfo', {bizId: _this.bizId,bizType: 'signature3'}).then(function(res){
            //         if(res.success){
            //             if(res.data.list.length){
            //                 resolve(res.data.list)
            //             }else{
            //                 resolve({})
            //             }
            //         }
            //     })
            // })
            // 根据传进来的labellist的长度进行数据请求
            let signatureArr = [signatureOne,signatureTwo]
            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: 30%;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            img{
                width: 100%;
                vertical-align: text-top;
            }
            p{
                font-weight: normal;
                margin-top: 30px;
            }
        }
    }
</style>