fj-dc-ui/.svn/pristine/62/62e14390ca370a9d90728e6775a617e1fccf943e.svn-base

<template>
  <el-container style="height:520px;" class="xsdstll_wrapper">
    <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
      <el-form :model="addObj" :label-width="formLabelWidth" ref="ruleForm" :disabled="ifDisabled">
        <p style="margin-top:10px;margin-bottom: 10px">
          <i class="left-vertical"></i>
          <span style="width:120px;padding-left: 10px">生态流量情况</span>
          <span class="hrs"></span>
        </p>
        <el-form-item label="是否泄放生态流量">
          <el-radio v-model="addObj.isRuleDef" label="1">已泄放</el-radio>
          <el-radio v-model="addObj.isRuleDef" label="2">无要求</el-radio>
          <el-radio v-model="addObj.isRuleDef" label="3">有要求但未泄放</el-radio>
          <el-button
            @click="addProblemList('isRuleDef')"
            type="text"
            v-if="addObj.isRuleDef =='3'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <el-form-item label="生态流量核定文件">
          <el-radio v-model="addObj.isHasEfvd" label="1">有</el-radio>
          <el-radio v-model="addObj.isHasEfvd" label="2">无</el-radio>
          <el-button
            @click="addProblemList('isHasEfvd')"
            type="text"
            v-if="addObj.isHasEfvd =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
          <i @click="showPic('isHasEfvd')" class="el-icon-camera-solid"></i>
        </el-form-item>
        <el-form-item label="生态流量泄放设施类型">
          <el-select v-model="addObj.edfType" clearable multiple placeholder="请选择">
            <el-option v-for="item in stllxfssOption" :key="item.value" :label="item.label"
                       :value="item.value"></el-option>
          </el-select>
          <span class="span200" v-if="addObj.edfType">
                <el-input placeholder="请输入" v-model="addObj.edfTypeOther" v-if="addObj.edfType.indexOf('6') > - 1"
                          class="input50"></el-input>
              </span>
          <i @click="showPic('edfType')" class="el-icon-camera-solid"></i>
        </el-form-item>
        <el-form-item label="有节制泄流，是否有流量监测设施">
          <el-radio v-model="addObj.isHasFmf" label="1">是</el-radio>
          <el-radio v-model="addObj.isHasFmf" label="2">否</el-radio>
          <el-button
            @click="addProblemList('isHasFmf')"
            type="text"
            v-if="addObj.isHasFmf =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
          <i @click="showPic('isHasFmf')" class="el-icon-camera-solid"></i>
        </el-form-item>
        <el-form-item label="无节制泄流，是否有视频或流量监测设施">
          <el-radio v-model="addObj.isHasVotmf" label="1">是</el-radio>
          <el-radio v-model="addObj.isHasVotmf" label="2">否</el-radio>
          <el-button
            @click="addProblemList('isHasVotmf')"
            type="text"
            v-if="addObj.isHasVotmf =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
          <i @click="showPic('isHasVotmf')" class="el-icon-camera-solid"></i>
        </el-form-item>
        <el-form-item label="生态流量监测设施">
          <el-select v-model="addObj.efmfType" clearable multiple placeholder="请选择">
            <el-option v-for="item in stlxjcssOption" :key="item.value" :label="item.label"
                       :value="item.value"></el-option>
          </el-select>
          <!--<br>-->
          <!--<span class="span200">与“一站一策”方案是否一致</span>-->
          <!--<el-radio v-model="addObj.efmfIsWiicwtosopp" label="1">是</el-radio>-->
          <!--<el-radio v-model="addObj.efmfIsWiicwtosopp" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblemList('efmfIsWiicwtosopp')"-->
          <!--type="text"-->
          <!--v-if="addObj.efmfIsWiicwtosopp =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <br>
          <span class="span200">监测数据是否接入平台</span>
          <el-radio v-model="addObj.mdataIsAttp" label="1">是</el-radio>
          <el-radio v-model="addObj.mdataIsAttp" label="2">否</el-radio>
          <el-button
            @click="addProblemList('mdataIsAttp')"
            type="text"
            v-if="addObj.mdataIsAttp =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
          <i @click="showPic('mdataIsAttp')" class="el-icon-camera-solid"></i>
          <br>
          <span class="span200">是否持续正常运行</span>
          <el-radio v-model="addObj.isRun" label="1">是</el-radio>
          <el-radio v-model="addObj.isRun" label="2">否</el-radio>
          <el-button
            @click="addProblemList('isRun')"
            type="text"
            v-if="addObj.isRun =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <p style="margin-top:10px;margin-bottom: 10px">
          <i class="left-vertical"></i>
          <span style="width:120px;padding-left: 10px">手续完善情况</span>
          <span class="hrs"></span>
        </p>

        <el-form-item label="立项审批（核准）手续完善">
          <el-radio v-model="addObj.paapIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.paapIsPfct" label="2">否</el-radio>
          <el-button
            @click="addProblemList('paapIsPfct')"
            type="text"
            v-if="addObj.paapIsPfct =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <el-form-item label="环评手续完善">
          <el-radio v-model="addObj.tepIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.tepIsPfct" label="2">否</el-radio>
          <el-button
            @click="addProblemList('tepIsPfct')"
            type="text"
            v-if="addObj.tepIsPfct =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <el-form-item label="水资源论证（取水许可）手续完善">
          <el-radio v-model="addObj.wrcwlpIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.wrcwlpIsPfct" label="2">否</el-radio>
          <el-button
            @click="addProblemList('wrcwlpIsPfct')"
            type="text"
            v-if="addObj.wrcwlpIsPfct =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>

        <el-form-item label="土地预审手续完善">
          <el-radio v-model="addObj.lpepIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.lpepIsPfct" label="2">否</el-radio>
          <el-button
            @click="addProblemList('lpepIsPfct')"
            type="text"
            v-if="addObj.lpepIsPfct =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <el-form-item label="林地征（占、租）用手续完善">
          <el-radio v-model="addObj.feolpIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.feolpIsPfct" label="2">否</el-radio>
          <el-button
            @click="addProblemList('feolpIsPfct')"
            type="text"
            v-if="addObj.feolpIsPfct =='2'">
            <i class="el-icon-circle-plus add-problem-icon"></i>
          </el-button>
        </el-form-item>
        <el-form-item label="竣工验收手续完善">
          <el-radio v-model="addObj.capIsPfct" label="1">是</el-radio>
          <el-radio v-model="addObj.capIsPfct" label="2">否</el-radio>
        </el-form-item>
        <el-form-item label>
          <el-button type="primary" @click="makesure">保 存</el-button>
        </el-form-item>
      </el-form>
    </el-main>
    <problem-list
      v-if="showProblemList"
      :currentObjectId="currentObjectId"
      :currentObjectName="currentObjectName"
      :problemMiddleType="'小水电'"
      :problData="probId"
      @dialogFormVisible="getdialogFormVisible"
      :currentObjectRgstrId="currentObjectRgstrId"
      :rowData="rowData"
      :projectName="rowData.hystName"
    ></problem-list>

    <add-pic-com v-if="jqmmDialogShow" :dialogTitle="'佐证材料'" :jqmmEngId="rowData.id" :type="type"
                 @jqmmDialogClose="jqmmDialogClose"></add-pic-com>
  </el-container>
