fj-dc-ui/.svn/pristine/e9/e9bd36b48b10343942f2b7baf85e9385404749ae.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">
          <el-form-item v-if="pType==56" label="县级党委政府或者县级水利、住建、工信、住建、农业农村等任一部门是否将用水强度控制纳入2020年度工作任务" :required="true">
            <el-radio v-model="formObj.isWtuIn" label="1">是</el-radio>
            <el-radio v-model="formObj.isWtuIn" label="2">否</el-radio>
            <el-radio v-model="formObj.isWtuIn" label="3">部分</el-radio>
            <el-button
              @click="addProblem('isWtuIn',formObj.isWtuIn)"
              type="text"
              v-if="formObj.isWtuIn =='2' || formObj.isWtuIn =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isWtuIn')" class="el-icon-camera-solid" v-if="formObj.isWtuIn =='1'"></i>
          </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="2019年和2020年是否按时下达计划用水" :required="true">
            <el-radio v-model="formObj.isPlanWt" label="1">是</el-radio>
            <el-radio v-model="formObj.isPlanWt" label="2">否</el-radio>
            <el-radio v-model="formObj.isPlanWt" label="3">部分</el-radio>
            <el-button
              @click="addProblem('isPlanWt',formObj.isPlanWt)"
              type="text"
              v-if="formObj.isPlanWt =='2' || formObj.isPlanWt =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isPlanWt')" class="el-icon-camera-solid" v-if="formObj.isPlanWt =='1'"></i>
          </el-form-item>

          <el-form-item label="2019年和2020年计划用水下达是否规范" :required="true">
            <el-radio v-model="formObj.isNorm" label="1">是</el-radio>
            <el-radio v-model="formObj.isNorm" label="2">否</el-radio>
            <el-radio v-model="formObj.isNorm" label="3">部分</el-radio>
            <el-button
              @click="addProblem('isNorm',formObj.isNorm)"
              type="text"
              v-if="formObj.isNorm =='2' || formObj.isNorm =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isNorm')" class="el-icon-camera-solid" v-if="formObj.isNorm =='1'"></i>
          </el-form-item>

          <el-form-item label="2019年超计划用水是否累进征收水资源费" :required="true">
            <el-radio v-model="formObj.isOplanPay" label="1">是</el-radio>
            <el-radio v-model="formObj.isOplanPay" label="2">否</el-radio>
            <el-radio v-model="formObj.isOplanPay" label="3">部分</el-radio>
            <el-radio v-model="formObj.isOplanPay" label="4">无超计划</el-radio>
            <el-button
              @click="addProblem('isOplanPay',formObj.isOplanPay)"
              type="text"
              v-if="formObj.isOplanPay =='2' || formObj.isOplanPay =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isOplanPay')" class="el-icon-camera-solid" v-if="formObj.isOplanPay =='1' || formObj.isOplanPay =='4'"></i>
          </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.isBuldPwt" label="1">是</el-radio>
            <el-radio v-model="formObj.isBuldPwt" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBuldPwt',formObj.isBuldPwt)"
              type="text"
              v-if="formObj.isBuldPwt =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isBuldPwt')" class="el-icon-camera-solid" v-if="formObj.isBuldPwt =='1'"></i>
          </el-form-item>

          <el-form-item label="是否出台非居民用水计划用水管理办法" :required="true">
            <el-radio v-model="formObj.isPubWtpl" label="1">是</el-radio>
            <el-radio v-model="formObj.isPubWtpl" label="2">否</el-radio>
            <el-button
              @click="addProblem('isPubWtpl',formObj.isPubWtpl)"
              type="text"
              v-if="formObj.isPubWtpl =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isPubWtpl')" class="el-icon-camera-solid" v-if="formObj.isPubWtpl =='1'"></i>
          </el-form-item>

          <el-form-item label="2019年和2020年是否按时下达计划用水" :required="true">
            <el-radio v-model="formObj.isPubPlan" label="1">是</el-radio>
            <el-radio v-model="formObj.isPubPlan" label="2">否</el-radio>
            <el-radio v-model="formObj.isPubPlan" label="3">部分</el-radio>
            <el-button
              @click="addProblem('isPubPlan',formObj.isPubPlan)"
              type="text"
              v-if="formObj.isPubPlan =='2' || formObj.isPubPlan =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isPubPlan')" class="el-icon-camera-solid" v-if="formObj.isPubPlan =='1'"></i>
          </el-form-item>

          <el-form-item label="2019年和2020年超计划用水是否累进征收水费" :required="true">
            <el-radio v-model="formObj.isOplanApay" label="1">是</el-radio>
            <el-radio v-model="formObj.isOplanApay" label="2">否</el-radio>
            <el-radio v-model="formObj.isOplanApay" label="3">部分</el-radio>
            <el-radio v-model="formObj.isOplanApay" label="4">无超计划</el-radio>
            <el-button
              @click="addProblem('isOplanApay',formObj.isOplanApay)"
              type="text"
              v-if="formObj.isOplanApay =='2' || formObj.isOplanApay =='3'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isOplanApay')" class="el-icon-camera-solid" v-if="formObj.isOplanApay =='1' || formObj.isOplanApay =='4'"></i>
          </el-form-item>

          <el-form-item label="2019年城市公共供水管网漏损率是否低于上级下达的控制目标" :required="true">
            <el-radio v-model="formObj.isPipeLowc" label="1">是</el-radio>
            <el-radio v-model="formObj.isPipeLowc" label="2">否</el-radio>
            <el-button
              @click="addProblem('isPipeLowc',formObj.isPipeLowc)"
              type="text"
              v-if="formObj.isPipeLowc =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isPipeLowc')" class="el-icon-camera-solid" v-if="formObj.isPipeLowc =='1'"></i>
          </el-form-item>

          <el-form-item v-if="pType==53" label="非常规水源是否纳入水资源统一配置。（仅检查福州、厦门、莆田、泉州、漳州市）" :required="true">
            <el-radio v-model="formObj.isNwtInc" label="1">是</el-radio>
            <el-radio v-model="formObj.isNwtInc" label="2">否</el-radio>
            <el-button
              @click="addProblem('isNwtInc',formObj.isNwtInc)"
              type="text"
              v-if="formObj.isNwtInc =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isNwtInc')" class="el-icon-camera-solid" v-if="formObj.isNwtInc =='1'"></i>
          </el-form-item>

          <el-form-item v-if="pType==53" label="再生水使用量2019年是否比2018年增加" :required="true">
            <el-radio v-model="formObj.isAddWt" label="1">是</el-radio>
            <el-radio v-model="formObj.isAddWt" label="2">否</el-radio>
            <el-button
              @click="addProblem('isAddWt',formObj.isAddWt)"
              type="text"
              v-if="formObj.isAddWt =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
            <i @click="showPic('isAddWt')" class="el-icon-camera-solid" v-if="formObj.isAddWt =='1'"></i>
          </el-form-item>

          <el-form-item label="">
            <el-button type="primary" @click="addHandler" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog
        v-if="showAddProblemDialog && openType"
        :objType="pType"
        :villType="pType"
        :objId="currentObjectId"
        :objName="currentObjectName"
        :problemMiddleType="'取水许可管理复核'"
        :problData="probId"
        @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"
      ></problem-dialog>
      <add-pic-com v-if="jqmmDialogShow" :dialogTitle="'相关材料'" :jqmmEngId="id" :type="type" :openType="openType"  @jqmmDialogClose="jqmmDialogClose"></add-pic-com>
    </el-container>
  </div>
