fj-dc-ui/.svn/pristine/a6/a6283754279d3b16a1f0c92bc057cbf726c7b84b.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
      <el-container style="height:520px;">
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
         <el-form :model="formObj" :label-width="formLabelWidth">
        <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span style="width:120px;padding-left: 10px">基础信息</span><span class="hrs"></span>
          <el-button type="warning" style="float: right;" @click="recentAppearance">现场照片</el-button>
          <el-button type="warning" style="float: right;margin-right: 10px;" @click="imageClick">影像</el-button>
        </p>
        <el-form-item label="测站名称">
          <el-input v-model="formObj.stnm" autocomplete="off" readonly style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="测站编码">
          <el-input v-model="formObj.stcd" autocomplete="off" readonly style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="测站地址">
          <el-input v-model="formObj.stlc" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="经度">
          <el-input v-model="formObj.lgtdpc" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="纬度">
          <el-input v-model="formObj.lttdpc" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="">
          <el-button type="primary" @click="addHandler">保 存</el-button>
        </el-form-item>
      </el-form>

      </el-main>

    </el-container>
    <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;">
        <el-button @click="cancelHandler">取 消</el-button>
            <el-button type="primary" @click="cancelHandler">确 定</el-button>
    </span> -->
    <!-- </el-dialog> -->



    <theRecentAppearance v-if="jqmmShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="jqmmShow" :jqmmEngId="currentObjectRgstrId" :dialogTitle="currentGrwName + '现场照片'"></theRecentAppearance>
    <!--影像弹窗-->
    <el-dialog :title="currentGrwName + '影像'" :visible.sync="imageShow" append-to-body :close-on-click-modal="false" width="60%">
      <div style="height: 60vh;">
        <mapLocation ref="mapRef" v-if="imageShow" :gdX="centerX" :gdY="centerY"></mapLocation>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import request from "../../../utils/gw_ajax_request.js"
import {getrgstrIdObject1} from "../../../api/duChaTianBao.js"
import {dateFormat} from "../../../utils/gw_date.js"
import theRecentAppearance from  '../../duChaDuiXiang/theRecentAppearance'
import mapLocation from '../../../views/duChaTianBao/mapLocation'
  export default {
    components: {
      theRecentAppearance: theRecentAppearance,
      mapLocation:mapLocation
    },
    props: ['currentObjectRgstrId','currentGrwCode','currentObjectId','currentGrwName'],

    data() {
      return {
        formObj: {
          "stnm":'',
          "stcd": "",
          "stlc": "",
          "lgtdpc": "",
          "lttdpc": ""
        },
        dialogFormVisible: false,
        formLabelWidth: '160px',
        loading: true,
        operationType1:'',
        currentGrwCode1:'',
        currentObjectId1:'',
        value1:'',
        jqmmShow: false,
        jqmmEngId: "",
        dxsName: "",
        imageShow: false,
        centerX: 0,
        centerY: 0
      }
    },
    computed:{
      recPersId(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
      },
      recPersName(){
        return localStorage.getItem("account")? localStorage.getItem("account"): ''
      }
    },
    mounted() {
        this.currentGrwCode1 = this.currentGrwCode;
        this.currentObjectId1 = this.currentObjectId;
        this.getRgstridObj();
    },
    watch: {
      currentGrwCode1(n,o){
        this.getRgstridObj();
      },
    },
    methods: {
      getRgstridObj(){
        // alert(this.currentGrwCode1)
        var _self = this;
          request.post(`/dc/insp/grw/getNormalData?id=${this.currentObjectRgstrId}`,).then((res) =>{
              if(res.data){
                  _self.formObj.stnm = res.data.stnm;
                  _self.formObj.stcd = res.data.stcd
                  _self.formObj.stlc = res.data.stlc
                  _self.formObj.lgtdpc = res.data.lgtdPc
                  _self.formObj.lttdpc = res.data.lttdPc
                  _self.centerX = _self.formObj.lgtdpc;
                  _self.centerY = _self.formObj.lttdpc;
              }else{
                  _self.formObj = {};
              }
            },
            (err) =>{

            }
        );
      },
      addHandler(){
        var _self = this;
        _self.formObj['checkPid'] = _self.recPersId;
        _self.formObj['checkPname'] = _self.recPersName;
        _self.formObj['src'] = 'PC';
        // _self.formObj.objId = _self.currentObjectId1;
        console.log(_self.formObj);
         //基础信息纠错，经纬度修改粗略校验经度纬度整数部分的范围
            if(this.formObj.lttdpc < 4 || this.formObj.lttdpc > 54){
                this.$message.error('纬度的整数范围应在4-54之间，请重新填写！');
                this.formObj.lttdpc = '';
                return;
            }
            if(this.formObj.lgtdpc < 74 || this.formObj.lgtdpc > 136){
                this.$message.error('经度的整数范围应在74-136之间，请重新填写！');
                this.formObj.lgtdpc = '';
                return;
            }
          try{
            request.post('/dc/insp/attGrwBase/crrctBase',_self.formObj).then((res)=>{
              if (res.success) {
                _self.$emit("addShuiKuSuccess");
                _self.$message.success("基础信息保存成功");
              }else{
                _self.$emit('cancelHandler');
              }
            });
          } catch(e) {

          }

      },
      cancelHandler(){
        this.$emit('cancelHandler');
      },
      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;
      },
    //  现场照片
    recentAppearance(){
      this.jqmmShow = true;
      // this.jqmmShow += 1;

    },
    jqmmDialog(){
      this.jqmmShow = false;
    },

    //  影像
    imageClick(){
      if(!this.centerX && !this.centerY){
        this.$message.warning('暂无经纬度信息！');
        return false;
      }
      this.imageShow = true;

    }
    },

  }

</script>

<style>

</style>