fj-dc-ui/.svn/pristine/04/045649b0a9280ca74013a39db5a2a03bb8bafa16.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">淤地坝工程名称：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdName}}</el-col>
          <el-col :span="6" class="nameClass">淤地坝工程代码：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdCode}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">淤地坝工程类型：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdType}}</el-col>
          <el-col :span="6" class="nameClass">行政区划：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.location}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">淤地坝所在位置：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdLoc}}</el-col>
          <el-col :span="6" class="nameClass">结构组成：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdTypeStr}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">总库容：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.totCap ? formObj.totCap + '万m³' : ''}}</el-col>
          <el-col :span="6" class="nameClass">防洪库容：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.flcoCap ? formObj.flcoCap + '万m³' : ''}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">拦泥库容：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.sdrCap ? formObj.sdrCap + '万m³' : ''}}</el-col>
          <el-col :span="6" class="nameClass">已淤库容：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.warpCap ? formObj.warpCap + '万m³' : ''}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">控制面积：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.conArea ? formObj.conArea + 'k㎡' : ''}}</el-col>
          <el-col :span="6" class="nameClass">防洪标准：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.flcoYear ? formObj.flcoYear + '年' : ''}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">坝高：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damSizeHig ? formObj.damSizeHig + 'm' : ''}}</el-col>
          <el-col :span="6" class="nameClass">坝顶长：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damTopLen ? formObj.damTopLen + 'm' : ''}}</el-col>
        </el-row>
        <el-row class="rowClass">
          <el-col :span="6" class="nameClass">经度：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.centerX }}</el-col>
          <el-col :span="6" class="nameClass">纬度：</el-col>
          <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.centerY }}</el-col>
        </el-row>

      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否威胁下游安全需增设溢洪道：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.asinttds | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否坝体-滑坡塌陷：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damLandSubSide | formatRadio}}</el-col>
      </el-row>
      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否坝体-管涵渗漏：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damLopc | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否坝体-冲缺冲沟：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damRsog | formatRadio}}</el-col>
      </el-row>
      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否坝体-裂缝：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.damTear | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否放水建筑物-卧管竖井：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.dsLts | formatRadio}}</el-col>
      </el-row>
      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否放水建筑物-涵洞涵管：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.dsCc | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否放水建筑物-明渠：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.dsOc | formatRadio}}</el-col>
      </el-row>
      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否泄洪建筑物-损毁：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.frsMar | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否泄洪建筑物-其他：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.frsOth | formatRadio}}</el-col>
      </el-row>
      <el-row class="rowClass">
        <el-col :span="8" class="nameClass">是否泄洪建筑物-掏刷悬空：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.frsTbd | formatRadio}}</el-col>
        <el-col :span="8" class="nameClass">是否库容≧100万m³无溢洪道：</el-col>
        <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.noSpway | formatRadio}}</el-col>
      </el-row>
    </div>
</template>
<script>
import { getYdbBaseInfo } from "@api/zhxxAPI.js";
export default {
    props: ["currentYdbCode"],
    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 6,
            testHeight1:window.innerHeight * 0.6,
            formObj: {
            },
            currentYdbCode1: "",
        };
    },
    mounted() {
        this.currentYdbCode1 = this.currentYdbCode;
        this.getBaseInfo();
    },
    methods:{
        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 => {}
            );
        }
    },
    filters:{
        formatRadio(val) {
            if (val == "1") {
                return "是";
            } else if (val == "2") {
                return "否";
            } else {
                return val;
            }
        }
    },
    watch: {
        currentYdbCode(n, o) {
            this.currentYdbCode1 = this.currentYdbCode;
            this.getBaseInfo();
        }
    }
}
</script>
<style scoped>

</style>