fj-dc-ui/.svn/pristine/f2/f236e63e9bb89314b59521b1c804f393bb08b98e.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'}"><div>{{formObj.rsName}}</div></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'}"><div>{{formObj.rsAdmName}}</div></el-col>
            <el-col :span="4" class="nameClass">所在地点：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}"><div>{{formObj.location}}</div></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'}"><div>{{formObj.engScal1}}</div></el-col>
            <el-col :span="4" class="nameClass">总库容(万m3)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}"><div>{{formObj.totCap}}</div></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'}"><div>{{formObj.damSizeHig}}</div></el-col>
            <el-col :span="4" class="nameClass">主坝坝型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}"><div>{{formObj.damTypeStr1}}</div></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'}"><div>{{formObj.longitude}}</div></el-col>
            <el-col :span="4" class="nameClass">纬度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}"><div>{{formObj.latitude}}</div></el-col>
        </el-row>
    </div>
</template>

<script>
import inputWith from "../../../../../widgets/inuptWith.vue";
import request from "../../../../../utils/gw_ajax_request.js";
import { getrgstrIdObject1 } from "../../../../../api/duChaTianBao.js";
import { dateFormat } from "../../../../../utils/gw_date.js";
export default {
    components: {
        inputWith: inputWith
    },
    props: ["currentObjectRgstrId", "currentResCode", "currentObjectId","dialogHeightA"],

    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: ""
            },
            dialogFormVisible: false,
            formLabelWidth: "160px",
            loading: true,
            operationType1: "",
            currentResCode1: "",
            currentObjectId1: "",
            value1: ""
        };
    },
    computed: {
        recPersId() {
            return localStorage.getItem("userid")? localStorage.getItem("userid"): "";
        }
    },
    mounted() {
        this.currentResCode1 = this.currentResCode;
        this.currentObjectId1 = this.currentObjectId;
        this.getRgstridObj();
    },
    watch: {
        currentObjectRgstrId(n, o) {
            this.getRgstridObj();
        }
    },
    methods: {
        getRgstridObj() {
            var _self = this;
            getrgstrIdObject1(_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);
                } else {
                    _self.formObj = {};
                }
            },err => {

            });
        },
        addHandler() {
            var _self = this;
            _self.formObj["resCreateTime"] = _self.value1;
            _self.formObj.objId = _self.currentObjectId1;
            console.log(_self.formObj);
            try {
                request.post("/dc/att/rsBase/update", _self.formObj).then(res => {
                    if (res.success) {
                        _self.$message.success("修改成功");
                        _self.$emit("addShuiKuSuccess");
                    }
                });
            } catch (e) {}
            this.$emit("cancelHandler");
        },
        cancelHandler() {
            this.$emit("cancelHandler");
        },
        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>