fj-dc-ui/.svn/pristine/8c/8c1acd422d08b3c11b8e38a3cc423c5fdfe64aae.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">测站名称：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.stnm}}</el-col>
            <el-col :span="4" class="nameClass">测站编码：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.stcd}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">监测站类型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{dxsSttpFormat(formObj.sttp)}}</el-col>
            <el-col :span="4" class="nameClass">监测井类型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{dxsWsttpFormat(formObj.wsttp)}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">管理单位：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.mnun}}</el-col>
            <el-col :span="4" class="nameClass">所属流域机构：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.rvnm}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">经度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.lgtdPc}}</el-col>
            <el-col :span="4" class="nameClass">纬度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.lttdPc}}</el-col>
        </el-row>
    </div>
</template>
<script>
import request from "../../../../../utils/gw_ajax_request.js";
import { getDxsBaseInfo } from "../../../../../api/zhxxAPI.js";
import { dateFormat } from "../../../../../utils/gw_date.js";
export default {
    components: {
        
    },
    props: ["currentDxsCode"],
    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 4,
            testHeight1:window.innerHeight * 0.5,
            dialogFormVisible:false,
            formObj: {
                rsName: "",
                rsAdmName: "",
                rsLoc: "",
                intm: "",
                engScal: "",
                totCap: "",
                damMaxHigh: "",
                damTypeStr: "",
                regCode: "",
                rsvrLong: "",
                rsvrLat: "",
                resCreateTime: ""
            },
            loading: true,
            currentDxsCode1: "",
        };
    },
    computed: {
        recPersId() {
            return localStorage.getItem("userid")? localStorage.getItem("userid"): "";
        }
    },
    mounted() {
        this.dialogFormVisible = true;
        this.currentDxsCode1 = this.currentDxsCode;
        this.getBaseInfo();
    },
    watch: {
        currentDxsCode(n, o) {
            this.currentDxsCode1 = this.currentDxsCode;
            this.getBaseInfo();
        }
    },
    methods: {
        showDialog(){
            this.dialogFormVisible = true;
        },
        getBaseInfo() {
            var _self = this;
            if(_self.currentDxsCode1 == ""){
                return
            }
            getDxsBaseInfo(_self.currentDxsCode1).then(res => {
                if (res.data) {
                    _self.formObj = res.data;
                } else {
                    _self.formObj = {};
                }
            },err => {});
        },
        dxsSttpFormat(sttp) {//地下水监测站类型
            return sttp == 'NATIONAL'? "国家级监测站": 
                sttp == 'PROVAUTO'? "省级自动监测站": 
                sttp == 'PROVHAND'? "省级手动监测站": 
                sttp == 'PRO'? "省级监测站": '';
        },
        dxsWsttpFormat(sttp) {//地下水监测井类型
            return sttp == '0'? "专用井": 
                sttp == '1'? "生产井": 
                sttp == '2'? "民用井": 
                sttp == '3'? "勘探井": 
                sttp == '4'? "其它": '';
        }
    }
};
</script>

<style>
@import "../../../assets/css/popup.css";
</style>