fj-dc-ui/.svn/pristine/1e/1ec3937245e4c9e859fc0239c537d06c77b8cebe.svn-base

<template>
  <div>
    <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" ref="baseinfoForm" :disabled="ifDisabled">
          <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>
            <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.hystName" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="统计代码">
            <el-input v-model="formObj.statisCode" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="联系人">
            <el-input clearable v-model="formObj.linkMan" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="联系人电话">
            <el-input clearable v-model="formObj.linkTel" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="行政村名">
            <el-input v-model="formObj.hystSite" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="所在位置">
            <span class="span200">取水口经度</span>
            <el-input placeholder="请输入" v-model="formObj.centerX" class="input50"></el-input>
            <br>
            <span class="span200">取水口纬度</span>
            <el-input placeholder="请输入" v-model="formObj.centerY" class="input50"></el-input>
            <br>
            <span class="span200">厂房经度</span>
            <el-input placeholder="请输入" v-model="formObj.hystLong" class="input50"></el-input>
            <br>
            <span class="span200">厂房纬度</span>
            <el-input placeholder="请输入" v-model="formObj.hystLat" class="input50"></el-input>
          </el-form-item>
          <el-form-item label="所在河流">
            <el-input v-model="formObj.rvName" placeholder="请输入详细地点" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="投产时间">
            <el-date-picker v-model="formObj.compDate" type="year" value-format="yyyy" placeholder="选择年">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="所有制性质">
            <el-select v-model="formObj.ownerType" clearable placeholder="请选择">
              <el-option v-for="item in syzOption" :key="item.value" :label="item.label"
                         :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="开发方式">
            <el-select v-model="formObj.exptType" clearable placeholder="请选择">
              <el-option v-for="item in kffsOption" :key="item.value" :label="item.label"
                         :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="装机容量（现场核对铭牌）">
            <el-input placeholder="请输入" v-model="formObj.insCap" class="input500">
              <template slot="append">kW</template>
            </el-input>
          </el-form-item>
          <el-form-item label="坝高（无坝填0，多个坝用顿号隔开）">
            <el-input placeholder="请输入" v-model="formObj.damHeig" class="input500">
              <template slot="append">m</template>
            </el-input>
          </el-form-item>
          <el-form-item label="库容（无坝填0，多个坝用顿号隔开）">
            <el-input placeholder="请输入" v-model="formObj.totCap" class="input500">
              <template slot="append">万m³</template>
            </el-input>
          </el-form-item>
          <el-form-item label="平台基本信息与实际是否相符及完整">
            <el-radio v-model="formObj.platInfoIsFullAwr" label="1">是</el-radio>
            <el-radio v-model="formObj.platInfoIsFullAwr" label="2">否</el-radio>
            <el-button
              @click="addProblemList('platInfoIsFullAwr')"
              type="text"
              v-if="formObj.platInfoIsFullAwr =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <br>
            <span class="span200" v-if="formObj.platInfoIsFullAwr == 2">不符/不完整信息编号
              <el-input placeholder="请输入" v-model="formObj.awrInfoNo" class="input50"></el-input>
              <br>
              <span class="span200">填报信息是否作假</span>
              <el-radio v-model="formObj.fillInfoIsFake" label="1">是</el-radio>
              <el-radio v-model="formObj.fillInfoIsFake" label="2">否</el-radio>
              <el-button
                @click="addProblemList('fillInfoIsFake')"
                type="text"
                v-if="formObj.fillInfoIsFake =='1'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
              <br>
            </span>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary" @click="addHandler">保 存</el-button>
          </el-form-item>
        </el-form>

      </el-main>

    </el-container>
    <theRecentAppearance v-if="xcztShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="xcztShow"
                         :jqmmEngId="currentObjectRgstrId" :dialogTitle="currentObjectName + '近期面貌'"
                         style="z-index: 9999;"></theRecentAppearance>
    <!--影像弹窗-->
    <el-dialog :title="currentObjectName + '影像'" :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>

    <problem-list
      v-if="showProblemList"
      :currentObjectId="currentObjectId"
      :currentObjectName="currentObjectName"
      :problemMiddleType="'小水电'"
      :problData="probId"
      @dialogFormVisible="getdialogFormVisible"
      :currentObjectRgstrId="rowData.id"
      :rowData="rowData"
      :projectName="rowData.hystName"
    ></problem-list>
  </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 '../../../../views/duChaTianBao/mapLocation'
  import {getHystInfoApi} from "@api/duChaTianBao.js"
  // import problemDialog from "../../../duChaWenTi/problemDialog.vue";
  import problemList from '../../../addProlemMidForm/xiaoshuidianProblemList'

  export default {
    components: {
      inputWith: inputWith,
      unlimitDatePicker: unlimitDatePicker,
      theRecentAppearance,
      mapLocation,
      // problemDialog,
      problemList,
    },
    props: ['rowData', 'currentObjectName', 'currentObjectId', 'ifDisabled'],

    data() {
      return {
        formObj: {
          fillInfoIsFake: '',//填报信息是否作假 ,
          isRuleAsWfip: '',//是否按要求单独编制 退出实施方案 ,
          note: '',//备注 ,
          status: '',//填报状态(0:未填报;1:填报中;2:已填报) ,
          hystName: '',//电站名称 ,
          linkMan: '',//电站联系人姓名 ,
          linkTel: '',// 联系人电话 ,
          adCode: '',//行政区编码 ,
          adName: '',//行政区名称 ,
          hystSite: '',//行政村名(详细地址) ,
          centerX: '',//闸坝经度 ,
          centerY: '',//闸坝纬度 ,
          hystLong: '',//厂房经度 ,
          hystLat: '',//厂房纬度 ,
          rvName: '',//所在河流 ,
          compDate: '',//投产时间(年月) ,
          ownerType: '',//所有制性质(1:民营;2:集体;3:国有;4:股份制;) ,
          exptType: '',//开发方式(1:引水式;2:混合式;3:坝后式;4:河床式;5:其他-工农业渠道上;6:其他-接上一级尾水) ,
          insCap: '',//装机容量 ,
          damHeig: '',//坝高 ,
          totCap: '',//库容 ,
          hystIsReg: '',//电站水库是否注册登记(1:是;2:否;) ,
          regNo: '',//电站水库注册登记号 ,
          isSafety: '',//大坝是否已开展安全鉴定(1:是;2:否;) ,
          zlgyFlow: '',//生态流量核定值(m3/s) ,
          exmnType: '',//检查类型(1:整改类;2:退出类;3:其他;) ,
          platInfoIsFullAwr: '',//平台基本信息是否完整、与实际相符 ,
          awrInfoNo: '',//不完整/不相符信息编号
          isNeedRuleAsWfip: ''
        },
        syzOption: [
          {
            label: "民营",
            value: "1"
          },
          {
            label: "集体",
            value: "2"
          },
          {
            label: "国有",
            value: "3"
          },
          {
            label: "股份",
            value: "4"
          },
          {
            label: "其他",
            value: "5"
          }
        ],
        kffsOption: [
          {
            label: "引水式",
            value: "1"
          },
          {
            label: "混合式",
            value: "2"
          },
          {
            label: "坝后式",
            value: "3"
          },
          {
            label: "河床式",
            value: "4"
          },
          {
            label: "其他-工农业渠道上",
            value: "5"
          },
          {
            label: "其他-接上一级尾水",
            value: "6"
          }
        ],
        dialogFormVisible: false,
        formLabelWidth: '260px',
        loading: true,
        operationType1: '',
        currentResCode1: '',
        currentObjectId1: '',
        value1: '',
        provList: [],
        cityList: [],
        countryList: [],
        provName: '',
        cityName: '',
        countryName: '',
        provNames: '',
        cityNames: '',
        countryNames: '',
        curSelectItem: 0,
        showLocSelect: false,
        locat: {
          adName: "",
          admDiv: ""
        },
        xcztShow: false,
        imageShow: false,
        xcztEngId: '',
        centerX: 0,
        centerY: 0,
        saveLoading: false,
        tableName: 'BIS_INSP_HYST_INFO',
        szRuls: [],
        showProblemList: false,
        probId: ''
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    mounted() {
      this.getPblmType();
      this.getRgstridObj();
    },
    watch: {
      showLocSelect(val) {
        if (!val) {
          this.formObj.adName = this.locat.adName
          this.formObj.admDiv = this.locat.admDiv
          this.provName = ''
          this.cityName = ''
          this.countryName = ''
        }
      }
    },
    methods: {
      getRgstridObj() {
        var _self = this;
        getHystInfoApi(_self.rowData.id).then(
          (res) => {
            if (res.data) {
              _self.formObj = res.data;
              _self.centerX = res.data.centerX;
              _self.centerY = res.data.centerY;
            } else {
              _self.formObj = {};
            }
          },
          (err) => {
          }
        );
      },
      addHandler() {
        this.$refs.baseinfoForm.validate((valid) => {
          if (valid) {
            var _self = this;
            _self.formObj['persId'] = _self.recPersId;
            console.log(_self.formObj);
            this.$confirm('确认保存基础信息？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              if (!this.saveLoading) {
                this.saveLoading = true
                request.post('/bis/insp/hyst/info', _self.formObj).then((res) => {
                  if (res.success) {
                    _self.$emit("addShuiKuSuccess");
                    _self.showLocSelect = false
                    _self.getRgstridObj()
                    _self.$message.success("修改成功");
                  } else {
                    _self.$emit('cancelHandler');
                  }
                  this.saveLoading = false
                }).catch(err => {
                  this.saveLoading = false
                });
              }
            })
          } else {
            return false
          }
        })
      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      //  近期面貌
      recentAppearance() {
        this.xcztShow = true;
      },
      jqmmDialog() {
        this.xcztShow = false;
      },
      //影像
      imageClick() {
        if (!this.centerX && !this.centerY) {
          this.$message.warning('暂无经纬度信息！');
          return false;
        }
        this.imageShow = true;
      },
      addProblemList(item) {
        let rest = this.szRuls.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showProblemList = true;
      },
      getdialogFormVisible(val) {
        this.showProblemList = val
      },
      getPblmType() {
        const obj = {
          tname: this.tableName
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          console.log(res);
          this.szRuls = res.data;
        })
      }
    },
  }
</script>

<style>
  #dcdxHeader {
    padding: 15px 20px;
  }

  #dxdcFooter {
    text-align: center;
  }

  #dxdcAside {
    border: 1px solid #d5d5ff;
  }

  .el-dialog__wrapper .el-treeWhite {
    /* max-height: 260px !important; */
  }

  .span200 {
    display: inline-block;
  }

  .input50 {
    width: 200px !important;
    margin: 0 12px 12px 0;
  }

  .input500 {
    width: 500px !important;
  }
</style>