fj-dc-ui/.svn/pristine/fa/fa8c41bf35403ab76ae20ee5db9f7c8605f2e8ac.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.rsName}}</el-col>
            <el-col :span="4" class="nameClass">水库编码：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.rsCode}}</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.rsAdmName}}</el-col>
            <el-col :span="4" class="nameClass">行政区划：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.location}}</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.rsLoc}}</el-col>
            <el-col :span="4" class="nameClass">注册登记号：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.regCode}}</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.engScal1}}</el-col>
            <el-col :span="4" class="nameClass">总库容(万m3)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.totCap}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">最大坝高(m)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damSizeHig}}</el-col>
            <el-col :span="4" class="nameClass">主坝坝型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damTypeStr1?formObj.damTypeStr1:formObj.damType}}</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.desFlStag}}</el-col>
            <el-col :span="4" class="nameClass">防洪高水位：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.flConTopStag}}</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.rsClass}}</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.impdDt}}</el-col>
            <el-col :span="4" class="nameClass">最近一次加固改造_蓄水运行时间：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.rnfcImpdDt}}</el-col>
        </el-row>-->

    </div>
</template>

<script>
import request from "../../../../../utils/gw_ajax_request.js";
import { getResBaseInfo } from "../../../../../api/zhxxAPI.js";
import { dateFormat } from "../../../../../utils/gw_date.js";
export default {
    components: {

    },
    props: ["currentResCode"],

    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 6,
            testHeight1:window.innerHeight * 0.5,
            formObj: {
                rsName: "",
                rsAdmName: "",
                rsLoc: "",
                intm: "",
                engScal: "",
                totCap: "",
                damMaxHigh: "",
                damTypeStr: "",
                regCode: "",
                rsvrLong: "",
                rsvrLat: "",
                resCreateTime: ""
            },
            formLabelWidth: "160px",
            loading: true,
            currentResCode1: "",
        };
    },
    computed: {
        recPersId() {return localStorage.getItem("userid")? localStorage.getItem("userid"): "";}
    },
    mounted() {
        this.dialogFormVisible = true;
        this.currentResCode1 = this.currentResCode;
        this.getBaseInfo();
    },
    watch: {
        currentResCode(n, o) {
            this.currentResCode1 = this.currentResCode;
            this.getBaseInfo();
        }
    },
    methods: {
        showDialog(){
            this.dialogFormVisible = true;
        },
        getBaseInfo() {
            var _self = this;
            if(_self.currentResCode1 == ""){
                return
            }
            getResBaseInfo(_self.currentResCode1).then(res => {
                if (res.data) {
                    _self.formObj = res.data;
                    _self.formObj["damTypeStr1"] = _self.formatdamType(_self.formObj.damTypeStr);
                    _self.formObj["engScal1"] = _self.formatEngScal(_self.formObj.engScal);
                    // _self.value1 = dateFormat(res.data.compDate, "yyyy-MM-dd");
                } else {
                    _self.formObj = {};
                }
            },err => {

            });
        },
        formatRadio(val) {
            if (val == "1") {
                return "是";
            } else if (val == "0") {
                return "否";
            } else {
                return val;
            }
        },
        formatEngScal(val) {
            switch (val) {
                case "1":
                    val = "大（1）型";
                    break;
                case "2":
                    val = "大（2）型";
                    break;
                case "3":
                    val = "中型";
                    break;
                case "4":
                    val = "小（1）型";
                    break;
                case "5":
                    val = "小（2）型";
                    break;
                case "9":
                    val = "其他";
                    break;
            }
            return val;
        },
        formatdamType(val) {
            switch (val) {
                case "1":
                    val = "混凝土坝";
                    break;
                case "2":
                    val = "碾压混凝土坝";
                    break;
                case "3":
                    val = "浆砌石坝";
                    break;
                case "4":
                    val = "土坝";
                    break;
                case "5":
                    val = "堆石坝";
                    break;
                case "6":
                    val = "挡水坝";
                    break;
                case "7":
                    val = "其它";
                    break;
            }
            return val;
        }
    }
};
</script>
<style scoped>
@import "../../../assets/css/popup.css";
</style>