fj-dc-ui/.svn/pristine/5a/5a9fb9b38c2f43b906909fcf22c08cec5c8a15fd.svn-base

<template>
  <div class="aqglpk">
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <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" :disabled="ifView">
          <el-form-item class="zdlsqk" label="控制运用计划编制情况" style="width:30vw">
            <el-radio v-model="formObj.ctapInfo" label="1">已编制</el-radio>
            <el-radio v-model="formObj.ctapInfo" label="2">按规定不需要编制</el-radio>
            <el-radio v-model="formObj.ctapInfo" label="3">
              需编制但未编制
              <el-button
                @click="addProblem('ctapInfo')"
                type="text"
                v-if="this.formObj.ctapInfo ==='3' ? true :false"
              >
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-radio>
          </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.epafcpIsH" label="1">是</el-radio>
            <el-radio v-model="formObj.epafcpIsH" label="2">否</el-radio>
            <el-button
              @click="addProblem('epafcpIsH')"
              type="text"
              v-if="this.formObj.epafcpIsH ==='2' ? true :false"
            >
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否发生安全事故">
            <el-radio v-model="formObj.safeIsH" label="1">是</el-radio>
            <el-radio v-model="formObj.safeIsH" label="2">否</el-radio>
          </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
            class="zdlsqk"
            label="大中型水闸"
            style="width:35vw"
          >
            <el-radio v-model="Safety" label="1" @change="szType(1)">已开展安全鉴定</el-radio>
            <el-radio v-model="Safety" label="2" @change="szType(2)">需开展但未开展安全鉴定</el-radio>
            <el-button
              @click="addProblem('lmSafetyIsCo')"
              type="text"
              v-if="Safety ==='2' ? true :false"
            >
              <i class="el-icon-circle-plus"></i>
            </el-button>
            <el-radio v-model="Safety" label="3" @change="szType(3)">按规定不需要鉴定</el-radio>
          </el-form-item>

          <el-form-item
            class="zdlsqk"
            label="小型水闸"
            style="width:35vw"
          >
            <el-radio v-model="Safety" label="4" @change="szType(4)">已开展安全鉴定</el-radio>
            <el-radio v-model="Safety" label="5" @change="szType(5)">未开展安全鉴定</el-radio>
            <el-button
              @click="addProblem('lmSafetyIsCo')"
              type="text"
              v-if="Safety ==='5' ? true :false"
            >
              <i class="el-icon-circle-plus"></i>
            </el-button>
            <el-radio v-model="Safety" label="6" @change="szType(6)">按规定不需要鉴定</el-radio>

          </el-form-item>
          <transition name="slide-fade">
            <el-form-item label="是否鉴定为三、四类水闸" v-if="isThreeOrFour" >
              <el-radio v-model="formObj.isThreeOrFour" label="1" @change="isTof(1)">是</el-radio>
              <el-radio v-model="formObj.isThreeOrFour" label="2" @change="isTof(2)">否</el-radio>
            </el-form-item>
          </transition>

          <transition name="slide-fade">
            <el-form-item label="是否采取限制运用措施" v-if="restmIsAd">
              <el-radio v-model="formObj.restmIsAd" label="1">是</el-radio>
              <el-radio v-model="formObj.restmIsAd" label="2">否</el-radio>
              <el-button
                @click="addProblem('restmIsAd')"
                type="text"
                v-if="this.formObj.restmIsAd ==='2' ? true :false"
              >
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
          </transition>

          <el-form-item label>
            <!-- <el-button @click="cancelHandler">取 消</el-button> -->
            <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-dialog
      v-if="showAddProblemDialog && openType"
      :objType="6"
      :villType="7"
      :objId="currentObjectId"
      :objName="currentObjectName"
      :problemMiddleType="'水闸'"
      :problemSmallType="problemSmallType"
      :problData="problData"
      :currentGroupId="currentGroupId"
      @closeDialog="closePlDialog"
      :currentObjectRgstrId="currentObjectRgstrId"
    ></problem-dialog>
  </div>
</template>

