fj-dc-ui/.svn/pristine/de/de18bdb6fe90bbe88510f9d7f6855deb57d57e4d.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.swhsName}}</el-col>
            <el-col :span="6" class="nameClass"> 地表水水源地代码：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.swhsCode}}</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.adCode}}</el-col>
        <el-col :span="6" class="nameClass">  所在位置：</el-col>
        <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.swhsLoc}}</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'}">
              <span v-if="formObj.wainWasoType == '1'">水库</span>
              <span v-if="formObj.wainWasoType == '2'">湖泊</span>
              <span v-if="formObj.wainWasoType == '3'">河流</span>
              <span v-if="formObj.wainWasoType == '9'">其他</span>
            </el-col>
            <el-col :span="6" class="nameClass">水面面积：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.watArea ? formObj.watArea + 'k㎡' : ''}}</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.wainNum}}</el-col>
            <el-col :span="6" class="nameClass">主要取水用途：</el-col>
            <el-col :span="6" 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-row>
          <el-row class="rowClass">
            <el-col :span="6" class="nameClass"> 供水对象类型：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
              <span v-if="formObj.wasuObjType == '1'">工业</span>
              <span v-if="formObj.wasuObjType == '2'">生活</span>
              <span v-if="formObj.wasuObjType == '3'">公共</span>
              <span v-if="formObj.wasuObjType == '4'">混合</span>
              <span v-if="formObj.wasuObjType == '9'">其他</span>
              <span v-if="formObj.wasuObjType == '6'">表示劣Ⅴ类水质目标</span>
            </el-col>
            <el-col :span="6" class="nameClass">设计年取水量：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.desAnnWain ? formObj.desAnnWain + "万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.desAnnWasuPop ? formObj.desAnnWasuPop + "万人" : ""}}</el-col>
            <el-col :span="6" class="nameClass">水质目标：</el-col>
            <el-col :span="6" 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="6" class="nameClass">水源地水质是否监测：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formatRadio(formObj.ifMonWqua)}}</el-col>
            <el-col :span="6" class="nameClass">水源地现状：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">
              <span v-if="formObj.wquaCat == '1'">表示Ⅰ类水质目标</span>
              <span v-if="formObj.wquaCat == '2'">表示Ⅱ类水质目标</span>
              <span v-if="formObj.wquaCat == '3'">表示Ⅲ类水质目标</span>
              <span v-if="formObj.wquaCat == '4'">表示Ⅳ类水质目标</span>
              <span v-if="formObj.wquaCat == '5'">表示Ⅴ类水质目标</span>
              <span v-if="formObj.wquaCat == '6'">表示劣Ⅴ类水质目标</span>
            </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.swhsLongGd }}</el-col>
            <el-col :span="6" class="nameClass">纬度：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.swhsLatGd }}</el-col>
          </el-row>
    </div>
</template>
<script>
  import { getSydNewBaseInfo } from "../../../../../api/zhxxAPI.js";
  export default {
    components: {

    },
    props: ["currentSzySydCode","currentObjectName"],
    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 50) / 6,
            testHeight1:window.innerHeight * 0.6,
            dialogFormVisible:false,
            formObj: {},
            loading: true,
            currentDxsCode1: "",
        };
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "";
      }
    },
    mounted() {
      this.dialogFormVisible = true;
      this.currentSzySydCode1 = this.currentSzySydCode;
      this.getBaseInfo();
    },
    watch: {
      currentSzySydCode(n, o) {
        this.currentSzySydCode1 = this.currentSzySydCode;
        this.getBaseInfo();
      }
    },
    methods: {
      showDialog(){
        this.dialogFormVisible = true;
      },
      getBaseInfo() {
        var _self = this;
        if(_self.currentSzySydCode1 == ""){
          return
        }
        getSydNewBaseInfo(_self.currentSzySydCode1).then(
          res => {
            if (res.data) {
              _self.formObj = res.data;
              // _self.value1 = dateFormat(res.data.compDate, "yyyy-MM-dd");
            } else {
              _self.formObj = {};
            }
          },
          err => {}
        );
      },
      formatRadio(val) {
        if (val == "1") {
          return "是";
        } else if (val == "2") {
          return "否";
        } else {
          return val;
        }
      },
    }
};
</script>

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