fj-dc-ui/.svn/pristine/f2/f2babc0620611b176595d27eeadc0e04aa330494.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.sapName}}</el-col>
            <el-col :span="4" class="nameClass">所在堤防：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.diskName}}</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.dikeGrad == "1" ? "1级" :
                formObj.dikeGrad == "2" ? "2级" : formObj.dikeGrad == "3" ? "3级" : formObj.dikeGrad == "4" ? "4级":
                formObj.dikeGrad == "5" ? "5级" : formObj.dikeGrad == "6" ? "5级以下" : ""}}
            </el-col>
            <el-col :span="4" class="nameClass">险工险段&#x3000;<br>长度(m)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sapLen}}
            </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.sapType}}</el-col>
            <el-col :span="4" class="nameClass">起点行政区划：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.adName}}</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.startLoc}}
            </el-col>
            <el-col :span="4" class="nameClass">终所在地：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.endLoc}}</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.riverBank}}
            </el-col>
            <el-col :span="4" class="nameClass">所在湖泊：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.lake}}</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.coast}}</el-col>
            <el-col :span="4" class="nameClass">信息审核状态：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.chkState === "1" ? "是" :
                formObj.chkState === "2" ? "否" : ""}}
            </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.mampu}}
            </el-col>
            <el-col :span="4" class="nameClass">管理单位&#x3000;<br>联系人：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">
                {{formObj.mampuAttn}}
            </el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">管理单位联系&#x3000;<br>人电话：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.mampuAttnTel}}</el-col>
            <el-col :span="4" class="nameClass">主管单位&#x3000;<br>联系人：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.compUnitAttn}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">主管单位联系&#x3000;<br>人电话：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.compUnitAttnTel}}</el-col>
            <el-col :span="4" class="nameClass">政府防汛&#x3000;<br>责任人：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.gvmtFldWho}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="4" class="nameClass">政府防汛责任&#x3000;<br>人电话：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.gvmtFldWhoTel}}
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import {getBaseJiuCuo} from "@api/duChaTianBao.js"

    export default {
        props: ['currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName'],

        data() {
            return {
                testHeight: (window.innerHeight * 0.5 - 114) / 4,
                testHeight1: window.innerHeight * 0.5,
                formObj: {
                    adCode: "",//起点行政区编码 ,
                    adName: "",//起点行政区名称 ,
                    basCode: "",//所属流域机构 ,
                    centerX: "",//起点经度 ,
                    centerY: "",//
                    chkState: "",//信息审核状态 ,
                    coast: "",//所在海岸 ,
                    compUnitAttn: "",//主管单位联系人 ,
                    compUnitAttnTel: "",//主管单位联系人电话 ,
                    dikeGrad: "",//堤防等级 ,
                    diskName: "",//所在堤防 ,
                    endLoc: "",//终点所在地 ,
                    gdX: "",//起点高德经度 ,
                    gdY: "",//起点高德纬度 ,
                    gvmtFldWho: "",//政府防汛责任人 ,
                    gvmtFldWhoTel: "",//政府防汛责任人电话 ,
                    lake: "",//所在湖泊 ,
                    mampu: "",//管理单位 ,
                    mampuAttn: "",//管理单位联系人 ,
                    mampuAttnTel: "",//管理单位联系人电话 ,
                    persId: "",//创建人 ,
                    riverBank: "",//所在河岸 ,
                    sapLen: "",//险工险段长度(m) ,
                    sapName: "",//险工险段名称 ,
                    sapType: "",//险工险段类型 ,
                    startLoc: "",//起点所在地 ,
                }
            }
        },
        mounted() {
            this.getRgstridObj();
        },
        methods: {
            getRgstridObj() {
                var _self = this;
                getBaseJiuCuo(_self.currentObjectRgstrId).then(
                    (res) => {
                        if (res.data) {
                            _self.formObj = res.data;
                        } else {
                            _self.formObj = {};
                        }
                    },
                    (err) => {
                    }
                );
            }
        },
    }
</script>

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