fj-dc-ui/.svn/pristine/20/20a2ae1f44ffd445b3976794f730d38f8a999c1e.svn-base

<template>
    <div id="szJichuxinxiContainer">
        <el-dialog :title="formObj.gateName+'基础信息'" :visible.sync="dialogFormVisible" height="500" width="45%" :append-to-body="true">
        <el-container>
            <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="4" style="color:#409EFF;text-align:left;font-weight:normal;">水闸名称：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.gateName}}</el-col>
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;"> 水闸编码：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.objCode}}</el-col>
                </el-row>
              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">建成时间：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.buidTimeYear == null ? '-':formObj.buidTimeYear}}</el-col>
                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;"> 管理单位：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.gateAdmName == null?'-':formObj.gateAdmName}}</el-col>
              </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">工程等级：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.engGrad == '1' ? '大型' : formObj.engGrad == '2' ? "中型" : formObj.engGrad == '3' ? "小型": '-'}}</el-col>
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">工程规模：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.engScal == '1' ? 'Ⅰ' : formObj.engScal == '2' ? "Ⅱ" : formObj.engScal == '3' ? "Ⅲ":formObj.engScal == '4' ? "Ⅳ" : formObj.engScal == '5' ? "Ⅴ": '-'}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">经度：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.lgtd==null?'-':formObj.lgtd}}</el-col>

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

<script>
import request from "../../../utils/gw_ajax_request.js";
import { getShuizaBaseInfo } from "../../../api/zhxxAPI.js";
import { dateFormat } from "../../../utils/gw_date.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
      }
      getShuizaBaseInfo(_self.currentResCode1).then(
        res => {
          if (res.data) {
            _self.formObj = res.data;
          } else {
            _self.formObj = {};
          }
        },
        err => {}
      );
    },
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
    formatEngScal(val) {
      switch (val) {
        case "1":
          val = "大（1）型";
          break;
        case "2":
          val = "大（2）型";
          break;
        case "3":
          val = "中型";
          break;
        case "4":
          val = "小（1）型";
          break;
        case "5":
          val = "小（2）型";
          break;
        case "9":
          val = "其他";
          break;
      }
      return val;
    },
    formatdamType(val) {
      switch (val) {
        case "1":
          val = "混凝土坝";
          break;
        case "2":
          val = "碾压混凝土坝";
          break;
        case "3":
          val = "浆砌石坝";
          break;
        case "4":
          val = "土坝";
          break;
        case "5":
          val = "堆石坝";
          break;
        case "6":
          val = "挡水坝";
          break;
        case "7":
          val = "其它";
          break;
      }
      return val;
    }
  }
};
</script>

<style>
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}

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