fj-dc-ui/.svn/pristine/6d/6db1ff4e857350971c7918d3693f68871b64fb40.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.sdName}}</el-col>
            <el-col :span="4" class="nameClass">淤地坝工程代码：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdCode}}</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.sdType}}</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.sdLoc}}</el-col>
            <el-col :span="4" class="nameClass">结构组成：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdTypeStr}}</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.totCap ? formObj.totCap + '万m³' : ''}}</el-col>
            <el-col :span="4" class="nameClass">防洪库容：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.flcoCap ? formObj.flcoCap + '万m³' : ''}}</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.sdrCap ? formObj.sdrCap + '万m³' : ''}}</el-col>
            <el-col :span="4" class="nameClass">已淤库容：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.warpCap ? formObj.warpCap + '万m³' : ''}}</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.conArea ? formObj.conArea + 'k㎡' : ''}}</el-col>
            <el-col :span="4" class="nameClass">防洪标准：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.flcoYear ? formObj.flcoYear + '年' : ''}}</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.damSizeHig ? formObj.damSizeHig + 'm' : ''}}</el-col>
            <el-col :span="4" class="nameClass">坝顶长：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damTopLen ? formObj.damTopLen + 'm' : ''}}</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.centerX }}</el-col>
            <el-col :span="4" class="nameClass">纬度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.centerY }}</el-col>
          </el-row>
    </div>
</template>
<script>
  import { getYdbBaseInfo } from "../../../../../api/zhxxAPI.js";
export default {
    components: {
        
    },
  props: ["currentYdbCode","currentObjectName"],
    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 60) / 6,
            testHeight1:window.innerHeight * 0.6,
            dialogFormVisible:true,
            formObj: {},
            loading: true,
            currentDxsCode1: "",
        };
    },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "";
    }
  },
  mounted() {
    this.dialogFormVisible = true;
    this.currentYdbCode1 = this.currentYdbCode;
    this.getBaseInfo();
  },
  watch: {
    currentYdbCode(n, o) {
      this.currentYdbCode1 = this.currentYdbCode;
      this.getBaseInfo();
    }
  },
  methods: {
    showDialog(){
      this.dialogFormVisible = true;
    },
    getBaseInfo() {
      var _self = this;
      if(_self.currentYdbCode1 == ""){
        return
      }
      getYdbBaseInfo(_self.currentYdbCode1).then(
        res => {
          if (res.data) {
            _self.formObj = res.data;
            // _self.value1 = dateFormat(res.data.compDate, "yyyy-MM-dd");
          } else {
            _self.formObj = {};
          }
        },
        err => {}
      );
    },
  },
  filter:{
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
  }
};
</script>

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