fj-dc-ui/.svn/pristine/4a/4a09b404ea4fd0709409ed8d069a278e9e8b963c.svn-base

<template>
    <div id="skJichuxinxiContainer">
        <el-dialog :title="formObj.stnm+'基础信息'" :visible.sync="dialogFormVisible"  :append-to-body="true" height="500">
        <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:10px;">
                  <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 测站名称：</el-col>
                  <el-col :span="6" style="text-align:left;">{{formObj.stnm}}</el-col>
                  <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">  河流名称：</el-col>
                  <el-col :span="6" style="text-align:left;">{{formObj.rvnm}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:10px;">
                    <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 水系名称：</el-col>
                    <el-col :span="6" style="text-align:left;">{{formObj.hnnm}}</el-col>
                    <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">流域名称：</el-col>
                    <el-col :span="6" style="text-align:left;">{{formObj.bsnm}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:10px;">
                  <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 站址：</el-col>
                  <el-col :span="6" style="text-align:left;">
                    {{formObj.stlc}}
                  </el-col>
                  <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">基面名称：</el-col>
                  <el-col :span="6" style="text-align:left;">
                    {{formObj.dtmnm}}
                  </el-col>
                </el-row>
              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 基面高程：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.dtmel}}
                </el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">站类：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.sttp}}</el-col>
              </el-row>





              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 报汛段次：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.dfrtms}}
                </el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">报汛等级：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.frgrd}}</el-col>
              </el-row>
              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 始报年月：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.bgfrym}}
                </el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">终报报年月：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.edfrym}}</el-col>
              </el-row>
              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 信息管理单位：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.admauth}}
                </el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">测站岸别：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.stbk}}</el-col>
              </el-row>
              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 建站年月：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.esstym}}
                </el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">拼音码：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.phcd}}</el-col>
              </el-row>

              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 交换管理单位：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.locality}}</el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">集水面积：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.drna}}</el-col>
              </el-row>

              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 基面修正值：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.dtpr}}</el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">隶属行业单位：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.atcunit}}</el-col>
              </el-row>

              <el-row :gutter="5" style="padding:10px;">
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;"> 测站方位：</el-col>
                <el-col :span="6" style="text-align:left;">{{formObj.stazt}}</el-col>
                <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">至河口距离：</el-col>
                <el-col :span="6" style="text-align:left;">
                  {{formObj.dstrvm}}
                </el-col>
              </el-row>


                <el-row :gutter="5" style="padding:10px;">
                    <el-col :span="6" style="color:#409EFF;text-align:right;font-weight:bold;">经度：</el-col>
                    <el-col :span="6" style="text-align:left;">{{formObj.lgtd }}</el-col>

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

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

  },
  props: ["currentResCode"],

  data() {
    return {
        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
      }

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

<style>

</style>