fj-dc-ui/.svn/pristine/56/56b054a853e7901c192e79ca753d46be45b84bd2.svn-base

<template>
    <el-container style="height:520px;">
        <el-main style="padding:0px;overflow:hidden;border:1px solid #d5d5ff;margin-left:5px;" v-if="!noData">
            <div class="wrapper">
                <h4>取水许可审批情况</h4>
                <el-row :gutter="20">
                    <el-col :span="24">
                        <p>
                            <span class="label">状态：</span>
                            <span>{{detailContent.qsxksplx}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水许可证证号：</span>
                            <span>{{detailContent.qsxkzh}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水许可证有效期开始时间：</span>
                            <span>{{detailContent.qsxkzyxqkssj | formatDate}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水许可证有效期结束时间：</span>
                            <span>{{detailContent.qsxkzyxqjssj | formatDate}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水审批机关：</span>
                            <span>{{detailContent.qsspjg}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水权人名称：</span>
                            <span>{{detailContent.qsqrmc}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水地点：</span>
                            <span>{{detailContent.qsdd}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">退水地点：</span>
                            <span>{{detailContent.tsdd}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水方式：</span>
                            <span>{{detailContent.qsfs}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">退水方式：</span>
                            <span>{{detailContent.tsfs}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">审批年取水量（万m³/年）：</span>
                            <span>{{detailContent.spnqsl}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">审批年退水量（万m³/年）：</span>
                            <span>{{detailContent.spntsl}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水用途：</span>
                            <span>{{detailContent.qsyt}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">水源类型：</span>
                            <span>{{detailContent.sylx}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>        
            <!-- <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;margin-bottom:10px;">取水许可审批情况</p> -->
            <!-- <ul>
                <li v-for="item in certificateList" :key="item.id" @click="showDetail(item)">
                    <span class="unit">{{item.wrpNm}}</span>
                    <span class="num">取水许可证编号：{{item.watLicCode}}</span>
                </li>
            </ul>
            <el-dialog
                width="50%"
                title="取水许可证详情"
                :visible.sync="innerVisible"
                append-to-body>
                <el-card class="box-card">
                    <p><span class="label">取水许可证代码：<span>{{detailContent.wintCode}}</span></span><span class="label">取水许可证编号：<span>{{detailContent.watLicCode}}</span></span></p>
                    <p><span class="label">取水权人名称：<span>{{detailContent.wrpNm}}</span></span><span class="label">取用水户代码：<span>{{detailContent.wiuCode}}</span></span></p>
                    <p><span class="label">法人代表：<span>{{detailContent.name}}</span></span></p>
                </el-card>
                <el-card class="box-card">
                    <p><span class="label">取水地点：<span>{{detailContent.wintPos}}</span></span><span class="label">取水方式：<span>{{detailContent.chkIntMet}}</span></span></p>
                    <p><span class="label">取水量：<span>{{detailContent.wiuWw}}</span></span><span class="label">取水用途：<span>{{detailContent.intUse}}</span></span></p>
                    <p><span class="label">水源类型：<span>{{detailContent.chkSourTp}}</span></span><span class="label">取水起始日期：<span>{{detailContent.intBd | formatDate}}</span></span></p>
                    <p><span class="label">取水终止日期：<span>{{detailContent.intDl | formatDate}}</span></span><span class="label">证件状态：<span>{{detailContent.certCond | certCond}}</span></span></p>
                </el-card>
                <el-card class="box-card">
                    <p><span class="label">退水地点：<span>{{detailContent.rwAddr}}</span></span><span class="label">退水方式：<span>{{detailContent.rwTp}}</span></span></p>
                    <p><span class="label">退水量：<span>{{detailContent.bkWw}}</span></span><span class="label">退水水质要求：<span>{{detailContent.rwWqReq}}</span></span></p>
                </el-card>
                <el-card class="box-card">
                    <p><span class="label">审批单位代码：<span>{{detailContent.apprOrgCd}}</span></span><span class="label">审批单位名称：<span>{{detailContent.apprOrgName}}</span></span></p>
                    <p><span class="label">审批日期：<span>{{detailContent.apprDt | formatDate}}</span></span></p>
                </el-card>
                <el-card class="box-card">
                    <p><span class="label">监督管理单位代码：<span>{{detailContent.manOrgCd}}</span></span><span class="label">监管单位名称：<span>{{detailContent.manOrgName}}</span></span></p>
                </el-card>
            </el-dialog> -->
        </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 {formatDateTime2} from '@util/gw_date.js'
export default {
    props: ['currentObjectCode','currentObjectRgstrId','ssxMid'],
    data(){
        return{
            certificateList: [],
            innerVisible: false,
            detailContent: {},
            noData: false
        }
    },
    mounted(){
        this.getCertificateList()
    },
    methods:{
        getCertificateList(){
            // request.get(`/bis/insp/wintu/rgstr/permission/${this.currentObjectRgstrId}`).then(res=>{
            request.get(`/bis/insp/wintu/rgstr/permission/${this.ssxMid}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.detailContent = res.data
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
        },
        showDetail(item){
            this.detailContent = item
            this.innerVisible = true
        },

    },
    filters:{
         wainWasoType(val){
            if(val == '1'){
                return '河道内的水库'
            }else if(val == '2'){
                return '湖泊'
            }else if(val == '3'){
                return '河流'
            }else if(val == '4'){
                return '跨省引调水工程'
            }else if(val == '9'){
                return '其他'
            }else{
                return ''
            }
        },
        certCond(val){
            if(val == '1'){
                return '新发'
            }else if(val == '2'){
                return '变更'
            }else if(val == '3'){
                return '注销'
            }else if(val == '4'){
                return '吊销'
            }else if(val == '5'){
                return '延续'
            }else if(val == '6'){
                return '失败备案'
            }else{
                return ''
            }
        },
        formatDate(val){
            return formatDateTime2(val)
        }
    }
}
</script>
<style lang="scss" 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;
    }
    ul{
        list-style: none;
        margin: 10px;
        li{
            padding: 3px 10px;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            color: #333;
            cursor: pointer;
            border-bottom: solid 1px #ddd;
            .unit{
                font-weight: bold;
                color: #000;
                display: inline-block;
                width: 300px;
            }
            &:hover{
                background-color: rgb(233, 244, 252);
            }
        }
    }
    .box-card{
        margin-bottom: 6px;
        p{
            line-height: 30px;
            color: #777;
        }
        .label{
            display: inline-block;
            width: 100%;
            span{
                color: #000;
            }
        }
    }
</style>