<script>
import inputWith from "../../widgets/inuptWith.vue";
import request from "../../utils/gw_ajax_request.js";
import { getSafe, addBasePres } from "../../api/duChaTianBao.js";
import { formatDateTimeD } from "../../utils/gw_date.js";
import problemDialog from "../duChaWenTi/problemDialog.vue";
export default {
  components: {
    inputWith: inputWith,
    problemDialog
  },
  props: [
    "currentObjectRgstrId",
    "currentObjectEngScale",
    "currentObjectName",
    "currentObjectId",
    "szRuls",
    "showOrEdit",
    "currentGroupId",
    "openType",
    "ifView"
  ],

  data() {
    var checkTel = (rule, value, callback) => {
      // if (!value) {
      //   return callback(new Error('不能为空'));
      // }

      var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
      var isMob = /^[1][3,4,5,7,8][0-9]{9}$/; // 座机格式
      if (!isMob.test(value) && !isPhone.test(value)) {
        callback(new Error("请输入合理电话"));
      } else {
        callback();
      }
      // setTimeout(() => {

      // }, 1000);
    };
    return {
      isThreeOrFour:false,
      restmIsAd:false,
      Safety:'',
      objtbStatu:{
          safeStat:"",
          id:"",
        },
      problData: "",
      showAddProblemDialog: false,
      rules: {
        wiunWaoLegPersTel: [{ validator: checkTel, trigger: "blur" }],
        techPersTel: [{ validator: checkTel, trigger: "blur" }],
        patrolPersTel: [{ validator: checkTel, trigger: "blur" }]
      },
      lyjg: [],
      formObj: {
        dutyId: "",
        hasPatrolPers: "", //是否有巡查责任人
        hasTechPers: "", //是否有技术责任人
        ctapInfo: "", //是否有行政责任人
        patrolPers: "", //巡查责任人姓名
        patrolPersDuty: "", //巡查责任人职务
        patrolPersResu: "", //巡查责任人履职情况 0  1  2
        patrolPersTel: "", //巡查责任人电话
        rgstrId: "", //水库督查登记ID
        techPers: "", //技术责任人姓名
        lmSafetyIsCo: "", //技术责任人姓名
        ssafetyIsCo: "", //技术责任人姓名
        restmIsAd: "", //技术责任人姓名

        isThreeOrFour: "", //技术责任人姓名
        sSafetyIsCosslsz: "", //技术责任人姓名
        techPersDuty: "", //技术责任人职务
        techPersResu: "", //技术责任人履职情况
        techPersTel: "", //技术责任人电话
        wiunWaoLegPers: "", //行政责任人姓名
        wiunWaoLegPersDuty: "", //行政责任人职务
        epafcpIsH: "", //行政责任人履职情况
        safeIsH: "", //行政责任人履职情况
        wiunWaoLegPersTel: "", //行政责任人电话
        hasAttendTrain: "", //是否参加过培训
        patrolFundSour: "" //巡查经费来源
      },
      bzkz: [
        { id: "1", pnm: "按规定不需要编制" },
        { id: "2", pnm: "需编制但未编制控制运用计划" },
        { id: "3", pnm: "已编制控制运用计划" }
      ],
      fhya: [
        { id: "1", pnm: "未编制突发事件应急预案和防洪预案" },
        { id: "2", pnm: "已编制突发事件应急预案和防洪预案" },
        { id: "3", pnm: "曾发生安全事故" },
        { id: "4", pnm: "未发生安全事故" }
      ],
      dialogFormVisible: false,
      formLabelWidth: "20vw",
      loading: true,
      operationType1: "",
      formIsShow: true
    };
  },
  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;
    },
    Safety(n,o){
      if(this.Safety == '1'||this.Safety == '2'||this.Safety == '3'){
        this.formObj.lmSafetyIsCo = n;
        this.formObj.ssafetyIsCo = 0;
        this.formObj.sSafetyIsCo = 0;
      }else{
        if(n == '4'){
          this.formObj.lmSafetyIsCo = 0;
          this.formObj.ssafetyIsCo = "1";
        }else if(n == '5'){
          this.formObj.lmSafetyIsCo = 0;
          this.formObj.ssafetyIsCo = "2";
        }else{
          this.formObj.lmSafetyIsCo = 0;
          this.formObj.ssafetyIsCo = "3";
        }
      }

      console.log(this.formObj.lmSafetyIsCo);
      console.log(this.formObj.ssafetyIsCo);
    }
  },
  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;
          if(res.data.ssafetyIsCo == '1'||res.data.lmSafetyIsCo == '1'){
            _self.isThreeOrFour = true;
          }else{
            _self.isThreeOrFour = false;
          }
          if(res.data.isThreeOrFour == '1' && _self.isThreeOrFour == true){
            _self.restmIsAd = true;
          }else{
            _self.restmIsAd = false;
          }
          if((_self.formObj.lmSafetyIsCo == "0"||_self.formObj.lmSafetyIsCo == null) && _self.formObj.ssafetyIsCo !== "0"){
            if(_self.formObj.ssafetyIsCo == '1'){
              _self.Safety= '4';

            }else if(_self.formObj.ssafetyIsCo == '2'){
              _self.Safety= '5';
            }else{
              _self.Safety= '6';
            }
          }else if((_self.formObj.ssafetyIsCo == "0" ||_self.formObj.ssafetyIsCo == null)  && _self.formObj.lmSafetyIsCo !== "0"){
            _self.Safety = _self.formObj.lmSafetyIsCo;
          }else{
            _self.Safety = "";
          }
          _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.ctapInfo
      && _self.formObj.epafcpIsH
      && _self.formObj.safeIsH
      && _self.Safety){
        this.objtbStatu.safeStat = "2"
      }else{
        if(_self.formObj.ctapInfo == undefined  &&
            _self.formObj.epafcpIsH == undefined &&
            _self.formObj.safeIsH == undefined  &&
            _self.Safety == 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("添加成功");
                  request.post("/att/waga/rgstr/update",_self.objtbStatu).then((res)=>{
                    res;
                  })
                  _self.$emit("addShuiKuSuccess");
                }
              });
            } catch(e) {

            }
            // try {
            //   request.post("/bis/waga/safeManage", _self.formObj).then(res => {
            //     if (res.success) {
            //       _self.$message.success("添加成功");
            //       _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) {

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

      // this.$emit("cancelHandler");
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
    addProblem: function(pro) {
      let rules = this.szRuls;
      let rest = rules.filter(e => {
        return e.eName === pro;
      });
      this.problData = rest[0].id;
      //this.problData.attach = rest[0].bisInspItemQuesNumList[0].fileNum;
      //this.problData.sn = rest[0].bisInspItemQuesNumList[0].quesSn;
      this.showAddProblemDialog = true;
    },
    closePlDialog(val) {
      this.showAddProblemDialog = false;
    }
  }
};
</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>