fj-dc-ui/.svn/pristine/a2/a252eab62ddde7bc557720dc335bfdfd085fdffe.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"><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.hasWiunWaoLegPers" label="1">是</el-radio>
            <el-radio v-model="formObj.hasWiunWaoLegPers" label="2">否</el-radio>
            <el-button @click="addProblem('hasWiunWaoLegPers')" type="text" v-if="formObj.hasWiunWaoLegPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="责任人姓名" v-if="formObj.hasWiunWaoLegPers == '1'">
            <el-input v-model="formObj.wiunWaoLegPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人电话" prop="wiunWaoLegPersTel" v-if="formObj.hasWiunWaoLegPers == '1'">
            <el-input v-model="formObj.wiunWaoLegPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人职务" v-if="formObj.hasWiunWaoLegPers == '1'">
            <el-input v-model="formObj.wiunWaoLegPersDuty" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="是否接受过岗位培训" :required="true" v-if="formObj.hasWiunWaoLegPers == '1'">
            <el-radio v-model="formObj.wiunWaoLegPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.wiunWaoLegPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('wiunWaoLegPersTrain')" type="text" v-if="formObj.wiunWaoLegPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="履职情况" :required="this.formObj.hasWiunWaoLegPers === '1' ? true:false"
            v-if="formObj.hasWiunWaoLegPers == '1'">
            <el-radio v-model="formObj.wiunWaoLegPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.wiunWaoLegPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.wiunWaoLegPersResu" label="3">差</el-radio>
            <el-button @click="addProblem('wiunWaoLegPersResu')" type="text" v-if="formObj.wiunWaoLegPersResu =='3'">
              <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="true">
            <el-radio v-model="formObj.hasTechPers" label="1">是</el-radio>
            <el-radio v-model="formObj.hasTechPers" label="2">否</el-radio>
            <el-button @click="addProblem('hasTechPers')" type="text" v-if="formObj.hasTechPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="责任人姓名" v-if="formObj.hasTechPers == '1'">
            <el-input v-model="formObj.techPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人电话" prop="techPersTel" v-if="formObj.hasTechPers == '1'">
            <el-input v-model="formObj.techPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人职务" v-if="formObj.hasTechPers == '1'">
            <el-input v-model="formObj.techPersDuty" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="是否接受过岗位培训" :required="true" v-if="formObj.hasTechPers == '1'">
            <el-radio v-model="formObj.techPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.techPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('techPersTrain')" type="text" v-if="formObj.techPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="履职情况" v-if="formObj.hasTechPers == '1'">
            <el-radio v-model="formObj.techPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.techPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.techPersResu" label="3">差</el-radio>
            <el-button @click="addProblem('techPersResu')" type="text" v-if="formObj.techPersResu =='3'">
              <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="true">
            <el-radio v-model="formObj.hasPatrolPers" label="1">是</el-radio>
            <el-radio v-model="formObj.hasPatrolPers" label="2">否</el-radio>
            <el-button @click="addProblem('hasPatrolPers')" type="text" v-if="formObj.hasPatrolPers =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="责任人姓名" v-if="formObj.hasPatrolPers == '1'">
            <el-input v-model="formObj.patrolPers" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人电话" prop="patrolPersTel" v-if="formObj.hasPatrolPers == '1'">
            <el-input v-model="formObj.patrolPersTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="是否接受过岗位培训" :required="true" v-if="formObj.hasPatrolPers == '1'">
            <el-radio v-model="formObj.patrolPersTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.patrolPersTrain" label="2">否</el-radio>
            <el-button @click="addProblem('patrolPersTrain')" type="text" v-if="formObj.patrolPersTrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="履职情况" v-if="formObj.hasPatrolPers == '1'">
            <el-radio v-model="formObj.patrolPersResu" label="1">好</el-radio>
            <el-radio v-model="formObj.patrolPersResu" label="2">基本到位</el-radio>
            <el-radio v-model="formObj.patrolPersResu" label="3">较差</el-radio>
            <el-button @click="addProblem('patrolPersResu')" type="text" v-if="formObj.patrolPersResu =='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="1" :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 { getRgstrid, 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: {
          presStat: "",
          rgstrId: "",
        },
        rules: {
          wiunWaoLegPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
          techPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
          patrolPersTel: [
            { validator: checkTel, trigger: 'blur' }
          ],
        },
        formObj: {
          "dutyId": '',
          "hasPatrolPers": "",//是否有巡查责任人
          "hasTechPers": "",//是否有技术责任人
          "hasWiunWaoLegPers": "",//是否有行政责任人
          "patrolPers": "",//巡查责任人姓名
          "patrolPersTrain": "",//巡查责任人是否接受岗位培训
          // "patrolPersCnps": "",//巡查责任人规范性履职标准
          "patrolPersResu": "",//巡查责任人履职情况 0  1  2
          "patrolPersTel": "",//巡查责任人电话
          "rgstrId": "",//水库督查登记ID
          "techPers": "",//技术责任人姓名
          "techPersDuty": "",//技术责任人职务
          "techPersResu": "",//技术责任人履职情况
          "techPersTel": "",//技术责任人电话
          "techPersTrain": "",//技术责任人是否接受岗位培训
          // "techPersCnps": "",//技术责任人规范性履职标准
          "wiunWaoLegPers": "",//行政责任人姓名
          "wiunWaoLegPersDuty": "",//行政责任人职务
          "wiunWaoLegPersResu": "",//行政责任人履职情况
          "wiunWaoLegPersTel": "",//行政责任人电话
          "wiunWaoLegPersTrain": "",//行政责任人是否接受岗位培训
          // "wiunWaoLegPersCnps": "",//行政责任人规范性履职标准
        },
        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;
        getRgstrid(_self.currentObjectRgstrId).then((res) => {
          //  res.data.dutyId去掉dutyId解决dutyId为空时不显示三个责任人
          if (res.data && Object.keys(res.data).length) {
            _self.formObj = res.data;
            if (res.data.dutyId != 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.hasWiunWaoLegPers == '2' && _self.formObj.hasTechPers == '2' && _self.formObj.hasPatrolPers == '2') {
          this.objtbStatu.presStat = "2"
        } else {
          if (_self.formObj.hasWiunWaoLegPers || _self.formObj.hasTechPers || _self.formObj.hasPatrolPers) {
            this.objtbStatu.presStat = "1"
          }
          if (_self.formObj.hasWiunWaoLegPers == undefined &&
            _self.formObj.wiunWaoLegPersResu == undefined &&
            _self.formObj.hasTechPers == undefined &&
            _self.formObj.techPersResu == undefined &&
            _self.formObj.hasPatrolPers == undefined) {
            this.objtbStatu.presStat = "0"
          }
          if (_self.formObj.hasWiunWaoLegPers == '1' && _self.formObj.hasTechPers == '2' && _self.formObj.hasPatrolPers == '2') {
            if (_self.formObj.wiunWaoLegPersTrain && _self.formObj.wiunWaoLegPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '2' && _self.formObj.hasTechPers == '1' && _self.formObj.hasPatrolPers == '2') {
            if (_self.formObj.techPersTrain && _self.formObj.techPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '2' && _self.formObj.hasTechPers == '2' && _self.formObj.hasPatrolPers == '1') {
            if (_self.formObj.patrolPersTrain && _self.formObj.patrolPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '2' && _self.formObj.hasTechPers == '1' && _self.formObj.hasPatrolPers == '1') {
            if (_self.formObj.techPersTrain && _self.formObj.techPersResu && _self.formObj.patrolPersTrain && _self.formObj.patrolPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '1' && _self.formObj.hasTechPers == '1' && _self.formObj.hasPatrolPers == '1') {
            if (_self.formObj.techPersTrain && _self.formObj.techPersResu && _self.formObj.wiunWaoLegPersTrain && _self.formObj.wiunWaoLegPersResu && _self.formObj.patrolPersTrain && _self.formObj.patrolPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '1' && _self.formObj.hasTechPers == '2' && _self.formObj.hasPatrolPers == '1') {
            if (_self.formObj.wiunWaoLegPersTrain && _self.formObj.wiunWaoLegPersResu && _self.formObj.patrolPersTrain && _self.formObj.patrolPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }
          if (_self.formObj.hasWiunWaoLegPers == '1' && _self.formObj.hasTechPers == '1' && _self.formObj.hasPatrolPers == '2') {
            if (_self.formObj.wiunWaoLegPersTrain && _self.formObj.wiunWaoLegPersResu && _self.formObj.techPersTrain && _self.formObj.techPersResu) {
              this.objtbStatu.presStat = "2"
            }
          }

        }

        this.$confirm('确认保存责任人落实情况信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
            if (_self.operationType1 == 'add') {
              try {
                request.post('/dc/insp/basePres', _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('/dc/insp/basePres/update', _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_BASE_PRES_EXT"
        }
        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['hasWiunWaoLegPers'] = '1'
          this.formObj['wiunWaoLegPersTrain'] = '1'
          this.formObj['wiunWaoLegPersResu'] = '1'
          this.formObj['hasPatrolPers'] = '1'
          this.formObj['patrolPersTrain'] = '1'
          this.formObj['patrolPersResu'] = '1'
          this.formObj['hasTechPers'] = '1'
          this.formObj['techPersResu'] = '1'
          this.formObj['techPersTrain'] = '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>