fj-dc-ui/.svn/pristine/33/3352b7a15f0e180e1a73aa55c06795e32cd619fc.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-form-item>
        <el-form-item label="责任人名称">
          <el-input v-model="formObj.wiunWaoLegPers" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="责任人电话" prop="wiunWaoLegPersTel">
          <el-input v-model="formObj.wiunWaoLegPersTel" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="责任人职务">
          <el-input v-model="formObj.wiunWaoLegPersDuty" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="履职情况" :required="this.formObj.hasWiunWaoLegPers === '1' ? true:false">
            <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-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-form-item>
        <el-form-item label="责任人名称">
          <el-input v-model="formObj.techPers" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="责任人电话" prop="techPersTel">
          <el-input v-model="formObj.techPersTel" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="责任人职务">
          <el-input v-model="formObj.techPersDuty" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="履职情况">
            <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-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-form-item>
        <el-form-item label="责任人名称">
          <el-input v-model="formObj.patrolPers" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="责任人电话" prop="patrolPersTel">
          <el-input v-model="formObj.patrolPersTel" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <!-- <el-form-item label="责任人职务">
          <el-input v-model="formObj.patrolPersDuty" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item> -->
        <el-form-item label="责任人身份">
            <el-radio v-model="formObj.patrolPersDuty" label="1">专职</el-radio>
            <el-radio v-model="formObj.patrolPersDuty" label="2">兼职</el-radio>
        </el-form-item>
        <el-form-item label="是否参加过培训">
            <el-radio v-model="formObj.hasAttendTrain" label="1">是</el-radio>
            <el-radio v-model="formObj.hasAttendTrain" label="2">否</el-radio>
        </el-form-item>
        <el-form-item label="履职情况">
            <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-form-item>
        <el-form-item label="经费来源">
          <el-input v-model="formObj.fundSour" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="">
                    <!-- <el-button @click="cancelHandler">取 消</el-button> -->
                    <el-button type="primary" @click="addHandler">保 存</el-button>
                </el-form-item>
      </el-form>
      
      </el-main>
     
    </el-container>
    <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;">
        <el-button @click="cancelHandler">取 消</el-button>
            <el-button type="primary" @click="addHandler">确 定</el-button>
    </span> -->
    <!-- </el-dialog> -->
  </div>
</template>

<script>
import inputWith from "../../widgets/inuptWith.vue"
import request from "../../utils/gw_ajax_request.js"
import {getRgstrid,addBasePres} from "../../api/duChaTianBao.js"
import {formatDateTimeD} from "../../utils/gw_date.js"
  export default {
    components: {
        inputWith: inputWith
    },
    props: ['currentObjectRgstrId'],

    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 {
        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": "",//巡查责任人姓名
          "patrolPersDuty": "",//巡查责任人职务
          "patrolPersResu": "",//巡查责任人履职情况 0  1  2
          "patrolPersTel": "",//巡查责任人电话
          "rgstrId": "",//水库督查登记ID
          "techPers": "",//技术责任人姓名
          "techPersDuty": "",//技术责任人职务
          "techPersResu": "",//技术责任人履职情况
          "techPersTel": "",//技术责任人电话
          "wiunWaoLegPers": "",//行政责任人姓名
          "wiunWaoLegPersDuty": "",//行政责任人职务
          "wiunWaoLegPersResu": "",//行政责任人履职情况
          "wiunWaoLegPersTel": "",//行政责任人电话
          "hasAttendTrain":"",//是否参加过培训
          "patrolFundSour":"",//巡查经费来源
        },
        dialogFormVisible: false,
        formLabelWidth: '160px',
        loading: true,
        operationType1:''
      }
    },
    computed:{
      recPersId(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
      }
    },
    mounted() {
      this.getRgstridObj();
    },
    watch: {
      currentObjectRgstrId(n,o){
        this.getRgstridObj();
      },
    },
    methods: {
      getRgstridObj(){
        var _self = this;
        
          getRgstrid(_self.currentObjectRgstrId).then((res)=>{
            if(res.data){
              _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.rgstrId = _self.currentObjectRgstrId;
        // if(_self.formObj.hasWiunWaoLegPers == '1' && !_self.formObj.wiunWaoLegPersResu || !_self.formObj.hasWiunWaoLegPers){
        //   this.$message.info('请填写行政责任人信息')
        //   return
        // }
        // if(_self.formObj.hasTechPers == '1' && !_self.formObj.techPersResu || !_self.formObj.hasTechPers){
        //   this.$message.info('请填写技术责任人信息')
        //   return
        // }
        // if(!_self.formObj.hasPatrolPers){
        //   this.$message.info('请填写巡查责任人信息')
        //   return
        // }
        // if(_self.formObj.hasPatrolPers == '1'){
        //   if( !_self.formObj.patrolPersDuty || !_self.formObj.hasAttendTrain || !_self.formObj.patrolPersResu){
        //     this.$message.info('请填写巡查责任人信息')
        //     return
        //   }
        // }
      
        

        if(_self.formObj.hasWiunWaoLegPers == '2' && _self.formObj.hasTechPers == '2' && _self.formObj.hasPatrolPers == '2' ){
          this.objtbStatu.presStat = "2"
        }else{
          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.wiunWaoLegPersResu && 
            _self.formObj.hasTechPers == '1' && 
            _self.formObj.techPersResu &&
            _self.formObj.hasPatrolPers == '1'){
            this.objtbStatu.presStat = "2"
          }

          if(_self.formObj.hasWiunWaoLegPers  ||  _self.formObj.hasTechPers || _self.formObj.hasPatrolPers ){
            this.objtbStatu.presStat = "1"
          }
        }

        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(() => {
                
        });
        
        this.$emit('cancelHandler');
      },
      cancelHandler(){
        this.$emit('cancelHandler');
      },
      formatRadio(val){
        if(val == '1'){
          return '是'
        }else if(val == '0'){
          return '否'
        }else{
          return val
        }
      }
    },

  }

</script>

<style>
  #dcdxHeader {
    padding: 15px 20px;
  }
  #dxdcFooter {
    text-align: center;
  }
  #dxdcAside {
    border:1px solid #d5d5ff;
  }
  .el-dialog__wrapper .el-treeWhite{
    /* max-height: 260px !important; */
  }
</style>