fj-dc-ui/.svn/pristine/cd/cde5522c592b6b0971192fbd607e08ba3fbe5767.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: '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: 'liableSignature3'
                    }).then(function (res) {
                        if (res.success) {
                            if (res.data.list.length) {
                                resolve(res.data.list)
                            } else {
                                resolve({})
                            }
                        }
                    })
                })
                // 根据传进来的labellist的长度进行数据请求
                let signatureArr = [signatureOne, signatureTwo,signatureThree]
                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>