fj-dc-ui/.svn/pristine/d3/d3b6a3e273e81a83c73860de1a51779ef893f9be.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.wintName}}</el-col>
            <el-col :span="4" class="nameClass">取水口位置：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wintPos}}</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.wintCode}}
            </el-col>
            <el-col :span="4" class="nameClass">行政区划：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.adName}}</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.wainWasoName}}</el-col>
            <el-col :span="4" class="nameClass">取水口类型：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.wainType | wainType}}</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.gdX}}</el-col>
            <el-col :span="4" class="nameClass">纬度：</el-col>
            <el-col :span="8" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.gdY}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">设计日最大取水量(m3/s)：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.desDayQ}}</el-col>
            <el-col :span="6" class="nameClass">设计年取水量(万m3/年)：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.desYearQ}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">设计最大取水流量(m3/s)：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.desQ}}</el-col>
        </el-row>
    </div>
</template>

<script>
import request from "@util/gw_ajax_request.js"
export default {
  components: {

  },
  props: ["currentResCode"],

  data() {
    return {
        testHeight:(window.innerHeight * 0.5 - 50) / 6,
        testHeight1:window.innerHeight * 0.5,
        dialogFormVisible:false,
      formObj: {},
      formLabelWidth: "160px",
      loading: true,
      currentResCode1: "",
    };
  },
  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
      }
      request.get(`/att/wint/base/b/${_self.currentResCode1}`).then(res => {
          if (res.data) {
            _self.formObj = res.data;
            _self.formObj.gdX = _self.formObj.gdX ? _self.formObj.gdX : _self.formObj.wainLong;
            _self.formObj.gdY = _self.formObj.gdY ? _self.formObj.gdY : _self.formObj.wainLat;
          } else {
            _self.formObj = {};
          }
        }).catch(err =>{
          console.log(err);
      });
    }
  },
  filters:{
    wainType(val){
      if(val == '1'){
        return '单一用户取水口'
      }else if(val == '2'){
        return '多用户公用取水口'
      }else{
        return ''
      }
    }
  }
};
</script>

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