fj-dc-ui/.svn/pristine/2b/2be25a86aff64697593b72ef0330ba0a9840be2a.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <el-container :style="{'max-height':this.dialogHeightA+'px'}">
      <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:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">水库名称：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.rsName}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">管理机构：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.rsAdmName}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">行政区划：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.location}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">所在地点：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.rsLoc}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">建成时间：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.value1}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">工程规模：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.engScal1}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">总库容：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.totCap}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">最大坝高：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.damSizeHig}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">主坝坝型：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.damTypeStr1}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">注册登记号：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.regCode}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">经度：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.longitude}}</el-col>
        </el-row>
        <el-row :gutter="5" style="padding:10px;">
          <el-col :span="8" style="color:#409EFF;text-align:right;font-weight:bold;">纬度：</el-col>
          <el-col :span="16" style="text-align:left;">{{formObj.latitude}}</el-col>
        </el-row>
      </el-main>
    </el-container>
    <!-- </el-dialog> -->
  </div>
</template>

<script>
import inputWith from "../../widgets/inuptWith.vue";
import request from "../../utils/gw_ajax_request.js";
import { getrgstrIdObject1 } from "../../api/duChaTianBao.js";
import { dateFormat } from "../../utils/gw_date.js";
export default {
  components: {
    inputWith: inputWith
  },
  props: ["currentObjectRgstrId", "currentResCode", "currentObjectId","dialogHeightA"],

  data() {
    return {
      formObj: {
        rsName: "",
        rsAdmName: "",
        rsLoc: "",
        intm: "",
        engScal: "",
        totCap: "",
        damMaxHigh: "",
        damTypeStr: "",
        regCode: "",
        rsvrLong: "",
        rsvrLat: "",
        resCreateTime: ""
      },
      dialogFormVisible: false,
      formLabelWidth: "160px",
      loading: true,
      operationType1: "",
      currentResCode1: "",
      currentObjectId1: "",
      value1: ""
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "";
    }
  },
  mounted() {
    this.currentResCode1 = this.currentResCode;
    this.currentObjectId1 = this.currentObjectId;
    this.getRgstridObj();
  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getRgstridObj();
    }
  },
  methods: {
    getRgstridObj() {
      var _self = this;

      getrgstrIdObject1(_self.currentResCode1).then(
        res => {
          if (res.data) {
            _self.formObj = res.data;
            _self.formObj["damTypeStr1"] = _self.formatdamType(
              _self.formObj.damTypeStr
            );
            _self.formObj["engScal1"] = _self.formatEngScal(
              _self.formObj.engScal
            );
            // _self.value1 = dateFormat(res.data.compDate, "yyyy-MM-dd");
          } else {
            _self.formObj = {};
          }
        },
        err => {}
      );
    },
    addHandler() {
      var _self = this;
      _self.formObj["resCreateTime"] = _self.value1;
      _self.formObj.objId = _self.currentObjectId1;
      console.log(_self.formObj);

      try {
        request.post("/dc/att/rsBase/update", _self.formObj).then(res => {
          if (res.success) {
            _self.$message.success("修改成功");
            _self.$emit("addShuiKuSuccess");
          }
        });
      } catch (e) {}
      this.$emit("cancelHandler");
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    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; */
}
</style>