fj-dc-ui/.svn/pristine/55/55512d7c9ce7e8e36f785ec5f0c0fcecf28b4758.svn-base

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <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="formObj" :label-width="formLabelWidth" :rules="rules">
          <p style="margin-top:10px;margin-bottom: 10px;color:red"><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="true">
            <el-radio v-model="formObj.isGovPers" label="1">是</el-radio>
            <el-radio v-model="formObj.isGovPers" label="2">否</el-radio>
            <el-button @click="addProblem('isGovPers')" type="text" v-if="formObj.isGovPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="政府责任人姓名" v-if="formObj.isGovPers == '1'">
            <el-input v-model="formObj.govPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="政府责任人电话" prop="govPersTel" v-if="formObj.isGovPers == '1'">
            <el-input v-model="formObj.govPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="政府责任人职务" v-if="formObj.isGovPers == '1'">
            <el-input v-model="formObj.govPersDuty" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="政府责任人是否接受岗位培训" :required="true" v-if="formObj.isGovPers == '1'">
            <el-radio v-model="formObj.govPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.govPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('govPersTrain')" type="text" v-if="formObj.govPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="政府责任人履职情况" v-if="formObj.isGovPers == '1'">
            <el-radio v-model="formObj.govPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.govPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.govPersResu" label="3">差</el-radio>
            <el-button @click="addProblem('govPersResu')" type="text" v-if="formObj.govPersResu =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <p style="margin-top:10px;margin-bottom: 10px;color:red"><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="true">
            <el-radio v-model="formObj.isDutyPers" label="1">是</el-radio>
            <el-radio v-model="formObj.isDutyPers" label="2">否</el-radio>
            <el-button @click="addProblem('isDutyPers')" type="text" v-if="formObj.isDutyPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="主管部门责任人姓名" v-if="formObj.isDutyPers == '1'">
            <el-input v-model="formObj.dutyPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="主管部门责任人电话" prop="techPersTel" v-if="formObj.isDutyPers == '1'">
            <el-input v-model="formObj.dutyPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="主管部门责任人职务" v-if="formObj.isDutyPers == '1'">
            <el-input v-model="formObj.dutyPersDuty" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="主管部门责任人是否接受岗位培训" :required="true" v-if="formObj.isDutyPers == '1'">
            <el-radio v-model="formObj.dutyPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.dutyPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('dutyPersTrain')" type="text" v-if="formObj.dutyPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="主管部门责任人履职情况" v-if="formObj.isDutyPers == '1'">
            <el-radio v-model="formObj.dutyPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.dutyPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.dutyPersResu" label="3">差</el-radio>
            <el-button @click="addProblem('dutyPersResu')" type="text" v-if="formObj.dutyPersResu =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <p style="margin-top:10px;margin-bottom: 10px;color:red"><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="true">
            <el-radio v-model="formObj.isMngPers" label="1">是</el-radio>
            <el-radio v-model="formObj.isMngPers" label="2">否</el-radio>
            <el-button @click="addProblem('isMngPers')" type="text" v-if="formObj.isMngPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="管理单位责任人姓名" v-if="formObj.isMngPers == '1'">
            <el-input v-model="formObj.mngPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位责任人电话" prop="patrolPersTel" v-if="formObj.isMngPers == '1'">
            <el-input v-model="formObj.mngPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位责任人职务" v-if="formObj.isMngPers == '1'">
            <el-input v-model="formObj.mngPersDuty" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位责任人是否接受岗位培训" :required="true" v-if="formObj.isMngPers == '1'">
            <el-radio v-model="formObj.mngPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.mngPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('mngPersTrain')" type="text" v-if="formObj.mngPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="管理单位责任人履职情况" v-if="formObj.isMngPers == '1'">
            <el-radio v-model="formObj.mngPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.mngPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.mngPersResu" label="3">较差</el-radio>
            <el-button @click="addProblem('mngPersResu')" type="text" v-if="formObj.mngPersResu =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary" @click="addHandler">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog v-if="showAddProblemDialog" :objType="22" :villType="0" :objId="currentObjectId"
        :objName="currentObjectName" :problemMiddleType="'小水库'" :problData="probId" @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"></problem-dialog>
    </el-container>
  </div>
</template>

