fj-dc-ui/.svn/pristine/c4/c492e2751611ce0d4de0a38fc5b85947df909d0d.svn-base

<template>
  <div class="gcsthyxglqk">
    <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">
          <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="是否有管理机构" required>
            <el-radio v-model="addObj.hasSpeManage" label="1">是</el-radio>
            <el-radio v-model="addObj.hasSpeManage" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否有管护人员" v-if="addObj.hasSpeManage == '2'">
            <el-radio v-model="addObj.isHasMangPers" label="1">是</el-radio>
            <el-radio v-model="addObj.isHasMangPers" label="2">否</el-radio>
            <el-button @click="addProblem('isHasMangPers')" type="text"
              v-if="addObj.isHasMangPers == '1' || addObj.isHasMangPers == '2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否有稳定经费来源" required>
            <el-radio v-model="addObj.hasWdEmnic" label="1">是</el-radio>
            <el-radio v-model="addObj.hasWdEmnic" label="2">否</el-radio>
            <el-button @click="addProblem('hasWdEmnic')" type="text" v-if="addObj.hasWdEmnic =='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="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">注册登记情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否注册登记" required>
            <el-radio v-model="addObj.ifManageReg" label="1">是</el-radio>
            <el-radio v-model="addObj.ifManageReg" label="2">否</el-radio>
            <el-button @click="addProblem('ifManageReg')" type="text" v-if="addObj.ifManageReg =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item v-if="addObj.ifManageReg == '1'">
            <el-radio v-model="addObj.ifManageRegRel" label="1">信息准确</el-radio>
            <el-radio v-model="addObj.ifManageRegRel" label="2">存在错误或虚假信息</el-radio>
            <el-button @click="addProblem('ifManageRegRel')" type="text" v-if="addObj.ifManageRegRel =='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="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">公示情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否设置水库公示牌" required>
            <el-radio v-model="addObj.ifDamWarnLogo" label="1">是</el-radio>
            <el-radio v-model="addObj.ifDamWarnLogo" label="2">否</el-radio>
            <el-button @click="addProblem('ifDamWarnLogo')" type="text" v-if="addObj.ifDamWarnLogo =='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="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">坝周情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="坝体周边是否整洁" required>
            <el-radio v-model="addObj.isClean" label="1">是</el-radio>
            <el-radio v-model="addObj.isClean" label="2">否</el-radio>
            <el-button @click="addProblem('isClean')" type="text" v-if="addObj.isClean =='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="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">执行汛限水位情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否鉴定为病险水库" required>
            <el-radio v-model="addObj.ifFsltdz" label="1">是</el-radio>
            <el-radio v-model="addObj.ifFsltdz" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="水库坝型" required v-if="addObj.ifFsltdz=='1'">
            <el-select v-model="addObj.damGrad" placeholder="请选择">
              <el-option label="二类" value="1"></el-option>
              <el-option label="三类" value="2"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="是否采取限制运用措施" v-if="addObj.ifFsltdz == '1'">
            <el-radio v-model="addObj.ifFsltdzRun" label="1">是</el-radio>
            <el-radio v-model="addObj.ifFsltdzRun" label="2">否</el-radio>
            <el-button @click="addProblem('ifFsltdzRun')" type="text" v-if="addObj.ifFsltdzRun =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item v-if="addObj.ifFsltdz == '2'">
            <el-radio v-model="addObj.ifFsltdzNo" label="1">严格执行汛限水位</el-radio>
            <el-radio v-model="addObj.ifFsltdzNo" label="2">超汛限水位运行</el-radio>
            <el-button @click="addProblem('ifFsltdzNo')" type="text" v-if="addObj.ifFsltdzNo == '2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label>
            <el-button type="primary" @click="makesure('addObj')">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog v-if="showAddProblemDialog" :objType="pType" :villType="0" :objId="currentObjectId"
        :objName="currentObjectName" :problemMiddleType="'小水库'" :problData="probId" @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"></problem-dialog>
    </el-container>
  </div>
</template>

