fj-dc-ui/.svn/pristine/c3/c3a226705695a1e7214e775f693a2b5b3d5bb6be.svn-base

<template>
  <div class="aqglpk">
    <el-container v-if="formIsShow" style="height:49vh;">
      <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" :rules="rules">
          <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 v-model="formObj.isApplyCami" label="1">是</el-radio>
            <el-radio v-model="formObj.isApplyCami" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isApplyCami')"
              type="text"
              v-if="this.formObj.isApplyCami ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否及时变更登记事项">
            <el-radio v-model="formObj.isUpReg" label="1">是</el-radio>
            <el-radio v-model="formObj.isUpReg" label="2">否</el-radio>
            <el-radio v-model="formObj.isUpReg" label="3">不需变更</el-radio>
            <el-button
              @click="addProblemList('isUpReg')"
              type="text"
              v-if="this.formObj.isUpReg ==='2' ? true :false">
              <i class="el-icon-circle-plus"></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="是否编制水闸技术管理实施细则（大中型）">
            <el-radio v-model="formObj.isStfTmir" label="1">是</el-radio>
            <el-radio v-model="formObj.isStfTmir" label="2">否</el-radio>
            <el-radio v-model="formObj.isStfTmir" label="3">不需编制（小型）</el-radio>
            <el-button
              @click="addProblemList('isStfTmir')"
              type="text"
              v-if="this.formObj.isStfTmir ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否制定并落实水闸运行管理制度">
            <el-radio v-model="formObj.isEnctFallGoms" label="1">是</el-radio>
            <el-radio v-model="formObj.isEnctFallGoms" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isEnctFallGoms')"
              type="text"
              v-if="this.formObj.isEnctFallGoms ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="关键岗位管理制度、操作规程及技术图表是否明示">
            <el-radio v-model="formObj.kpmsOptcIsExp" label="1">是</el-radio>
            <el-radio v-model="formObj.kpmsOptcIsExp" label="2">否</el-radio>
            <el-button
              @click="addProblemList('kpmsOptcIsExp')"
              type="text"
              v-if="this.formObj.kpmsOptcIsExp ==='2' ? true :false">
              <i class="el-icon-circle-plus"></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="是否编制控制运用计划">
            <el-radio v-model="formObj.isStfCop" label="1">是</el-radio>
            <el-radio v-model="formObj.isStfCop" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isStfCop')"
              type="text"
              v-if="this.formObj.isStfCop ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="控制运用计划是否按规定申请批复或备案" v-if="this.formObj.isStfCop ==='1'">
            <el-radio v-model="formObj.copIsAfaporar" label="1">是</el-radio>
            <el-radio v-model="formObj.copIsAfaporar" label="2">否</el-radio>
            <el-button
              @click="addProblemList('copIsAfaporar')"
              type="text"
              v-if="this.formObj.copIsAfaporar ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否按照上级主管部门的调度指令和批准的控制运用计划进行控制运用">
            <el-radio v-model="formObj.isAttdiaacopotscdCo" label="1">是</el-radio>
            <el-radio v-model="formObj.isAttdiaacopotscdCo" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isAttdiaacopotscdCo')"
              type="text"
              v-if="this.formObj.isAttdiaacopotscdCo ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否建立闸门操作运行值班制度并有效执行">
            <el-radio v-model="formObj.isBldGodsaei" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldGodsaei" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isBldGodsaei')"
              type="text"
              v-if="this.formObj.isBldGodsaei ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否填写闸门运用工作日志并做好记录">
            <el-radio v-model="formObj.isFillGowlar" label="1">是</el-radio>
            <el-radio v-model="formObj.isFillGowlar" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isFillGowlar')"
              type="text"
              v-if="this.formObj.isFillGowlar ==='2' ? true :false">
              <i class="el-icon-circle-plus"></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="是否编制突发事件应急预案">
            <el-radio v-model="formObj.isStfEp" label="1">是</el-radio>
            <el-radio v-model="formObj.isStfEp" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isStfEp')"
              type="text"
              v-if="this.formObj.isStfEp ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否申请批复或报备" v-if="formObj.isStfEp === '1'">
            <el-radio v-model="formObj.isApplyRor" label="1">是</el-radio>
            <el-radio v-model="formObj.isApplyRor" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isApplyRor')"
              type="text"
              v-if="this.formObj.isApplyRor ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否编制度汛方案且安全度汛工作落实到位">
            <el-radio v-model="formObj.isStfFcpSafcwhbpip" label="1">是</el-radio>
            <el-radio v-model="formObj.isStfFcpSafcwhbpip" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isStfFcpSafcwhbpip')"
              type="text"
              v-if="this.formObj.isStfFcpSafcwhbpip ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否建立并落实汛期24小时值班制度并做好值班记录">
            <el-radio v-model="formObj.isBldDsifsamdr" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldDsifsamdr" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isBldDsifsamdr')"
              type="text"
              v-if="this.formObj.isBldDsifsamdr ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否储备或落实必要的防汛抢险物资">
            <el-radio v-model="formObj.isRorFcaes" label="1">是</el-radio>
            <el-radio v-model="formObj.isRorFcaes" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isRorFcaes')"
              type="text"
              v-if="this.formObj.isRorFcaes ==='2' ? true :false">
              <i class="el-icon-circle-plus"></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="是否按规定开展安全鉴定">
            <el-radio v-model="formObj.isCofaatr" label="1">是</el-radio>
            <el-radio v-model="formObj.isCofaatr" label="2">否</el-radio>
            <el-radio v-model="formObj.isCofaatr" label="3">按规定不需鉴定</el-radio>
            <el-button
              @click="addProblemList('isCofaatr')"
              type="text"
              v-if="this.formObj.isCofaatr ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="安全鉴定或认定意见建议提出的重大隐患是否及时整改" v-if="formObj.isCofaatr === '1'">
            <el-radio v-model="formObj.saoiotopbtmhaIsMend" label="1">是</el-radio>
            <el-radio v-model="formObj.saoiotopbtmhaIsMend" label="2">否</el-radio>
            <el-button
              @click="addProblemList('saoiotopbtmhaIsMend')"
              type="text"
              v-if="this.formObj.saoiotopbtmhaIsMend ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否鉴定为三、四类闸" v-if="formObj.isCofaatr === '1'">
            <el-radio v-model="formObj.isThreeOrFour" label="1">是</el-radio>
            <el-radio v-model="formObj.isThreeOrFour" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否制定保闸安全应急措施并限制运用" v-if="formObj.isCofaatr === '1' && formObj.isThreeOrFour === '1'">
            <el-radio v-model="formObj.isBldEmtpgaltu" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldEmtpgaltu" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isBldEmtpgaltu')"
              type="text"
              v-if="this.formObj.isBldEmtpgaltu ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否实施除险加固或降等报废" v-if="formObj.isCofaatr === '1' && formObj.isThreeOrFour === '1'">
            <el-radio v-model="formObj.isPutEdtrorsas" label="1">是</el-radio>
            <el-radio v-model="formObj.isPutEdtrorsas" label="2">否</el-radio>
            <el-button
              @click="addProblemList('isPutEdtrorsas')"
              type="text"
              v-if="this.formObj.isPutEdtrorsas ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="闸门和启闭机是否按规定进行安全检测">
            <el-radio v-model="formObj.gahIsCosiatr" label="1">是</el-radio>
            <el-radio v-model="formObj.gahIsCosiatr" label="2">否</el-radio>
            <el-button
              @click="addProblemList('gahIsCosiatr')"
              type="text"
              v-if="this.formObj.gahIsCosiatr ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item>
            <el-button style="padding:7px 15px" type="primary" @click="addHandler" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
    </el-container>
    <problem-list
      v-if="showProblemList && openType"
      :problData="problData"
      :currentObjectName="currentObjectName"
      @dialogFormVisible="getdialogFormVisible"
      :showProblemList ='showProblemList'
      :currentObjectRgstrId="currentObjectRgstrId"
      :currentObjectId ="currentObjectId"
      :currentGroupId="currentGroupId"

     ></problem-list>
  </div>
