fj-dc-ui/.svn/pristine/f9/f9860f097fdcb72d2d701d7c9e16004c56ac383c.svn-base

<template>
  <div class="tcgzqk">
    <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="addObj" :label-width="formLabelWidth" :rules="rules" ref="addObj" :disabled="ifDisabled">
          <br>
          <el-form-item label="电网是否解列">
            <el-radio v-model="addObj.pgIsSc" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.pgIsSc" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-button
              @click="addProblem('pgIsSc')"
              type="text"
              v-if="addObj.pgIsSc =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('pgIsSc')" class="el-icon-camera-solid"></i>
          </el-form-item>
          <el-form-item label="取水口是否按要求封堵">
            <el-radio v-model="addObj.intIsBar" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.intIsBar" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-radio v-model="addObj.intIsBar" label="3" :disabled="ifReadyOnly">无要求</el-radio>
            <el-button
              @click="addProblem('intIsBar')"
              type="text"
              v-if="addObj.intIsBar =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('intIsBar')" class="el-icon-camera-solid"></i>
          </el-form-item>
          <el-form-item label="设施设备是否拆除到位">
            <el-radio v-model="addObj.fcltsIsDip" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.fcltsIsDip" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-button
              @click="addProblem('fcltsIsDip')"
              type="text"
              v-if="addObj.fcltsIsDip =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('fcltsIsDip')" class="el-icon-camera-solid"></i>
            <br>
            <span class="span200">
              拆除到位的设备设施类型
              <el-select v-model="addObj.fcltsType" clearable multiple placeholder="请选择">
                <el-option v-for="item in sbccOption" :key="item.value" :label="item.label"
                           :value="item.value"></el-option>
              </el-select>
            </span>
          </el-form-item>
          <el-form-item label="是否按规定核销相关手续">
            <el-radio v-model="addObj.isVacrpatr" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.isVacrpatr" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-button
              @click="addProblem('isVacrpatr')"
              type="text"
              v-if="addObj.isVacrpatr =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="实施中是否由于安全措施落实不到位引起安全生产责任事故">
            <el-radio v-model="addObj.itioIsDttsmaniptctspra" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.itioIsDttsmaniptctspra" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-button
              @click="addProblem('itioIsDttsmaniptctspra')"
              type="text"
              v-if="addObj.itioIsDttsmaniptctspra =='1'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="生态修复措施是否落实">
            <el-radio v-model="addObj.ermIsWkab" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.ermIsWkab" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-radio v-model="addObj.ermIsWkab" label="3" :disabled="ifReadyOnly">不需要（对照“一站一策”方案要求）</el-radio>
            <el-button
              @click="addProblem('ermIsWkab')"
              type="text"
              v-if="addObj.ermIsWkab =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <div v-if="addObj.ermIsWkab == 1">
              <span class="span200">生态修复措施类型
                <el-select v-model="addObj.ermType" clearable multiple placeholder="请选择">
                  <el-option v-for="item in stxfOption" :key="item.value" :label="item.label"
                             :value="item.value"></el-option>
                </el-select>
              </span>
              <span class="span200" v-if="addObj.ermType">
                <el-input placeholder="请输入" v-if="addObj.ermType.indexOf('7') > - 1" v-model="addObj.ermTypeOther"
                          class="input50"></el-input>
              </span>
            </div>
            <div>
              <span class="span200">限期退出类电站是否落实生态流量</span>
              <el-radio v-model="addObj.wfclpswatlIsWkabEf" label="1">是</el-radio>
              <el-radio v-model="addObj.wfclpswatlIsWkabEf" label="2">否</el-radio>
              <el-button
                @click="addProblemList('wfclpswatlIsWkabEf')"
                type="text"
                v-if="addObj.wfclpswatlIsWkabEf =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </div>
          </el-form-item>

          <el-form-item label="退出方案中要求的社会风险防控措施是否落实">
            <el-radio v-model="addObj.etsrpacmritpIsWkab" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.etsrpacmritpIsWkab" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-radio v-model="addObj.etsrpacmritpIsWkab" label="3" :disabled="ifReadyOnly">方案中无要求</el-radio>
            <el-button
              @click="addProblem('etsrpacmritpIsWkab')"
              type="text"
              v-if="addObj.etsrpacmritpIsWkab =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="是否有保留设施">
            <el-radio v-model="addObj.isHasKpFclts" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.isHasKpFclts" label="2" :disabled="ifReadyOnly">否</el-radio>
            <div v-if="addObj.isHasKpFclts == 1">
              <div>
                <span class="span200">保留设施类型</span>
                <el-select v-model="addObj.kpFcltsType" clearable multiple placeholder="请选择">
                  <el-option v-for="item in blssOption" :key="item.value" :label="item.label"
                             :value="item.value"></el-option>
                </el-select>
                <span class="span200" v-if="addObj.kpFcltsType">
                <el-input placeholder="请输入" v-if="addObj.kpFcltsType.indexOf('3') > - 1"
                          v-model="addObj.kpFcltsTypeOther" class="input50"></el-input>
              </span>
              </div>
              <div>
                <span class="span200">保留设施管护主体和责任是否落实</span>
                <el-radio v-model="addObj.mtmbotfIsWkab" label="1">是</el-radio>
                <el-radio v-model="addObj.mtmbotfIsWkab" label="2">否</el-radio>
                <el-button
                  @click="addProblemList('mtmbotfIsWkab')"
                  type="text"
                  v-if="addObj.mtmbotfIsWkab =='2'">
                  <i class="el-icon-circle-plus add-problem-icon"></i>
                </el-button>
                <span class="span200" v-if="addObj.mtmbotfIsWkab == 1">管护主体
                <el-input placeholder="请输入" v-model="addObj.mtmbotf" class="input50"></el-input>
              </span>
              </div>
              <div>
                <span class="span200">保留设施安全隐患是否消除</span>
                <el-radio v-model="addObj.pfshIsRmv" label="1">是</el-radio>
                <el-radio v-model="addObj.pfshIsRmv" label="2">否</el-radio>
                <el-button
                  @click="addProblemList('pfshIsRmv')"
                  type="text"
                  v-if="addObj.pfshIsRmv =='2'">
                  <i class="el-icon-circle-plus add-problem-icon"></i>
                </el-button>
                <span class="span200" v-if="addObj.pfshIsRmv == 1">采取措施
                <el-input placeholder="请输入" v-model="addObj.pfshRmvStp" class="input50"></el-input>
              </span>
              </div>
            </div>
          </el-form-item>
          <el-form-item label="退出方案中要求的替代措施是否落实">
            <el-radio v-model="addObj.amritwpIsWkab" label="1" :disabled="ifReadyOnly">是</el-radio>
            <el-radio v-model="addObj.amritwpIsWkab" label="2" :disabled="ifReadyOnly">否</el-radio>
            <el-radio v-model="addObj.amritwpIsWkab" label="3" :disabled="ifReadyOnly">方案中无要求</el-radio>
            <el-button
              @click="addProblem('amritwpIsWkab')"
              type="text"
              v-if="addObj.amritwpIsWkab =='2'" :disabled="ifReadyOnly">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="备注">
            <el-input v-model="addObj.note" autocomplete="off" type="textarea"
                      style="width:70%;" :disabled="ifReadyOnly"></el-input>
          </el-form-item>
          <el-form-item label>
            <el-button type="primary" @click="makesure" :disabled="ifReadyOnly">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>

      <problem-list
        v-if="showProblemList"
        :currentObjectId="currentObjectId"
        :currentObjectName="currentObjectName"
        :problemMiddleType="'小水电'"
        :problData="probId"
        @dialogFormVisible="getdialogFormVisible"
        :currentObjectRgstrId="rowData.id"
        :rowData="rowData"
        :projectName="rowData.hystName"
      ></problem-list>
    </el-container>

    <add-pic-com v-if="jqmmDialogShow" :dialogTitle="'佐证材料'" :jqmmEngId="rowData.id" :type="type"
                 @jqmmDialogClose="jqmmDialogClose"></add-pic-com>
  </div>
