fj-dc-ui/.svn/pristine/cc/ccfc481b9e0f050a14b857befb4650c6fc99b783.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.swhsName}}</el-col>
            <el-col :span="4" class="nameClass">  所在位置：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.swhsLoc}}</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.tra}}</el-col>
            <el-col :span="4" class="nameClass">取水口数量：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wainNum}}</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'}">
              <span v-if="formObj.wainUse == '1'">城乡生活</span>
              <span v-if="formObj.wainUse == '2'">城镇生活</span>
              <span v-if="formObj.wainUse == '3'">乡村生活</span>
            </el-col>
            <el-col :span="4" class="nameClass">取水水源类型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">
              <span v-if="formObj.wintType == '1'">水库</span>
              <span v-if="formObj.wintType == '2'">湖泊</span>
              <span v-if="formObj.wintType == '3'">河流</span>
              <span v-if="formObj.wintType == '9'">其他</span>
            </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'}">
              <span v-if="formObj.waquGoal == '1'">表示Ⅰ类水质目标</span>
              <span v-if="formObj.waquGoal == '2'">表示Ⅱ类水质目标</span>
              <span v-if="formObj.waquGoal == '3'">表示Ⅲ类水质目标</span>
              <span v-if="formObj.waquGoal == '4'">表示Ⅳ类水质目标</span>
              <span v-if="formObj.waquGoal == '5'">表示Ⅴ类水质目标</span>
              <span v-if="formObj.waquGoal == '6'">表示劣Ⅴ类水质目标</span>
            </el-col>
            <el-col :span="4" class="nameClass">水面面积(k㎡)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.watArea}}</el-col>
          </el-row>
          <el-row class="rowClass">
            <el-col :span="4" class="nameClass"> 一级保护区水域面积(k㎡)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.watArea1stProt}}</el-col>
            <el-col :span="4" class="nameClass">二级保护区水域面积(k㎡)：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.watArea2ndProt}}</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.wintLakeName}}</el-col>
            <el-col :span="4" class="nameClass">取水水库名称：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wintRsName}}</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.wintRvName}}</el-col>
            <el-col :span="4" class="nameClass">水源地现状-水质类别：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">
            <span v-if="formObj.waquGoal == '1'">表示Ⅰ类水质目标</span>
            <span v-if="formObj.waquGoal == '2'">表示Ⅱ类水质目标</span>
            <span v-if="formObj.waquGoal == '3'">表示Ⅲ类水质目标</span>
            <span v-if="formObj.waquGoal == '4'">表示Ⅳ类水质目标</span>
            <span v-if="formObj.waquGoal == '5'">表示Ⅴ类水质目标</span>
            <span v-if="formObj.waquGoal == '6'">表示劣Ⅴ类水质目标</span>
          </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.swhsLong }}</el-col>
            <el-col :span="4" class="nameClass">纬度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.swhsLat }}</el-col>
          </el-row>
    </div>
</template>
<script>
  import { getDbsBaseInfo } from "../../../../../api/zhxxAPI.js";
export default {
    components: {
        
    },
    props: ["currentResCode"],
    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 6,
            testHeight1:window.innerHeight * 0.5,
            dialogFormVisible:false,
            formObj: {},
            loading: true,
            currentDxsCode1: "",
        };
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "";
      }
    },
    mounted() {
      this.dialogFormVisible = true;
      this.currentResCode1 = this.currentResCode;
      this.getBaseInfo();
    },
    watch: {
      currentResCode(n, o) {
        this.currentResCode1 = this.currentResCode;
        this.getBaseInfo();
      }
    },
    methods: {
      showDialog(){
        this.dialogFormVisible = true;
      },
      getBaseInfo() {
        var _self = this;
        if(_self.currentResCode1 == ""){
          return
        }

        getDbsBaseInfo(_self.currentResCode1).then(res => {
          if (res.data) {
            _self.formObj = res.data;
          } else {
            _self.formObj = {};
          }
        }).catch(err =>{
          console.log(err);
        });
      }
    }
};
</script>

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