</template>

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

        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 {
                id:"",
                objtbStatu:{
                    wtupState:"",
                    rgstrId:"",
                    id:"",
                    state:""
                },
                rules:{
                    wiunWaoLegPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                    techPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                    patrolPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                },
                jqmmDialogShow: false,
                type: '',
                formObj: {
                    isWtuIn:"",
                    isPlanWt:"",
                    planWtNum:"",
                    planWtNote:"",
                    isNorm:"",
                    noNormNum:"",
                    noNormNote:"",
                    isOplanPay:"",
                    oplanNum:"",
                    oplanNote:"",
                    isBuldPwt:"",
                    isPubWtpl:"",
                    isPubPlan:"",
                    noPubNum:"",
                    noPubNote:"",
                    isOplanApay:"",
                    noOplanNum:"",
                    noOplanNote:"",
                    isPipeLowc:"",
                    isNwtInc:"",
                    isAddWt:""
                },
                dialogFormVisible: false,
                formLabelWidth: '180px',
                loading: true,
                operationType1:'',
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false
            }
        },
        computed:{
            recPersId(){
                return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
            }
        },
        created(){
            this.findItemByType()
        },
        mounted() {
            this.getRgstridObj();
        },
        watch: {
            currentObjectRgstrId(n,o){
                this.getRgstridObj();
            },
        },
        methods: {
            jqmmDialogClose() {
                this.jqmmDialogShow = false;
            },
            showPic(type){
                this.type = type
                this.jqmmDialogShow = true
            },
            getRgstridObj(){
                var _self = this;
                getRgstridWrwsWtup(_self.currentObjectRgstrId,_self.pType).then((res)=>{

                    _self.formObj = res.data;
                    _self.id = res.data.id;
                });
            },
            addHandler(){
                var _self = this;

                _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
                _self.formObj['recPersId'] = _self.recPersId;
                _self.objtbStatu.rgstrId = _self.currentObjectRgstrId;
                _self.objtbStatu.id = _self.currentObjectRgstrId;
                if(_self.pType==53){
                    if(this.formObj.isPlanWt!=null &&
                        this.formObj.isNorm!=null &&
                        this.formObj.isOplanPay!=null &&
                        this.formObj.isBuldPwt!=null &&
                        this.formObj.isPubWtpl!=null &&
                        this.formObj.isPubPlan!=null &&
                        this.formObj.isOplanApay!=null &&
                        this.formObj.isPipeLowc!=null &&
                        this.formObj.isNwtInc!=null &&
                        this.formObj.isAddWt!=null){
                        this.objtbStatu.wtupState = "2"
                        this.objtbStatu.state = "1"
                    }else if(this.formObj.isPlanWt==null &&
                        this.formObj.isNorm==null &&
                        this.formObj.isOplanPay==null &&
                        this.formObj.isBuldPwt==null &&
                        this.formObj.isPubWtpl==null &&
                        this.formObj.isPubPlan==null &&
                        this.formObj.isOplanApay==null &&
                        this.formObj.isPipeLowc==null &&
                        this.formObj.isNwtInc==null &&
                        this.formObj.isAddWt==null
                    ){
                        this.objtbStatu.wtupState = "0"
                        this.objtbStatu.state = "0"
                    }else{
                        this.objtbStatu.wtupState = "1"
                        this.objtbStatu.state = "1"
                    }
                }
                if(_self.pType==56){
                    if(this.formObj.isWtuIn!=null &&
                        this.formObj.isPlanWt!=null &&
                        this.formObj.isNorm!=null &&
                        this.formObj.isOplanPay!=null &&
                        this.formObj.isBuldPwt!=null &&
                        this.formObj.isPubWtpl!=null &&
                        this.formObj.isPubPlan!=null &&
                        this.formObj.isOplanApay!=null &&
                        this.formObj.isPipeLowc!=null){
                        this.objtbStatu.wtupState = "2"
                        this.objtbStatu.state = "1"
                    }else if(this.formObj.isWtuIn==null &&
                        this.formObj.isPlanWt==null &&
                        this.formObj.isNorm==null &&
                        this.formObj.isOplanPay==null &&
                        this.formObj.isBuldPwt==null &&
                        this.formObj.isPubWtpl==null &&
                        this.formObj.isPubPlan==null &&
                        this.formObj.isOplanApay==null &&
                        this.formObj.isPipeLowc==null){
                        this.objtbStatu.wtupState = "0"
                        this.objtbStatu.state = "0"
                    }else{
                        this.objtbStatu.wtupState = "1"
                        this.objtbStatu.state = "1"
                    }
                }
                var url = "";
                var urls = "";
                url = (_self.pType==53?"/bis/insp/wrws/wtup":"/bis/insp/wrwx/wtup");
                urls = (_self.pType==53?"/bis/insp/wrws":"/bis/insp/wrwx");
                this.$confirm('确认保存现场督查情况信息？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                    .then(() => {
                        try{
                            request.post(url,_self.formObj).then((res)=>{
                                if (res.success) {
                                    _self.$message.success("修改成功");
                                    request.post(urls,_self.objtbStatu).then((res)=>{
                                        res;
                                    })
                                    _self.$emit("addShuiKuSuccess");
                                }
                            });
                        } catch(e) {

                        }
                    })
                    .catch(() => {

                    });
            },
            cancelHandler(){
                this.$emit('cancelHandler');
            },
            findItemByType(){
                const obj ={
                    tname: "BIS_INSP_WRWS_RGSTR_WTUP",
                    type:this.pType
                }
                request.post("/bis/insp/item/ques/info/findItemByType",obj).then(res =>{
                    this.rsvrRules = res.data;
                })
            },
            addProblem(item,iValue){
                let rest = this.rsvrRules.filter(e => {
                    return e.iValue === iValue && e.eName === item;
                });
                if (rest[0]){
                    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;
            }
        },

    }

</script>

<style scoped>
  #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;
  }
  .el-icon-camera-solid,.el-icon-circle-plus{
    margin-left: 20px;
    color: #00bbff;
    font-size: 18px;
    line-height: 12px;
    vertical-align: middle;
    cursor: pointer;
  }
  .el-icon-circle-plus{
    vertical-align: top;
  }
</style>