fj-dc-ui/.svn/pristine/e6/e67e238fb349f1f9e45beadf598cfb316e7431fe.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">险工险段长度(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.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">规划防洪（潮）标准[重现期]：</el-col>
      <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.planFlSta}}
      </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.compUnit}}
      </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">管理单位联系人：</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">管理单位联系人电话：</el-col>
      <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.mampuAttnTel}}
      </el-col>

    </el-row>
  </div>
</template>

<script>
  import {getBaseSituation} 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: {}
      }
    },
    mounted() {
      this.getRgstridObj();
    },
    methods: {
      getRgstridObj() {
        var _self = this;
        getBaseSituation(_self.currentObjectRgstrId).then(
          (res) => {
            if (res.data) {
              _self.formObj = res.data;
            } else {
              _self.formObj = {};
            }
          },
          (err) => {
          }
        );
      }
    },
  }
</script>

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