<script>
  import inputWith from "@widget/inuptWith.vue"
  import problemDialog from "../../duChaWenTi/problemDialog.vue";
  import request from "@util/gw_ajax_request.js"
  import { getAqglZrrDskRgstrId, addBasePres } from "@api/duChaTianBao.js"
  import { formatDateTimeD } from "@util/gw_date.js"
  export default {
    components: {
      inputWith: inputWith,
      problemDialog
    },
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId'],

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

        // }, 1000);
      };
      return {
        objtbStatu: {
          safeStat: "",
          rgstrId: "",
        },
        rules: {
          wiunWaoLegPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
          techPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
          patrolPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
        },
        formObj: {
          id: "",
          isGovPers: "",
          govPers: "",
          govPersTel: "",
          govPersDuty: "",
          govPersTrain: "",
          govPersResu: "",
          isDutyPers: "",
          dutyPers: "",
          dutyPersTel: "",
          dutyPersDuty: "",
          dutyPersTrain: "",
          dutyPersResu: "",
          isMngPers: "",
          mngPers: "",
          mngPersTel: "",
          mngPersDuty: "",
          mngPersTrain: "",
          mngPersResu: ""
        },
        dialogFormVisible: false,
        formLabelWidth: '180px',
        loading: true,
        operationType1: '',
        rsvrRules: null,
        probId: '',
        showAddProblemDialog: false
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      },
      currentRlcode() {
        return localStorage.getItem('currentRlcode') || ''
      }
    },
    created() {
      this.findItemByType()
    },
    mounted() {
      this.getRgstridObj();
    },
    watch: {
      currentObjectRgstrId(n, o) {
        this.getRgstridObj();
      },
    },
    methods: {
      getRgstridObj() {
        var _self = this;
        getAqglZrrDskRgstrId(_self.currentObjectRgstrId).then((res) => {

          if (res.data && Object.keys(res.data).length) {
            _self.formObj = res.data;
            if (res.data.id != null) {
              _self.operationType1 = 'update';
            } else {
              _self.operationType1 = 'add';
            }
          } else {
            // 如果信息未填报，则赋默认值
            _self.setInitValue()
            _self.operationType1 = 'add';
          }
        });
      },
      addHandler() {
        var _self = this;
        _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
        _self.formObj['recPersId'] = _self.recPersId;
        console.log(_self.formObj);
        _self.objtbStatu.rgstrId = _self.currentObjectRgstrId;
        if (_self.formObj.isGovPers != "" && _self.formObj.isDutyPers != "" && _self.formObj.isMngPers != "") {
          this.objtbStatu.safeStat = "2"
        } else if (_self.formObj.isGovPers == "" && _self.formObj.isDutyPers == "" && _self.formObj.isMngPers == "") {
          this.objtbStatu.safeStat = "0"
        } else {
          this.objtbStatu.safeStat = "1"
        }
        this.$confirm('确认保存安全管理三级责任人信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
            if (_self.operationType1 == 'add') {
              try {
                request.post('/bis/insp/rsml/rgstr/safe', _self.formObj).then((res) => {
                  if (res.success) {
                    _self.$message.success("添加成功");
                    request.post("/dc/insp/rsvrRgstr/update", _self.objtbStatu).then((res) => {
                      res;
                    })
                    _self.$emit("addShuiKuSuccess");
                  }
                });
              } catch (e) {

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

              }
            }
          })
          .catch(() => {

          });
      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_RSML_RGSTR_SAFE",
          type: 22
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      },
      addProblem(item) {
        let rest = this.rsvrRules.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showAddProblemDialog = true
      },
      formatRadio(val) {
        if (val == '1') {
          return '是'
        } else if (val == '2') {
          return '否'
        } else {
          return val
        }
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
      },
      // 初始化赋值
      setInitValue() {
        if (this.currentRlcode.indexOf('63') == '0') {  //青海省小水库
          this.formObj['isGovPers'] = '1'
          this.formObj['govPersTrain'] = '1'
          this.formObj['govPersResu'] = '1'
          this.formObj['isDutyPers'] = '1'
          this.formObj['dutyPersTrain'] = '1'
          this.formObj['dutyPersResu'] = '1'
          this.formObj['isMngPers'] = '1'
          this.formObj['mngPersTrain'] = '1'
          this.formObj['mngPersResu'] = '1'
        } else {
          this.formObj = {};
        }
      }
    },

  }

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