fj-dc-ui/.svn/pristine/ea/ea5061fba145b2fdf4954bc73e32f21a8a0574c0.svn-base

<template>
    <div >
        <el-dialog :title="formObj.wintName+'基础信息'" :visible.sync="dialogFormVisible" width="40%" :append-to-body="true" height="500">
        <el-container id="qskJichuxinxiContainer">
            <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow-x: hidden;">
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">详情</p>
                <el-row :gutter="5" style="padding:5px;">
                  <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 取水口名称：</el-col>
                  <el-col :span="7" style="text-align:left;">{{formObj.wintName}}</el-col>
                  <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">  单位名称：</el-col>
                  <el-col :span="5" style="text-align:left;">{{formObj.admName}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 取水口位置：</el-col>
                    <el-col :span="7" style="text-align:left;">{{formObj.wintPos}}</el-col>
                    <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">取水口方式：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.wintType == "1" ? "自流" : formObj.wintType == "2" ? "抽提" : ""}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                  <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 河流名称：</el-col>
                  <el-col :span="7" style="text-align:left;">{{formObj.rvName}}</el-col>
                  <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">湖泊名称：</el-col>
                  <el-col :span="5" style="text-align:left;">{{formObj.lakeName}}</el-col>
                </el-row>
              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 取水流量m³/s：</el-col>
                <el-col :span="7" style="text-align:left;">{{formObj.wintFlow}}</el-col>
                <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">取水量取得方式：</el-col>
                <el-col :span="5" style="text-align:left;">{{formObj.wintMode}}</el-col>
              </el-row>
              <!-- <el-row :gutter="5" style="padding:5px;">
                <el-col :span="6" style="color:#409EFF;text-align:left;font-weight:normal;"> 引调水工程名称：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.ditrName}}</el-col>
                <el-col :span="6" style="color:#409EFF;text-align:left;font-weight:normal;">取水许可审批机关：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.exaDep}}</el-col>
              </el-row> -->

              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 是否位于地表水水源地：</el-col>
                <el-col :span="7" style="text-align:left;">{{formObj.ifWsSur == "1" ? "是" : "否"}}</el-col>
                <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">所属行业：</el-col>
                <el-col :span="5" style="text-align:left;">{{formObj.tra}}</el-col>
              </el-row>

              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;"> 是否为引调水工程取水口：</el-col>
                <el-col :span="7" style="text-align:left;">{{formObj.ifInt == "1" ? '是' : "否"}}</el-col>
                <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">有无取水许可证：</el-col>
                <el-col :span="5" style="text-align:left;">{{formObj.ifTakeLic == "1" ? "有" : "无"}}</el-col>
              </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="7" style="color:#409EFF;text-align:left;font-weight:normal;">经度：</el-col>
                    <el-col :span="7" style="text-align:left;">{{formObj.lgtd}}</el-col>

                    <el-col :span="5" style="color:#409EFF;text-align:left;font-weight:normal;">纬度：</el-col>
                    <el-col :span="5" style="text-align:left;">{{formObj.lttd}}</el-col>
                </el-row>
            </el-main>
        </el-container>
        </el-dialog>
    </div>
</template>

<script>
import { getQskBaseInfo } from "../../../api/zhxxAPI.js";
export default {
  components: {

  },
  props: ["currentResCode"],

  data() {
    return {
        dialogFormVisible:false,
      formObj: {
        rsName: "",
        rsAdmName: "",
        rsLoc: "",
        intm: "",
        engScal: "",
        totCap: "",
        damMaxHigh: "",
        damTypeStr: "",
        regCode: "",
        rsvrLong: "",
        rsvrLat: "",
        resCreateTime: ""
      },
      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
      }

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

<style>

.qskJichuxinxiContainer .el-dialog__body{
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
</style>