</template>

<script>
  import request from "@util/gw_ajax_request.js";
  import {getHystOocInfoApi} from "@api/duChaTianBao.js";
  import problemList from '../../../addProlemMidForm/xiaoshuidianProblemList'
  import addPicCom from "../../../duChaTianBao/xiaoshuidian/addPic.vue";

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

    data() {
      return {
        objtbStatu: {
          reverStat: "",
          rgstrId: ""
        },
        dxdcMainHeight: window.innerHeight - 197,
        dialogFormVisible: false,
        formLabelWidth: "300px",
        loading: true,
        addObj: {
          pgIsSc: '',//电网是否解列(1:是;2:否;) ,
          intIsBar: '',//取水口是否按要求封堵(1:是;2:否;) ,
          fcltsIsDip: '',//设施设备是否拆除到位(1:是;2:否;) ,
          fcltsType: '',//设施设备类型(1:水工建筑物;2:机电设备;3:金属结构;) ,
          isVacrpatr: '',//是否按规定核销相关手续(1:是;2:否;) ,
          itioIsDttsmaniptctspra: '',//实施中是否由于安全措施落实不到位引起安全生产责任事故 ,
          ermIsWkab: '',//生态修复措施是否落实(1:是;2:否;3:不需要) ,
          ermType: '',//生态修复措施类型(1:植被恢复;2:河道疏浚;3:修建生态堰坝;4:修建生态护坡;5:修建过鱼设施;6:增殖放流;7:其他;) ,
          ermTypeOther: '',//生态修复措施其他类型 ,
          wfclpswatlIsWkabEf: '',//限期退出类电站是否落实生态流量(1:是;2:否;) ,
          etsrpacmritpIsWkab: '',//退出方案中要求的社会风险防控措施是否落实(1:是;2:否;) ,
          isHasKpFclts: '',//是否有保留设施(1:是;2:否;) ,
          kpFcltsType: '',//保留设施类型(1:水工建筑物;2:厂房;3:其他) ,
          kpFcltsTypeOther: '',//保留设施其他类型 ,
          mtmbotfIsWkab: '',//保留设施管护主体和责任是否落实(1:是;2:否;) ,
          mtmbotf: '',//保留设施管护主体 ,
          pfshIsRmv: '',//保留设施安全隐患是否消除(1:是;2:否;) ,
          pfshRmvStp: '',//保留设施安全隐患消除采取措施 ,
          amritwpIsWkab: '',//退出方案中要求 ,'/,/
        },
        sbccOption: [
          {
            label: "水工建筑物",
            value: "1"
          },
          {
            label: "机电设备",
            value: "2"
          },
          {
            label: "金属结构",
            value: "3"
          }
        ],
        stxfOption: [
          {
            label: "植被恢复",
            value: "1"
          },
          {
            label: "河道疏浚",
            value: "2"
          },
          {
            label: "修建生态堰坝",
            value: "3"
          },
          {
            label: "修建生态护坡",
            value: "4"
          },
          {
            label: "修建过鱼设施",
            value: "5"
          },
          {
            label: "增殖放流",
            value: "6"
          },
          {
            label: "其他",
            value: "7"
          }
        ],
        blssOption: [
          {
            label: "水工建筑物",
            value: "1"
          },
          {
            label: "厂房",
            value: "2"
          },
          {
            label: "其他",
            value: "3"
          }
        ],
        rules: {},
        operationType1: "",
        lyjg: [],
        placeholder: "",
        probId: '',
        showProblemList: false,
        saveLoading: false,
        tableName: 'BIS_INSP_HYST_OOC_INFO',
        szRuls: [],
        jqmmDialogShow: false,
        type: '',

      };
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      }
    },
    mounted() {
      this.getPblmType();
      this.getformList();
    },
    methods: {
      getformList() {
        let _self = this;
        getHystOocInfoApi(_self.rowData.id).then(res => {
          if (res.success) {
            if (res.data && Object.keys(res.data).length) {
              _self.addObj = res.data;
              _self.addObj.kpFcltsType = _self.addObj.kpFcltsType ? _self.addObj.kpFcltsType.split(',') : '';
              _self.addObj.ermType = _self.addObj.ermType ? _self.addObj.ermType.split(',') : '';
              _self.addObj.fcltsType = _self.addObj.fcltsType ? _self.addObj.fcltsType.split(',') : '';
              _self.operationType1 = "update";
            } else {
              _self.addObj = {};
              _self.operationType1 = "add";
            }
          } else {
          }
        });
      },
      //保存
      makesure() {
        let _self = this;
        this.addObj["rgstrId"] = this.rowData.id;
        this.addObj["recPersId"] = this.recPersId;
        _self.addObj.kpFcltsType = _self.addObj.kpFcltsType ? _self.addObj.kpFcltsType.join(',') : '';
        _self.addObj.ermType = _self.addObj.ermType ? _self.addObj.ermType.join(',') : '';
        _self.addObj.fcltsType = _self.addObj.fcltsType ? _self.addObj.fcltsType.join(',') : '';
        if (_self.addObj.pgIsSc &&
          _self.addObj.intIsBar &&
          _self.addObj.fcltsIsDip &&
          _self.addObj.isVacrpatr &&
          _self.addObj.itioIsDttsmaniptctspra &&
          _self.addObj.ermIsWkab &&
          _self.addObj.wfclpswatlIsWkabEf &&
          _self.addObj.etsrpacmritpIsWkab &&
          _self.addObj.isHasKpFclts &&
          _self.addObj.amritwpIsWkab) {
          this.addObj.status = "2"
        } else {
          this.addObj.status = "1"
        }
        if (_self.addObj.pgIsSc === undefined &&
          _self.addObj.intIsBar === undefined &&
          _self.addObj.fcltsIsDip === undefined &&
          _self.addObj.isVacrpatr === undefined &&
          _self.addObj.itioIsDttsmaniptctspra === undefined &&
          _self.addObj.ermIsWkab === undefined &&
          _self.addObj.wfclpswatlIsWkabEf === undefined &&
          _self.addObj.etsrpacmritpIsWkab === undefined &&
          _self.addObj.isHasKpFclts === undefined &&
          _self.addObj.amritwpIsWkab === undefined) {
          this.addObj.status = "0"
        }
        this.$confirm("确认保存小水库除险加固填报情况吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            if (!this.saveLoading) {
              this.saveLoading = true
              request.post("/bis/insp/hyst/ooc/info", _self.addObj).then(res => {
                if (res.success) {
                  _self.$message.success("保存成功");
                  _self.$emit("addShuiKuSuccess");
                  _self.getformList();
                }
                this.saveLoading = false
              }).catch(err => {
                this.saveLoading = false
                this.$message.info(err)
              });
            }
          })
          .catch(() => {
          });
      },
      //查看
      makeshow(type, row) {
        this.dialogFormVisible = true;
      },
      cancelHandler() {
        this.$emit("cancelHandler");
      },
      addProblem(item) {
        let rest = this.szRuls.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showProblemList = true;
      },
      getdialogFormVisible(val) {
        this.showProblemList = val
      },
      addProblemList(item) {
        let rest = this.szRuls.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showProblemList = true;
      },
      getPblmType() {
        const obj = {
          tname: this.tableName
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          console.log(res);
          this.szRuls = res.data;
        })
      },
      showPic(type) {
        this.type = type
        this.jqmmDialogShow = true
      },
      jqmmDialogClose() {
        this.jqmmDialogShow = false;
      },
    }
  }
  ;
</script>

<style lang="scss">
  .tcgzqk {

    #dcdxHeader {
      padding: 15px 20px;

    }

    #dxdcFooter {
      text-align: center;

    }

    #dxdcAside {
      border: 1px solid #d5d5ff;

    }

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

    }

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

    }

    .input500 {
      width: 500px !important;

    }

    .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>