fj-dc-ui/.svn/pristine/a5/a5232b9c23dd408ab6ceea16d117748ba1dde7c2.svn-base

<template>
    <el-container style="height:520px;">
        <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow-x: hidden">
            <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;margin-bottom:10px;">取用水管理信息</p>
            <div style="padding: 0 10px;">
                <div class="wrapper">
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <p>
                                <span class="label">取水项目名称：</span>
                                <span>{{form.xmmc}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">所属行业类型：</span>
                                <span>{{form.sshy}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">取水用途：</span>
                                <span>{{form.szxzqxzj3}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">立项审批有关情况：</span>
                                <span>{{form.xmspqk}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">项目编号（自动生成）：</span>
                                <span>{{form.xmbh}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <el-row :gutter="20">
                        <el-col :span="24">
                            <p>
                                <span class="label">取水许可审批情况：</span>
                                <span>{{form.qsxksplx}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <h4>已申领取水许可证</h4>
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <p>
                                <span class="label">取水许可证号：</span>
                                <span>{{form.qsxkzh}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">审批机关：</span>
                                <span>{{form.qsspjg}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">许可水量(万m³/年)：</span>
                                <span>{{form.spnqsl}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">有效期：</span>
                                <span v-if="form.qsxkzyxqkssj">{{formatDate(form.qsxkzyxqkssj,'yyyy-MM-dd') + ' 至 ' + formatDate(form.qsxkzyxqjssj,'yyyy-MM-dd')}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">是否取得多张许可证：</span>
                                <span>{{form.sfqddzxkz}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">情况说明：</span>
                                <span>{{form.qddzxkzsm}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <h4>已取得取水申请批准文件但未申领取水许可证</h4>
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <p>
                                <span class="label">取水许可批复文号：</span>
                                <span>{{form.qsskpfwh}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">审批机关：</span>
                                <span>{{form.qsspjgmc}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">审批年取水量(万m³/年)：</span>
                                <span>{{form.spnqsl2}}</span>
                            </p>
                        </el-col>
                        <el-col :span="12">
                            <p>
                                <span class="label">审批时间：</span>
                                <span>{{form.qssqspsj}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <h4>未取得取水申请批准文件</h4>
                    <el-row :gutter="20">
                        <el-col :span="24">
                            <p>
                                <span class="label">情况说明：</span>
                                <span>{{form.wblqsxksm}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <h4>近四年实际取水量（万m³/年）</h4>
                    <el-row :gutter="20">
                        <el-col :span="6">
                            <p>
                                <span class="label">2016年：</span>
                                <span>{{form.szxzqdm4}}</span>
                            </p>
                        </el-col>
                        <el-col :span="6">
                            <p>
                                <span class="label">2017年：</span>
                                <span>{{form.szxzqxzj4}}</span>
                            </p>
                        </el-col>
                        <el-col :span="6">
                            <p>
                                <span class="label">2018年：</span>
                                <span>{{form.szxzqdm5}}</span>
                            </p>
                        </el-col>
                        <el-col :span="6">
                            <p>
                                <span class="label">2019年：</span>
                                <span>{{form.szxzqxzj5}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
                <div class="wrapper">
                    <el-row :gutter="20">
                        <el-col :span="24">
                            <p>
                                <span class="label">数据获取方式：</span>
                                <span>{{form.szxzqdm6}}</span>
                            </p>
                        </el-col>
                        <el-col :span="24">
                            <p>
                                <span class="label">备注：</span>
                                <span>{{form.szxzqxzj8}}</span>
                            </p>
                        </el-col>
                    </el-row>
                </div>
            </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"
import {dateFormat} from "@util/gw_date.js"
export default {
    props: ['currentObjectId','currentObjectCode','currentObjectRgstrId','formInfo'],
    data(){
        return{
        }
    },
    computed:{
        form(){
            return this.formInfo.certificateInfo
        },
        formatDate(){
            return dateFormat
        }
    },
    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>