fj-dc-ui/.svn/pristine/f6/f6251d940cdf7d9eadab74d14929f81b30d6f4d3.svn-base

<template>
  <div>
    <el-dialog title="基础信息" width="60%" :visible.sync="dialogFormVisible">
    <el-container>
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <el-form :model="formObj" :label-width="formLabelWidth" ref="baseinfoForm">
          <el-form-item label="险工险段名称">
            <span>{{formObj.sapName}}</span>
          </el-form-item>
          <el-form-item label="险工险段类型">
            <span>{{formObj.sapType}}</span>
          </el-form-item>
          <el-form-item label="起所在地">
            <span>{{formObj.startLoc}}</span>
          </el-form-item>
          <el-form-item label="终所在地">
            <span>{{formObj.endLoc}}</span>
          </el-form-item>
          <el-form-item label="信息审核状态">
            <span>{{formObj.chkState=='1'?'是':formObj.chkState=='2'?'否':''}}</span>
          </el-form-item>
          <el-form-item label="主管单位联系人">
            <span>{{formObj.compUnitAttn}}</span>
          </el-form-item>
          <el-form-item label="主管单位联系人电话">
            <span>{{formObj.compUnitAttnTel}}</span>
          </el-form-item>
          <el-form-item label="政府防汛责任人">
            <span>{{formObj.gvmtFldWho}}</span>
          </el-form-item>
          <el-form-item label="政府防汛责任人电话">
            <span>{{formObj.gvmtFldWhoTel}}</span>
          </el-form-item>
          <el-form-item label="经度">
            <span>{{formObj.centerX}}</span>
          </el-form-item>
          <el-form-item label="纬度">
            <span>{{formObj.centerY}}</span>
          </el-form-item>
        </el-form>
      </el-main>
    </el-container>
    </el-dialog>
  </div>
</template>

<script>
  import request from "@util/gw_ajax_request.js"

  export default {
    components: {},
    props: ['dfBaseId'],

    data() {
      return {
        formObj: {
          adCode: "",//起点行政区编码 ,
          adName: "",//起点行政区名称 ,
          basCode: "",//所属流域机构 ,
          centerX: "",//起点经度 ,
          centerY: "",//
          chkState: "",//信息审核状态 ,
          coast: "",//所在海岸 ,
          compUnitAttn: "",//主管单位联系人 ,
          compUnitAttnTel: "",//主管单位联系人电话 ,
          dikeGrad: "",//堤防等级 ,
          diskName: "",//所在堤防 ,
          endLoc: "",//终点所在地 ,
          gdX: "",//起点高德经度 ,
          gdY: "",//起点高德纬度 ,
          gvmtFldWho: "",//政府防汛责任人 ,
          gvmtFldWhoTel: "",//政府防汛责任人电话 ,
          lake: "",//所在湖泊 ,
          mampu: "",//管理单位 ,
          mampuAttn: "",//管理单位联系人 ,
          mampuAttnTel: "",//管理单位联系人电话 ,
          persId: "",//创建人 ,
          riverBank: "",//所在河岸 ,
          sapLen: "",//险工险段长度(m) ,
          sapName: "",//险工险段名称 ,
          sapType: "",//险工险段类型 ,
          startLoc: "",//起点所在地 ,
        },
        dialogFormVisible: false,
        formLabelWidth: '160px',
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    mounted() {
    },
    watch: {
    },
    methods: {
      showDialog(){
         this.dialogFormVisible = true;
          this.getRgstridObj();
      },
      getRgstridObj() {
        var _self = this;
        request.get(`/att/waga/sap/base/${this.dfBaseId}`).then(res=>{
            if (res.data) {
                _self.formObj = res.data;
            } else {
                _self.formObj = {};
            }
        }).catch(err=>{
            console.log(err)
        })
      }
    },
  }
</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>