fj-dc-ui/.svn/pristine/42/4225757132cb67f3baa7ccdd4c0df3ef28bc7cbd.svn-base

<template>
    <el-container>
        <el-main style="padding:0px;overflow:hidden" v-if="!noData">
            <div class="wrapper" v-if="form.qsxkspqklx == '1'">
                <h4>已申领取水许可证</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">取水许可证号：</span>
                            <span>{{form.watLicCode}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">审批机关：</span>
                            <span>{{form.apprOrg}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">有效期限：</span>
                            <span>{{form.wiuBd + '-' + form.wiuDl}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">取水权人名称：</span>
                            <span>{{form.wrpNm}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">许可取水量(万m³/年)：</span>
                            <span>{{form.wiuWw}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper" v-if="form.qsxkspqklx == '2'">
                <h4>已办理取水许可但未申领取水许可证</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">批复文号：</span>
                            <span>{{form.replSn}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">审批机关：</span>
                            <span>{{form.apprOrg}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">有效期限：</span>
                            <span>{{form.intBd + '-' + form.intDl}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">取水权人名称：</span>
                            <span>{{form.wrpNm}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">审批取水量(万m³/年)：</span>
                            <span>{{form.apprWw}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper" v-if="form.qsxkspqklx == '3'">
                <h4>未办理取水许可</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">情况说明：</span>
                            <span>{{form.ftafawdp}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
        </el-main>
        <div class="no_data" v-if="noData">
            <span class="label">暂无数据</span>
        </div>
    </el-container>
</template>
<script>
import request from "@util/gw_ajax_request.js"
export default {
    props: ['currentObjectId','currentObjectCode','currentObjectRgstrId'],
    data(){
        return{
            form:{

            },
            noData: false
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            request.get(`/att/wiu/wat/lic/getBy/${this.currentObjectCode}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.form = res.data
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
        },
    },
}
</script>

<style scoped>
    .wrapper{
        line-height: 32px;
        margin-bottom: 26px;
    }
    h4{
        color: #666;
        border-left: solid #009fff 3px;
        line-height: 14px;
        padding-left: 8px;
        margin-bottom: 12px;
    }
    .label{
        display: inline-block;
        /* min-width: 80px; */
        color: #999;
    }
    .label+span{
        color: #333;
    }
    .no_data{
        text-align: center;
        width: 100%;
        line-height: 100px;
    }
</style>