fj-dc-ui/.svn/pristine/be/be4f1500dbe27538b6ccd2d787a0be428a3b4e9a.svn-base

<template>
    <el-container style="height:49vh;">
        <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:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">取水口名称：:</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.wiuName}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">单位名称：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.admName}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">单位地址：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.wiuLoc}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">经度：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.gdX}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">纬度：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.gdY}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">取水许可证号：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.watLicCode}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">取水单位联系人：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.wiuContact}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">联系方式：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.wiuContactTel}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">审批部门联系人：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.apprContact}}</el-col>
            </el-row>
            <el-row :gutter="5" style="padding:10px;">
                <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">联系方式：</el-col>
                <el-col :span="16" style="text-align:left;">{{formObj.apprContactTel}}</el-col>
            </el-row>
        </el-main>
    </el-container>
</template>
<script>
import request from "@util/gw_ajax_request.js";
export default {
    props: ["currentQshCode",'currentObjectRgstrId'],
    data() {
        return {
            formObj: {
            },
            currentQshCode1: "",
        };
    },
    mounted() {
        this.currentQshCode1 = this.currentQshCode;
        this.getBaseInfo();
    },
    methods:{
        getBaseInfo() {
            var _self = this;
            if(_self.currentObjectRgstrId == ""){
                return
            }
            request.get(`/bis/insp/wiu/rgstr/${_self.currentObjectRgstrId}`).then(res => {
                if (res.data) {
                    _self.formObj = res.data;
                } else {
                    _self.formObj = {};
                }
                }).catch(err =>{
                console.log(err);
            });
        }
    },
    filters:{
        formatRadio(val) {
            if (val == "1") {
                return "是";
            } else if (val == "2") {
                return "否";
            } else {
                return val;
            }
        }
    },
    watch: {
        currentQshCode(n, o) {
            this.currentQshCode1 = this.currentQshCode;
            this.getBaseInfo();
        }
    }
}
</script>
<style scoped>

</style>