fj-dc-ui/.svn/pristine/e9/e98038491014fda7b128ebbbbee689b95d68ebc9.svn-base

<template>
    <el-container>
        <el-main style="padding:0px;overflow:hidden" v-if="!noData">
            <div class="wrapper">
                <h4>取水户信息</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">名称：</span>
                            <span>{{form.wiuName}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">身份：</span>
                            <span>{{form.idtType | idtType}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">姓名：</span>
                            <span>{{form.name}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper">
                <h4>取水户性质和代码</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">{{form.wiuNat | wiuNat}}：</span>
                            <span>{{form.wiuNatName}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">{{form.codeType | codeType}}：</span>
                            <span>{{form.codeVal}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper">
                <h4>取水户联系人</h4>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <p>
                            <span class="label">姓名：</span>
                            <span>{{form.wiuContact}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">联系方式：</span>
                            <span>{{form.wiuContactTel}}</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/base/${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)
                }
            })
        },
    },
    filters:{
        idtType(val){
            if(val == '1'){
                return '法定代表人'
            }else if(val == '2'){
                return '负责人'
            }else{
                return ''
            }
        },
        wiuNat(val){
            if(val == '1'){
                return '法人'
            }else if(val == '2'){
                return '其他组织'
            }else if(val == '3'){
                return '法人的分支机构'
            }else if(val == '4'){
                return '自然人'
            }else{
                return '法人'
            }
        },
        codeType(val){
            if(val == '1'){
                return '统一社会信用代码'
            }else if(val == '2'){
                return '身份证号'
            }else{
                return '身份证号'
            }
        },
    }
}
</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>