<script>
  import request from "@util/gw_ajax_request.js";
  import problemDialog from "../../duChaWenTi/problemDialog.vue";
  import { getManagelist, getLyjglist } from "@api/duChaTianBao.js";
  export default {
    components: {
      problemDialog
    },
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'pType'],

    data() {
      return {
        objtbStatu: {
          resRunStat: "",
          rgstrId: ""
        },
        dxdcMainHeight: window.innerHeight - 197,
        dialogFormVisible: false,
        formLabelWidth: "180px",
        loading: true,
        addObj: {
          hasSpeManage: "",
          hasWdEmnic: "",
          ifManageReg: "",
          ifManageRegRel: "",
          ifDamWarnLogo: "",
          // safeComment: "",
          mngrnId: "",
          rgstrId: "",
          recPersId: "",
          recPers2: "",
          recPersTel: "",
          status: "",
          // emerPlanSameExta: "",//是否有安全管理（防汛）应急方案
          // emerPlanSameAppr: "",//是否获得批复或备案
          // emerPlanSameEme: "",//是否进行演练
          // emerPlanSameSpeed: "",//可操作性
          ifFsltdz: "",//是否鉴定为三类坝的水库
          ifFsltdzRun: "",//是否采取限制运用措施
          ifFsltdzNo: "",//其他水库
          isClean: "",//坝体周边是否整洁
          isHasMangPers: "",//是否有管护人员
          damGrad: ""
        },
        rules: {
          emerPlanSameAppr: [
            { required: true, message: '请选择是否获得批复或备案', trigger: 'change' }
          ],
          emerPlanSameEme: [
            { required: true, message: '请选择是否进行演练', trigger: 'change' }
          ],
          emerPlanSameSpeed: [
            { required: true, message: '请选择可操作性', trigger: 'change' }
          ]
        },
        operationType1: "",
        lyjg: [],
        placeholder: "",
        rsvrRules: null,
        probId: '',
        showAddProblemDialog: false
      };
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      },
      currentRlcode() {
        return localStorage.getItem('currentRlcode') || ''
      }
    },
    created() {
      this.findItemByType()
    },
    mounted() {
      this.getLyjgList();
    },
    watch: {
      currentObjectRgstrId(n, o) {
        this.getformList();
      }
    },
    methods: {
      getLyjgList() {
        var _self = this;
        getLyjglist().then(res => {
          if (res.success) {
            _self.lyjg = res.data;
            _self.placeholder = _self.lyjg[0].pnm;
            _self.addObj.reverOrg = _self.lyjg[0].id;
            _self.getformList();
          } else {
            _self.getformList();
          }
        });
      },
      getformList() {
        let _self = this;
        getManagelist(_self.currentObjectRgstrId).then(res => {
          if (res.success) {
            if (res.data && Object.keys(res.data).length) {
              _self.addObj = res.data;
              _self.operationType1 = "update";
            } else {
              // 如果信息未填报，则赋默认值
              _self.setInitValue()
              _self.operationType1 = "add";
            }
          } else {
          }
        });
      },
      //保存
      makesure(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let _self = this;
            this.addObj["rgstrId"] = this.currentObjectRgstrId;
            this.addObj["recPersId"] = this.recPersId;
            this.objtbStatu.rgstrId = this.currentObjectRgstrId;
            // if(this.addObj.emerPlanSameExta == '2'){
            //     this.addObj.emerPlanSameAppr = "";//是否获得批复或备案
            //     this.addObj.emerPlanSameEme = "";//是否进行演练
            //     this.addObj.emerPlanSameSpeed = "";//可操作性
            // }
            if (this.addObj.hasSpeManage == '1') {
              this.addObj.isHasMangPers = "";//是否有管护人员
            }
            if (
              // this.addObj.emerPlanSameExta ||
              this.addObj.hasSpeManage ||
              this.addObj.hasWdEmnic ||
              this.addObj.ifManageReg ||
              this.addObj.ifDamWarnLogo ||
              this.addObj.isClean ||
              this.addObj.ifFsltdz
            ) {
              this.objtbStatu.resRunStat = "1";
            }
            if (
              this.addObj.hasSpeManage &&
              this.addObj.hasWdEmnic &&
              this.addObj.ifManageReg &&
              this.addObj.ifDamWarnLogo &&
              // this.addObj.emerPlanSameExta &&
              this.addObj.isClean &&
              this.addObj.ifFsltdz
            ) {
              this.objtbStatu.resRunStat = "2";
            }
            if (
              this.addObj.hasSpeManage == undefined &&
              this.addObj.hasWdEmnic == undefined &&
              this.addObj.ifManageReg == undefined &&
              this.addObj.ifManageRegRel == undefined &&
              this.addObj.ifDamWarnLogo == undefined &&
              // this.addObj.emerPlanSameExta == undefined &&
              this.addObj.isClean == undefined &&
              this.addObj.ifFsltdz == undefined
            ) {
              this.objtbStatu.resRunStat = "0";
            }
            this.$confirm("确认保存运行管理情况信息吗？", "提示", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning"
            })
              .then(() => {
                if (_self.operationType1 == "add") {
                  request.post("/dc/insp/safeExtManage", _self.addObj).then(res => {
                    if (res.success) {
                      _self.$message.success("添加成功");
                      request
                        .post("/dc/insp/rsvrRgstr/update", _self.objtbStatu)
                        .then(res => {
                          res;
                        });
                      _self.$emit("addShuiKuSuccess");
                    }
                  });
                } else {
                  request
                    .post("/dc/insp/safeExtManage/update", _self.addObj)
                    .then(res => {
                      if (res.success) {
                        _self.$message.success("修改成功");
                        request
                          .post("/dc/insp/rsvrRgstr/update", _self.objtbStatu)
                          .then(res => {
                            res;
                          });
                        _self.$emit("addShuiKuSuccess");
                      }
                    });
                }
              })
              .catch(() => { });
          } else {
            console.log('error submit!!');
            return false;
          }
        });

      },
      //查看
      makeshow(type, row) {
        this.dialogFormVisible = true;
      },
      formatRadio(val) {
        if (val == "1") {
          return "是";
        } else if (val == "0") {
          return "否";
        } else {
          return val;
        }
      },
      cancelHandler() {
        this.$emit("cancelHandler");
      },
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_SAFE_EXT_MANAGE",
          type: this.pType,
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      },
      addProblem(item) {
        let rest = null;
        if (item == "isHasMangPers") {
          rest = this.rsvrRules.filter(e => {
            return e.iValue === this.addObj.isHasMangPers && e.eName === item;
          });
        } else {
          rest = this.rsvrRules.filter(e => {
            return e.eName === item;
          });
        }
        this.probId = rest[0].id;
        this.showAddProblemDialog = true
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
      },
      // 初始化赋值
      setInitValue() {
        if (this.currentRlcode.indexOf('63') == '0') {  //青海省小水库
          this.addObj['hasSpeManage'] = '1'
          this.addObj['hasWdEmnic'] = '1'
          this.addObj['ifManageReg'] = '1'
          this.addObj['ifManageRegRel'] = '1'
          this.addObj['ifDamWarnLogo'] = '1'
          this.addObj['isClean'] = '1'
          this.addObj['ifFsltdz'] = '2'
          this.addObj['ifFsltdzNo'] = '1'
        } else {
          this.addObj = {};
        }
      }
    }
  };
</script>

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

  #dxdcFooter {
    text-align: center;
  }

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

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

  .add-problem-icon {
    font-size: 16px;
  }
</style>