fj-dc-ui/.svn/pristine/0b/0b09751b18a1d5db8ab1734c85c1fc4c1e42d084.svn-base

<template>
    <div >
        <el-dialog :title="formObj.wiuName+'基础信息'" :visible.sync="dialogFormVisible" width="40%" :append-to-body="true" height="500">
        <el-container id="qskJichuxinxiContainer">
            <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;">详情</p>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;"> 取水户名称：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.wiuName}}</el-col>
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;">  取水户身份：</el-col>
                    <el-col :span="7" style="text-align:left;">{{formObj.idtType | idtType}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;"> 取水户姓名：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.name}}</el-col>
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;">{{formObj.wiuNat | wiuNat}}：</el-col>
                    <el-col :span="7" style="text-align:left;">{{formObj.wiuNatName}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;"> {{formObj.codeType | codeType}}：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.codeVal}}</el-col>
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;">取水户联系人：</el-col>
                    <el-col :span="7" style="text-align:left;">{{formObj.wiuContact}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;">取水户联系方式：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.wiuContactTel}}</el-col>
                </el-row>
            </el-main>
        </el-container>
        </el-dialog>
    </div>
</template>

<script>
import { getQskBaseInfo } from "@api/zhxxAPI.js";
import request from "@util/gw_ajax_request.js";
export default {
    components: {

    },
    props: ["currentQshCode"],

    data() {
        return {
            dialogFormVisible:false,
        formObj: {
            rsName: "",
            rsAdmName: "",
            rsLoc: "",
            intm: "",
            engScal: "",
            totCap: "",
            damMaxHigh: "",
            damTypeStr: "",
            regCode: "",
            rsvrLong: "",
            rsvrLat: "",
            resCreateTime: ""
        },
        formLabelWidth: "160px",
        loading: true,
        currentQshCode1: "",
        };
    },
    computed: {
        recPersId() {
        return localStorage.getItem("userid")
            ? localStorage.getItem("userid")
            : "";
        }
    },
    mounted() {
        this.dialogFormVisible = true;
        this.currentQshCode1 = this.currentQshCode;
        this.getBaseInfo();
    },
    watch: {
        currentQshCode(n, o) {
            this.currentQshCode1 = this.currentQshCode;
            this.getBaseInfo();
        }
    },
    methods: {
        showDialog(){
            this.dialogFormVisible = true;
        },
        getBaseInfo() {
            var _self = this;
            if(_self.currentQshCode1 == ""){
                return
            }
            request.get(`/att/wiu/base/${_self.currentQshCode1}`).then(res => {
                if (res.data) {
                    _self.formObj = res.data;
                } else {
                    _self.formObj = {};
                }
                }).catch(err =>{
                console.log(err);
            });
        }
    },
    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>

.qskJichuxinxiContainer .el-dialog__body{
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
</style>