</template>
<script>
  import request from "@util/gw_ajax_request.js";
  import {getHystRectInfoApi} from '@api/duChaTianBao.js'
  import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
  import problemList from '../../../addProlemMidForm/xiaoshuidianProblemList'
  import {hostUrl} from '@util/global_variable'
  import addPicCom from "../../../duChaTianBao/xiaoshuidian/addPic.vue";

  export default {
    components: {
      unlimitDatePicker,
      problemList,
      addPicCom
    },
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData', 'ifDisabled'],

    data() {
      var checkTel = (rule, value, callback) => {
        if (value == '') {
          callback();
        }
        var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
        var isPhoneNum = /^([0-9]{3,4})?[0-9]{7,8}$/; //座机
        var isMob = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; // 手机号格式
        if (!isMob.test(value) && !isPhone.test(value) && !isPhoneNum.test(value)) {
          callback(new Error('请输入合理电话'));
        } else {
          callback();
        }
      };
      return {
        dialogFormVisible: false,
        formLabelWidth: "300px",
        loading: true,
        addObj: {
          isHasEfvd: '',//有无生态流量核定文件(1:有;2:无;) ,
          isHasEdf: '',//是否有生态流量泄放设施(1:有;2:无;) ,
          edfIsWiicwtosopp: '',//生态流量泄放设施与“一站一策”方案是否一致(1:一致;2:不一致;) ,
          edfType: '',//生态流量泄放设施类型(1:泄流孔;2:泄流阀;3:泄流闸;4:虹吸管;5:生态机组;6:其他) ,
          edfTypeOther: '',//生态流量泄放设施其他类型 ,
          edfIsHas: '',//生态流量泄放设施(1:要求有而实际没有;2:没有要求;) ,
          isRuleDef: '',//是否按规定泄放生态流量(1:是;2:否;) ,
          isHasFmf: '',//有节制泄流，是否有流量监测设施(1:是;2:否;) ,
          isHasVotmf: '',//无节制泄流，是否有视频或流量监测设施 ,
          efmfType: '',//生态流量监测设施类型 ,
          efmfIsWiicwtosopp: '',//生态流量监测设施与“一站一策”方案是否一致 ,
          mdataIsAttp: '',//监测数据是否接入平台 ,
          isRun: '',//是否持续正常运行 ,
          paapIsPfct: '',//立项审批（核准）手续是否完善 ,
          tepIsPfct: '',//环评手续是否完善 ,
          wrcwlpIsPfct: '',//水资源论证（取水许可）手续是否完善 ,
          lpepIsPfct: '',//土地预审手续是否完善 ,
          feolpIsPfct: '',//林地征（占、租）用手续是否完善 ,
          capIsPfct: '',//竣工验收手续是否完善 ,
          note: '',//备注
        },
        stllxfssOption: [
          {
            label: "泄流孔",
            value: "1"
          },
          {
            label: "泄流阀",
            value: "2"
          },
          {
            label: "泄流闸",
            value: "3"
          },
          {
            label: "虹吸管",
            value: "4"
          },
          {
            label: "生态机组",
            value: "5"
          },
          {
            label: "其他",
            value: "6"
          }
        ],
        stlxjcssOption: [
          {
            label: "实时数据",
            value: "1"
          },
          {
            label: "视频监视",
            value: "2"
          },
          {
            label: "静态图像",
            value: "3"
          }
        ],
        operationType: "",
        rsvrRules: null,
        probId: '',
        showAddProblemDialog: false,
        showProblemList: false,
        jqmmDialogShow: false,
        type: '',
      };
    },

    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
      }
    }
    ,
    created() {
      this.findItemByType()
    }
    ,
    mounted() {
      this.getformList();
    }
    ,
    methods: {
      //保存
      makesure() {
        let _self = this;
        this.addObj["rgstrId"] = this.rowData.id;
        this.addObj["persId"] = this.recPersId;
        this.addObj.edfType = _self.addObj.edfType ? _self.addObj.edfType.join(',') : '';
        _self.addObj.efmfType = _self.addObj.efmfType ? _self.addObj.efmfType.join(',') : '';
        if (
          this.addObj.isRuleDef &&
          this.addObj.isHasEfvd &&
          this.addObj.edfType &&
          this.addObj.isHasFmf &&
          this.addObj.isHasVotmf &&
          this.addObj.efmfType &&
          this.addObj.paapIsPfct &&
          this.addObj.tepIsPfct &&
          this.addObj.wrcwlpIsPfct &&
          this.addObj.lpepIsPfct &&
          this.addObj.feolpIsPfct &&
          this.addObj.capIsPfct
        ) {
          this.addObj.status = "2";
        } else {
          this.addObj.status = "1";
        }
        if (
          this.addObj.isRuleDef === undefined &&
          this.addObj.isHasEfvd === undefined &&
          this.addObj.edfType === undefined &&
          this.addObj.isHasFmf === undefined &&
          this.addObj.isHasVotmf === undefined &&
          this.addObj.efmfType === undefined &&
          this.addObj.paapIsPfct === undefined &&
          this.addObj.tepIsPfct === undefined &&
          this.addObj.wrcwlpIsPfct === undefined &&
          this.addObj.lpepIsPfct === undefined &&
          this.addObj.feolpIsPfct === undefined &&
          this.addObj.capIsPfct === undefined
        ) {
          this.addObj.status = "0";
        }
        this.$refs['ruleForm'].validate((valid) => {
          if (valid) {
            this.$confirm("确认保存填写的信息吗？", "提示", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning"
            }).then(() => {
              request.post("/bis/insp/hyst/rect/info", _self.addObj).then(res => {
                if (res.success) {
                  _self.$message.success("保存成功");
                  _self.$emit("addShuiKuSuccess");
                  _self.getformList();
                }
              });
            }).catch((err) => {
              this.$message.info(err)
            });
          } else {
            this.$message.warning('请检查填写信息')
            return
          }

        });
      },
      showPic(type) {
        this.type = type
        this.jqmmDialogShow = true
      },
      jqmmDialogClose() {
        this.jqmmDialogShow = false;
      },
      getformList() {
        let _self = this;
        getHystRectInfoApi(_self.rowData.id).then(res => {
          if (res.success) {
            if (res.data && Object.keys(res.data).length) {
              _self.addObj = res.data;
              _self.addObj.edfType = _self.addObj.edfType ? _self.addObj.edfType.split(',') : '';
              _self.addObj.efmfType = _self.addObj.efmfType ? _self.addObj.efmfType.split(',') : '';
              _self.operationType = "update";
            } else {
              _self.addObj = {};
              _self.operationType = "add";
            }
          } else {
            this.$message.error(res.message)
          }
        });
      }
      ,

      formatRadio(val) {
        if (val == "1") {
          return "是";
        } else if (val == "0") {
          return "否";
        } else {
          return val;
        }
      }
      ,
      cancelHandler() {
        this.$emit("cancelHandler");
      }
      ,
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_HYST_RECT_INFO"
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      }
      ,
      addProblemList(item) {
        let rest = this.rsvrRules.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showProblemList = true;
        this.showAddProblemDialog = true
      }
      ,
      getdialogFormVisible(val) {
        this.showProblemList = val
      }
      ,
      removeNewSupervisionZcBuzhuIsMake(arg) {
        this.$nextTick(() => {
          if (arg.length) {
            let len = this.addObj.zcBuzhuIsMakeFiles.length;
            for (var i = 0; i < arg.length; i++) {
              this.$set(this.addObj.zcBuzhuIsMakeFiles, len, arg[i]);
              len++;
            }
          }
        })
      }
      ,
      removeNewSupervisionZcWaterIsMake(arg) {
        this.$nextTick(() => {
          if (arg.length) {
            let len = this.addObj.zcWaterIsMakeFiles.length;
            for (var i = 0; i < arg.length; i++) {
              this.$set(this.addObj.zcWaterIsMakeFiles, len, arg[i]);
              len++;
            }
          }
        })
      }
      ,
      removeNewSupervisionZcOtherIsMake(arg) {
        this.$nextTick(() => {
          if (arg.length) {
            let len = this.addObj.zcOtherIsMakeFiles.length;
            for (var i = 0; i < arg.length; i++) {
              this.$set(this.addObj.zcOtherIsMakeFiles, len, arg[i]);
              len++;
            }
          }
        })
      }
      ,
      rowPreview(row) {
        window.open(`${hostUrl}${row.filePath}`, "_blank");
      }
      ,
      rowDelete(row, index, val) {
        this.$confirm(`确定要删除'${row.fileName}', 是否继续?`, {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          request.post(`/file/${row.id}`)
            .then(res => {
              if (res.success) {
                this.$message.success("删除成功");
                if (val == 'qt') this.addObj.zcOtherIsMakeFiles.splice(index, 1);
                else if (val == 'sj') this.addObj.zcWaterIsMakeFiles.splice(index, 1);
                else if (val == 'bz') this.addObj.zcBuzhuIsMakeFiles.splice(index, 1);
              } else {
                this.$message.warning(res.message);
              }
            })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });

      }
    }
    ,
    updated() {

    }
    ,
    watch: {
      currentObjectRgstrId(n, o) {
        this.getformList();
      }
    }
  }
  ;
</script>

<style lang="scss">
  .xsdstll_wrapper {
    .el-form {
      margin-top: 10px;
    }

    /*.el-input, .el-textarea {*/
    /*width: 40%;*/
    /*}*/

    .add-problem-icon {
      font-size: 16px;
    }


    .left-vertical {
      width: 8px;
      height: 17px;
      background: rgb(250, 205, 145);
      display: inline-block;
      vertical-align: bottom;
    }

    .hrs {
      display: inline-block;
      width: calc(100% - 40px);
      margin-left: 10px;
      height: 1px;
      vertical-align: middle;
      background-color: #ddd;
    }

    .font_red {
      color: red;
    }

    .p-title {
      padding-left: 20px;
      font-weight: bold;
    }

    .el-icon-camera-solid, .el-icon-circle-plus {
      margin-left: 20px;
      color: #00bbff;
      font-size: 18px;
      line-height: 12px;
      vertical-align: middle;
      cursor: pointer;

    }
  }
</style>