fj-dc-ui/.svn/pristine/aa/aa02bf2244f7ad542e7587c559129243508e5811.svn-base

<template>
  <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 ref="form" :model="form" label-width="340px" style="padding: 10px;">
        <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></p>
        <el-form-item label="取水口是否登记">
          <el-radio-group v-model="form.wintIsChkIn">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.wintIsChkIn == '2'" @click="addProblemList('wintIsChkIn')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item v-if="form.wintIsChkIn == '1'" label="取水口地点、类型、建设运行状态和水源类型等基本信息是否准确">
          <el-radio-group v-model="form.ltcoswstwiIsTrue">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.ltcoswstwiIsTrue == '2'" @click="addProblemList('ltcoswstwiIsTrue')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
          <el-checkbox-group v-model="form.ltcoswstwiType" v-if="form.ltcoswstwiIsTrue == '2'">
            <el-checkbox label="1">取水口地点</el-checkbox>
            <el-checkbox label="2">类型</el-checkbox>
            <el-checkbox label="3">建设运行状态</el-checkbox>
            <el-checkbox label="4">水源类型</el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item v-if="form.wintIsChkIn == '1'" label="取水监测计量登记信息是否准确">
          <el-radio-group v-model="form.wimmriIsTrue">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.wimmriIsTrue == '2'" @click="addProblemList('wimmriIsTrue')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item v-if="form.wintIsChkIn == '1'" label="取水许可证的主要载明事项与登记信息是否一致">
          <el-radio-group v-model="form.tmisitwdpIsTrue">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <el-radio label="3">未涉及</el-radio>
            <i v-if="form.tmisitwdpIsTrue == '2'" @click="addProblemList('tmisitwdpIsTrue')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item v-if="form.wintIsChkIn == '1'" label="近三年实际年取水量与登记实际取水量是否一致">
          <el-radio-group v-model="form.aawiirtyRawiIsTrue">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <el-radio label="3">未涉及</el-radio>
            <i v-if="form.aawiirtyRawiIsTrue == '2'" @click="addProblemList('aawiirtyRawiIsTrue')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <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></p>
        <el-form-item label="是否制定整改措施">
          <el-radio-group v-model="form.isEnactMomc">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.isEnactMomc == '2'" @click="addProblemList('isEnactMomc')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否已按整改台账要求、进度要求完成整改">
          <el-radio-group v-model="form.isHbiawtrlrprRar">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.isHbiawtrlrprRar == '2'" @click="addProblemList('isHbiawtrlrprRar')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否取得有效取水许可证">
          <el-radio-group v-model="form.isGetVwdp">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <!--<i v-if="form.isGetVwdp == '2'" @click="addProblemList('isGetVwdp')" class="el-icon-circle-plus"></i>-->
          </el-radio-group>
        </el-form-item>
        <el-form-item v-if="form.isGetVwdp == '2'">
          <el-radio-group v-model="form.vwdpNoType">
            <el-radio label="1">未取得有效取水许可证擅自取水</el-radio>
            <el-radio label="2">取水许可证有效期届满但未办理延续手续</el-radio>
            <i v-if="form.vwdpNoType == '1' || form.vwdpNoType == '2'" @click="addProblemList('vwdpNoType')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否按取水许可规定条件取水">
          <el-radio-group v-model="form.isDwutcsitp">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.isDwutcsitp == '2'" @click="addProblemList('isDwutcsitp')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
          <el-checkbox-group v-model="checkedList1" v-if="form.isDwutcsitp == '2'">
            <el-checkbox label="1">超许可水量取水</el-checkbox>
            <el-checkbox label="2">取水用途不一致</el-checkbox>
            <el-checkbox label="3">取水许可事项变更未履行手续</el-checkbox>
            <el-checkbox label="4" @change='handchange1'>其他</el-checkbox>
          </el-checkbox-group>
          <el-input
            v-if="checked1"
            placeholder="请输入内容"
            v-model="form.dwutcsitpTypeNote "
            clearable>
          </el-input>
        </el-form-item>
        <el-form-item label="取水口监测计量是否规范">
          <el-radio-group v-model="form.wimmIsNorm">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.wimmIsNorm == '2'" @click="addProblemList('wimmIsNorm')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
          <el-checkbox-group v-model="checkedList2" v-if="form.wimmIsNorm == '2'">
            <el-checkbox label="1">取水口存在未安装监测计量设施</el-checkbox>
            <el-checkbox label="2">监测计量设施无法正常运行</el-checkbox>
            <el-checkbox label="3">监测计量设施未定期检定或核准</el-checkbox>
            <el-checkbox label="4" @change='handchange2'>其他</el-checkbox>
          </el-checkbox-group>
          <el-input
            v-if="checked2"
            placeholder="请输入内容"
            v-model="form.wimmNormTypeNote "
            clearable>
          </el-input>
        </el-form-item>
        <el-form-item label="是否有其他问题">
          <el-radio-group v-model="form.isHasOthPblm">
            <el-radio label="1">是</el-radio>
            <el-radio label="2">否</el-radio>
            <i v-if="form.isHasOthPblm == '1'" @click="addProblemList('isHasOthPblm')"
               class="el-icon-circle-plus"></i>
          </el-radio-group>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">保 存</el-button>
        </el-form-item>
      </el-form>
    </el-main>
    <!-- <problem-dialog
        v-if="showAddProblemDialog"
        :objId="currentObjectId"
        :objName="currentObjectName"
        @closeDialog="closePlDialog"
        fenlei="qushuikou"
        :problData="problData"
        :currentObjectRgstrId="currentObjectRgstrId">
    </problem-dialog> -->

    <!-- 问题列表中间件 -->
    <problem-list
      v-if="showProblemList"
      :showProblemList='showProblemList'
      :currentObjectId="currentObjectId"
      :currentObjectName="currentObjectName"
      :problData="problData"
      :objType="31"
      :currentObjectRgstrId="currentObjectRgstrId"
      @dialogFormVisible="getdialogFormVisible"
    ></problem-list>

  </el-container>