</template>

<script>
import inputWith from "@widget/inuptWith.vue";
import request from "@util/gw_ajax_request.js";
import { getSafe, addBasePres } from "@api/duChaTianBao.js";
import { formatDateTimeD } from "@util/gw_date.js";
//add by lch
import problemList from '../../addProlemMidForm/Sztb_Wtqd.vue'
export default {
  components: {
    inputWith: inputWith,
    //problemDialog,
    problemList
  },
  props: [
    "currentObjectRgstrId",
    "currentObjectEngScale",
    "currentObjectName",
    "currentObjectId",
    "szRuls",
    "showOrEdit",
    "currentGroupId",
    "openType"
  ],

  data() {
    return {
      isThreeOrFour:false,
      restmIsAd:false,
      Safety:'',
      objtbStatu:{
          safeStat:"",
          id:"",
        },
      problData: "",
      showAddProblemDialog: false,
      rules: {
      },
      lyjg: [],
      formObj: {
        isApplyCami: "",
        isUpReg: "",
        isStfTmir: "",
        isEnctFallGoms: "",
        kpmsOptcIsExp: "",
        isStfCop: "",
        copIsAfaporar: "",
        isAttdiaacopotscdCo: "",
        isBldGodsaei: "",
        isFillGowlar: "",
        isStfEp: "",
        isApplyRor: "",
        isStfFcpSafcwhbpip: "",
        isBldDsifsamdr: "",
        isRorFcaes: "",
        isCofaatr: "",
        saoiotopbtmhaIsMend: "",
        isBldEmtpgaltu: "",
        isThreeOrFour: "",
        isPutEdtrorsas: "",
        gahIsCosiatr: "",
      },
      dialogFormVisible: false,
      formLabelWidth: "20vw",
      loading: true,
      operationType1: "",
      formIsShow: true,
      // add by lch
      showProblemList: false
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "";
    },

  },
   created() {
    if (this.showOrEdit === "show") {
      this.formIsShow = false;
    } else {
      this.formIsShow = true;
    }
  },
  mounted() {
    this.getRgstridObj();

  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getRgstridObj();
    },
    currentObjectEngScale(n, o) {
      this.currentObjectEngScale = n;
    },
  },
  methods: {
    szType(item){
      if(item == '1' || item =='4'){
        this.isThreeOrFour = true;
      }else{
        this.isThreeOrFour = false;
        this.restmIsAd = false;
      }
    },
    isTof(item){
      if(item == '1'){
        this.restmIsAd = true;
      }else{
        this.restmIsAd = false;
      }
    },
    getRgstridObj() {
      var _self = this;
      getSafe(_self.currentObjectRgstrId).then(res => {
        if (Object.keys(res.data).length !== 0) {
          _self.formObj = res.data;
          _self.operationType1 = "update";
        } else {
          _self.formObj = {};
          _self.operationType1 = "add";
        }
      });
    },
    addHandler() {
      var _self = this;
      _self.formObj["rgstrId"] = _self.currentObjectRgstrId;
      _self.formObj["recPersId"] = _self.recPersId;
      _self.objtbStatu.id = _self.currentObjectRgstrId;
      if(_self.formObj.isApplyCami
        && _self.formObj.isUpReg
        && _self.formObj.isStfTmir
        && _self.formObj.isEnctFallGoms
        && _self.formObj.kpmsOptcIsExp
        && _self.formObj.isStfCop
        && _self.formObj.copIsAfaporar
        && _self.formObj.isAttdiaacopotscdCo
        && _self.formObj.isBldGodsaei
        && _self.formObj.isFillGowlar
        && _self.formObj.isStfEp
        && _self.formObj.isStfFcpSafcwhbpip
        && _self.formObj.isBldDsifsamdr
        && _self.formObj.isRorFcaes
        && _self.formObj.isCofaatr
        && _self.formObj.gahIsCosiatr){
          this.objtbStatu.safeStat = "2"
      }else{
        if(_self.formObj.isApplyCami == undefined  &&
            _self.formObj.isUpReg == undefined &&
            _self.formObj.isStfTmir == undefined  &&
            _self.formObj.isEnctFallGoms == undefined &&
            _self.formObj.kpmsOptcIsExp == undefined  &&
            _self.formObj.isStfCop == undefined &&
            _self.formObj.copIsAfaporar == undefined  &&
            _self.formObj.isAttdiaacopotscdCo == undefined &&
            _self.formObj.isBldGodsaei == undefined  &&
            _self.formObj.isFillGowlar == undefined &&
            _self.formObj.isStfEp == undefined  &&
            _self.formObj.isStfFcpSafcwhbpip == undefined &&
            _self.formObj.isBldDsifsamdr == undefined  &&
            _self.formObj.isRorFcaes == undefined &&
            _self.formObj.isCofaatr == undefined &&
            _self.formObj.gahIsCosiatr == undefined){
            this.objtbStatu.safeStat = "0"
        }else{
          this.objtbStatu.safeStat = "1"
        }
      }
      this.$confirm("确认保存安全管理情况信息？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          if (_self.operationType1 == "add") {
            try{
              request.post('/bis/waga/safeManage',_self.formObj).then((res)=>{
                if (res.success) {
                  _self.$message.success("添加成功");
                  _self.formObj["id"] = res.data.id;
                  _self.operationType1 = "update";
                  request.post("/att/waga/rgstr/update",_self.objtbStatu).then((res)=>{
                    res;
                  })
                  _self.$emit("addShuiKuSuccess");
                }
              });
            } catch(e) {

            }
          } else if (_self.operationType1 == "update") {
            try{
              request.post('/bis/waga/safeManage/update',_self.formObj).then((res)=>{
                if (res.success) {
                  _self.$message.success("修改成功");
                  request.post("/att/waga/rgstr/update",_self.objtbStatu).then((res)=>{
                    res;
                    })
                  _self.$emit("addShuiKuSuccess");
                }
              });
            } catch(e) {

            }
          }
        })
        .catch(() => {});
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },

     // add by lch
    addProblemList(pro){
        let rules = this.szRuls;
        let rest = rules.filter(e => {
          return e.eName === pro;
        });
        this.problData = rest[0].id;
        this.showProblemList = true;
        console.log(this.showProblemList)
      },
      getdialogFormVisible(val){
        this.showProblemList = val
      },
      // end
  }
};
</script>

<style lang="scss" scoped>
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateY(-10px);
  opacity: 0;
}
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
.zdlsqk .el-radio + .el-radio {
  //纵向radio处理
  margin-left: 0px;
}
.aqglpk .el-button--text {
  //添加问题小加号处理
  // margin-left: 1vw;
  font-size: 1rem;
}
.aqglpk .el-button--mini {
  //处理出现小加号后，选项上下抖动问题
  padding: 0px 0px;
}
</style>