fj-dc-ui/.svn/pristine/5c/5ca2a3554f726dcfc5e94f82237b7243c125d61b.svn-base

<template>
  <div>
    <el-container>
      <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;overflow: hidden;"><i class="el-icon-caret-right"></i><span
            style="width:120px;padding-left: 10px">基本信息</span><span class="hrs"></span></p>
          <el-form-item label="所在位置">
            <el-input v-model="formObj.location" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="督查方式">
            <el-select v-model="formObj.chkMode" placeholder="请选择督查方式" style="width:20%">
              <el-option label="市州级督查" value="1"></el-option>
              <el-option label="省、市州级联合督查" value="2"></el-option>
              <el-option label="省级督查" value="3"></el-option>
              <el-option label="其他" value="4"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="检查类别">
            <el-select v-model="formObj.chkType" placeholder="请选择检查类别" style="width:20%">
              <el-option label="小流域水土保持综合治理工程" value="1"></el-option>
              <el-option label="坡耕地水土流失综合治理工程" value="2"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="现场检查时间">
            <el-date-picker
              v-model="formObj.chkTm"
              type="date"
              format="yyyy-MM-dd"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>

          <el-form-item label="" style="text-align: center">
            <el-button type="primary" @click="addHandler" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>

      </el-main>

    </el-container>
    <!--影像弹窗-->
  </div>
</template>

<script>
  import inputWith from "@widget/inuptWith.vue"
  import request from "@util/gw_ajax_request.js"
  import theRecentAppearance from '../../duChaDuiXiang/theRecentAppearance'
  import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
  import mapLocation from '../mapLocation'
  import {
      getrgstrIdObject_stbczdgc_state
  } from "@api/duChaTianBao.js"
  import {
    dateFormat
  } from "@util/gw_date.js"

  export default {
    components: {
      inputWith: inputWith,
      unlimitDatePicker: unlimitDatePicker,
      theRecentAppearance,
      mapLocation
    },
    props: ['id','currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName','openType'],

    data() {
      return {
        formObj: {
            location:"",
            chkMode:"",
            chkType:"",
            chkTm:""
        },
        dialogFormVisible: false,
        formLabelWidth: '160px',
        loading: true,
        operationType1: '',
        currentResCode1: '',
        currentObjectId1: '',
        value1: '',
        provList: [],
        cityList: [],
        countryList: [],
        provName: '',
        cityName: '',
        countryName: '',
        provNames: '',
        cityNames: '',
        countryNames: '',
        curSelectItem: 0,
        showLocSelect: false,
        locat: {
          location: "",
          admDiv: ""
        },
        xcztShow: false,
        imageShow: false,
        xcztEngId: '',
        centerX: 0,
        centerY: 0
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    mounted() {

      this.currentResCode1 = this.currentResCode;
      this.currentObjectId1 = this.currentObjectId;
      this.getRgstridObj();
      this.getAreaList()
    },
    watch: {
      id(n, o) {
        this.getRgstridObj();
      },
      showLocSelect(val) {
        if (!val) {
          this.formObj.rvLoc = this.locat.location
          this.formObj.admDiv = this.locat.admDiv
          this.provName = ''
          this.cityName = ''
          this.countryName = ''
        }
      }
    },
    methods: {
      getRgstridObj() {
        var _self = this;
          getrgstrIdObject_stbczdgc_state(_self.currentObjectRgstrId).then(
          (res) => {
            if (res.data) {
              _self.formObj = res.data;
            } else {
              _self.formObj = {};
            }
          },
          (err) => {
          }
        );
      },
      addHandler() {
        var _self = this;
          _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
          _self.formObj['recPersId'] = _self.recPersId;
          if(
              (this.formObj.location==null || this.formObj.location=="") &&
              (this.formObj.chkMode==null || this.formObj.chkMode=="") &&
              (this.formObj.chkTm==null || this.formObj.chkTm=="") &&
              (this.formObj.chkType==null || this.formObj.chkType=="")
          ){
              this.formObj.state = "0"
          }else if(
              this.formObj.location!=null &&
              this.formObj.location!="" &&
              this.formObj.chkMode!=null &&
              this.formObj.chkMode!="" &&
              this.formObj.chkTm!=null &&
              this.formObj.chkTm!="" &&
              this.formObj.chkType!=null &&
              this.formObj.chkType!=""
          ){
              this.formObj.state = "2";
          }else{
              this.formObj.state = "1"
          }
        try {
          this.$confirm('确认保存现场督查情况信息？', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            request.post('/bis/insp/prdqh', _self.formObj).then((res) => {
              if (res.success) {
                _self.$emit("addShuiKuSuccess");
                _self.showLocSelect = false
                _self.getRgstridObj()
                _self.$message.success("修改成功");
              } else {
                _self.$emit('cancelHandler');
              }
            });
          })

        } catch (e) {

        }
      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      formatRadio(val) {
        if (val == '1') {
          return '是'
        } else if (val == '0') {
          return '否'
        } else {
          return val
        }
      },
      getAreaList(val) {
        let areaParams = {
          adName: "",
          id: this.dczId,
          pageNum: 1,
          pageSize: 10000
        }
        let adCode = ''
        if (!val) {
          adCode = '000000000000'
        } else {
          adCode = val
        }
        request.get('/dc/ad/base/getAdData', {params: {'adCode': adCode}}).then(res => {
          if (res.success) {
            if (this.curSelectItem == 1) {
              this.cityList = res.data
            } else if (this.curSelectItem == 2) {
              this.countryList = res.data
            } else {
              this.provList = res.data
            }

          }
        })
      },
      provChange(val) {
        this.curSelectItem = 1
        this.cityName = ''
        this.countryName = ''
        this.formObj.admDiv = val
        this.provList.forEach(ele => {
          if (ele.adCode == this.provName) {
            this.provNames = ele.adName
          }
        })
        this.formObj.adName = this.provNames
        this.getAreaList(val)
      },
      RsvrTypeChange(val) {


      },
      cityChange(val) {
        this.curSelectItem = 2
        if (val && val != '') {
          this.formObj.admDiv = val
          this.countryName = ''
          this.cityList.forEach(ele => {
            if (ele.adCode == this.cityName) {
              this.cityNames = ele.adName
            }
          })
          this.formObj.adName = this.provNames + this.cityNames
          this.getAreaList(val)
        }
      },
      countryChange(val) {
        if (val && val != '') {
          this.formObj.admDiv = val
          this.countryList.forEach(ele => {
            if (ele.adCode == this.countryName) {
              this.countryNames = ele.adName
            }
          })
          this.formObj.adName = this.provNames + this.cityNames + this.countryNames
          this.formObj.adCode = val
        }
      },
      //  近期面貌
      recentAppearance() {
        this.xcztShow = true;
      },
      jqmmDialog() {
        this.xcztShow = false;
      },
      //影像
      imageClick() {
        if (!this.centerX && !this.centerY) {
          this.$message.warning('暂无经纬度信息！');
          return false;
        }
        this.imageShow = true;
      }
    },
  }
</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>