</template>
<script>
  //import problemDialog from "./addProblemDialog.vue";
  import request from "@util/gw_ajax_request.js"
  //add by lch  addProlemMidForm/quShuiKouProblemList.vue
  import problemList from '../../addProlemMidForm/quYongShuiProblemList'

  export default {
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'szRuls'],
    data() {
      return {
        checkList: [],
        form: {
          wintIsChkIn: '',
          ltcoswstwiIsTrue: '',
          wimmriIsTrue: '',
          tmisitwdpIsTrue: '',
          aawiirtyRawiIsTrue: '',
          isEnactMomc: '',
          isHbiawtrlrprRar: '',
          isGetVwdp: '',
          isDwutcsitp: '',
          dwutcsitpType: '',
          dwutcsitpTypeNote: '',
          wimmIsNorm: '',
          wimmNormType: '',
          wimmNormTypeNote: '',
          status: '0',   //数据状态
          rgstrId: '',
          recPersId: '',
          ltcoswstwiType: [],
          vwdpNoType: ""//add by Thy 2020-7-29 18:27:02新需求
        },
        checked1: false,
        checked2: false,
        showAddProblemDialog: false,
        problData: '',
        // add by lch
        showProblemList: false,
        checkedList1: [],
        checkedList2: [],
        saveLoading: false
      }

    },
    components: {
      // problemDialog,
      problemList
    },
    computed: {
      persId() {
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
      }
    },
    watch: {
      'checkedList1': {
        handler(n, o) {
          console.log(this.checkedList1)
          let index = this.checkedList1.indexOf('4')
          if (index == -1) {
            this.checked1 = false
          } else {
            this.checked1 = true
          }
        }
      },
      'checkedList2': {
        handler(n, o) {
          let index = this.checkedList2.indexOf('4')
          if (index == -1) {
            this.checked2 = false
          } else {
            this.checked2 = true
          }
        }
      }
    },
    mounted() {

      this.getInfo()
    },
    methods: {
      handchange1(data) {
        this.checked1 = data
      },
      handchange2(data) {
        this.checked2 = data
      },
      getInfo() {
        request.get(`/bis/insp/wint/rgstr/mend/lift/getBy/${this.currentObjectRgstrId}`).then(res => {
          if (res.success && Object.keys(res.data).length) {
            this.form = res.data;
            this.checkedList1 = this.form.dwutcsitpType ? (this.form.dwutcsitpType).split(',') : [];
            this.checkedList2 = this.form.wimmNormType ? (this.form.wimmNormType).split(',') : [];
            this.form.ltcoswstwiType = this.form.ltcoswstwiType ? this.form.ltcoswstwiType.split(',') : [];
            console.log(this.form.ltcoswstwiType);
          } else {
            this.$message.error(res.message)
          }
        })
      },
      onSubmit() {
        this.form.rgstrId = this.currentObjectRgstrId
        this.form.recPersId = this.persId
        this.form.dwutcsitpType = (this.checkedList1).join(',')
        this.form.wimmNormType = (this.checkedList2).join(',')
        this.form.ltcoswstwiType = (this.form.ltcoswstwiType).join(',')
        let num = 0
        //通过填报信息判断数据填报状态
        if (!this.form.wintIsChkIn && !this.form.isEnactMomc && !this.form.isHbiawtrlrprRar
          && !this.form.isGetVwdp && !this.form.isDwutcsitp && !this.form.wimmIsNorm
          && !this.form.isHasOthPblm) {
          this.form.status = '0'
        } else if (this.form.wintIsChkIn && this.form.isEnactMomc && this.form.isHbiawtrlrprRar &&
          this.form.isGetVwdp && this.form.isDwutcsitp && this.form.wimmIsNorm
          && this.form.isHasOthPblm) {
          if (this.form.wintIsChkIn == 1 && this.form.ltcoswstwiIsTrue && this.form.wimmriIsTrue && this.form.tmisitwdpIsTrue && this.form.aawiirtyRawiIsTrue) {
            if (this.form.isDwutcsitp == 2 && this.form.dwutcsitpType && this.form.wimmIsNorm == 2 && this.form.wimmNormType) {
              this.form.status = '2'
            } else if (this.form.isDwutcsitp == 1 && this.form.wimmIsNorm == 1) {
              this.form.status = '2'
            } else if ((this.form.isDwutcsitp == 2 && !this.form.dwutcsitpType) || (this.form.wimmIsNorm == 2 && !this.form.wimmNormType)) {
              this.form.status = '1'
            } else if (this.form.isDwutcsitp == 2 && this.form.dwutcsitpType && this.form.wimmIsNorm == 1) {
              this.form.status = '2'
            } else if (this.form.wimmIsNorm == 2 && this.form.wimmNormType && this.form.isDwutcsitp == 1) {
              this.form.status = '2'
            } else {
              this.form.status = '1'
            }
          } else if (this.form.wintIsChkIn == 2) {
            if (this.form.isDwutcsitp == 2 && this.form.dwutcsitpType && this.form.wimmIsNorm == 2 && this.form.wimmNormType) {
              this.form.status = '2'
            } else if (this.form.isDwutcsitp == 1 && this.form.wimmIsNorm == 1) {
              this.form.status = '2'
            } else if ((this.form.isDwutcsitp == 2 && !this.form.dwutcsitpType) || (this.form.wimmIsNorm == 2 && !this.form.wimmNormType)) {
              this.form.status = '1'
            } else if (this.form.isDwutcsitp == 2 && this.form.dwutcsitpType && this.form.wimmIsNorm == 1) {
              this.form.status = '2'
            } else if (this.form.wimmIsNorm == 2 && this.form.wimmNormType && this.form.isDwutcsitp == 1) {
              this.form.status = '2'
            } else {
              this.form.status = '1'
            }
          } else {
            this.form.status = '1'
          }
        } else {
          this.form.status = '1'
        }

        if (!this.saveLoading) {
          this.saveLoading = true
          request.post(`/bis/insp/wint/rgstr/mend/lift`, this.form).then(res => {
            if (res.success) {
              this.$message.success('保存成功');
              this.form["id"] = res.data.id;
            } else {
              this.$message.error(res.message)
            }
            this.saveLoading = false
          }).catch(err => {
            this.saveLoading = false
            this.$message.info(err)
          });
        }
      },

      // add by lch  新增问题列表中间件
      addProblemList(item) {
        let rest = null;
        this.getPblmType();
        if (item == "vwdpNoType") {
          rest = this.szRuls.filter(e => e.iValue === this.form.vwdpNoType && e.eName === item);
        } else {
          rest = this.szRuls.filter(e => e.eName === item);
        }
        console.log('rest', rest);
        this.problData = rest[0].id;
        this.showProblemList = true;
        console.log('showProblemList开启状态', this.showProblemList)
      },
      getdialogFormVisible(val) {
        this.showProblemList = val
      },
      // end
      getPblmType() {
        const obj = {
          tname: ''
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.szRuls = res.data;
          console.log('szRuls', this.szRuls);
        })
      }
    }
  }
</script>

<style scoped>
  .el-icon-circle-plus {
    margin-left: 20px;
    color: #00bbff;
    font-size: 18px;
    line-height: 12px;
    vertical-align: top;
    cursor: pointer;
  }
</style>