fj-dc-ui/.svn/pristine/ce/cee07c7dfe655ea9270b4677512cc299a3ab772c.svn-base

<template>
    <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 ref="form" :model="form" label-width="340px" style="padding: 10px;">
                <el-form-item label="获得节水型单位的时间">
                    <el-date-picker
                        v-model="form.gtWsuDt"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期">
                    </el-date-picker>
                    <i @click="showPic('isHvwdp')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="节水型单位的审批部门">
                    <el-input placeholder="请输入内容" v-model="form.wsuRa" style="width: 200px"></el-input>
                    <i @click="showPic('isHvwdp')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="是否开展节水型单位复核评价">
                    <el-radio-group v-model="form.isWsuDtRev">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isWsuDtRev == '2'" @click="addProblem('isWsuDtRev')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="最近一次节水型单位复核的时间" v-if="form.isWsuDtRev == '1'">
                    <el-date-picker
                        v-model="form.wsuDtRevDt"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期">
                    </el-date-picker>
                    <i @click="showPic('wsuDtRevDt')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="是否建立节约用水管理制度">
                    <el-radio-group v-model="form.isBuldWcms">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isBuldWcms == '2'" @click="addProblem('isBuldWcms')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否明确用水管理人员">
                    <el-radio-group v-model="form.isExpWmp">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isExpWmp == '2'" @click="addProblem('isExpWmp')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否在主要用水部位和人流密集场所张贴节水海报或悬挂节水标识标语">
                    <el-radio-group v-model="form.isPutWsphwsss">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isPutWsphwsss == '2'" @click="addProblem('isPutWsphwsss')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否组织开展节水宣传和教育活动">
                    <el-radio-group v-model="form.isOalWcpea">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isOalWcpea == '2'" @click="addProblem('isOalWcpea')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否按规定开展水平衡测试">
                    <el-radio-group v-model="form.isWbt">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isWbt == '2'" @click="addProblem('isWbt')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否使用国家明令淘汰的用水设备和器具">
                    <el-radio-group v-model="form.isHasSdeWea">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isHasSdeWea == '1'" @click="addProblem('isHasSdeWea')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否存在跑冒滴漏现象">
                    <el-radio-group v-model="form.isHasRad">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isHasRad == '1'" @click="addProblem('isHasRad')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否有雨水集蓄利用、水循环或回收利用设施">
                    <el-radio-group v-model="form.isHasRcauWrorf">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isHasRcauWrorf == '2'" @click="addProblem('isHasRcauWrorf')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="上年度非常规水源利用量">
                    <el-input placeholder="请输入内容" v-model="form.oth" style="width: 200px">
                        <template slot="append">万m³</template>
                    </el-input>
                    <i @click="showPic('oth')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">保 存</el-button>
                </el-form-item>
            </el-form>
        </el-main>
        <problem-dialog
            v-if="showAddProblemDialog"
            :objId="currentObjectId"
            :objName="currentObjectName"
            @closeDialog="closePlDialog"
            fenlei="yongshuidanwei"
            :problData="problData"
            :currentObjectRgstrId="currentObjectRgstrId">
        </problem-dialog>
        <add-pic-com v-if="jqmmDialogShow" :dialogTitle="'佐证材料'" :jqmmEngId="currentObjectRgstrId" :type="type" @jqmmDialogClose="jqmmDialogClose"></add-pic-com>
    </el-container>
</template>
<script>
import problemDialog from "./addProblemDialog.vue";
import addPicCom from "./addPic.vue"
import request from "@util/gw_ajax_request.js"
export default {
    props: ['currentObjectId','currentObjectName','currentObjectRgstrId','szRuls'],
    data(){
        return{
            form:{
                gtWsuDt: '',
                wsuRa: '',
                isBuldWcms: '',
                isExpWmp: '',
                isHasRad: '',
                isHasRcauWrorf: '',
                isHasSdeWea: '',
                isOalWcpea: '',
                isPutWsphwsss: '',
                isWbt: '',
                isWsuDtRev: '',
                oth: '',
                wsuDtRevDt: '',
                dataStat: '0',   //数据状态
                rgstrId: '',
                persId: ''
            },
            showAddProblemDialog: false,
            problData: '',
            jqmmDialogShow: false,
            type: ''
        }
    },
    components:{
        problemDialog,
        addPicCom
    },
    computed:{
        persId(){
            return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            request.get(`/bis/insp/svwt/wunt/rgstr/wsusw/getBy/${this.currentObjectRgstrId}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.form = res.data
                }else{
                    this.$message.error(res.message)
                }
            })
        },
        onSubmit(){
            this.form.rgstrId = this.currentObjectRgstrId
            this.form.persId = this.persId
            let num = 0
            //通过填报信息判断数据填报状态
            if(!this.form.gtWsuDt && !this.form.wsuRa && !this.form.isBuldWcms &&
            !this.form.isExpWmp && !this.form.isHasRad && !this.form.isHasRcauWrorf
            && !this.form.isHasSdeWea && !this.form.isOalWcpea && !this.form.isPutWsphwsss
            && !this.form.isWbt && !this.form.isWsuDtRev && !this.form.oth && !this.form.wsuDtRevDt){
                this.form.dataStat = '0'
            }else if(this.form.gtWsuDt && this.form.wsuRa && this.form.isBuldWcms &&
            this.form.isExpWmp && this.form.isHasRad && this.form.isHasRcauWrorf
            && this.form.isHasSdeWea && this.form.isOalWcpea && this.form.isPutWsphwsss
            && this.form.isWbt && this.form.isWsuDtRev && this.form.oth){
                this.form.dataStat = '2'
            }else{
                this.form.dataStat = '1'
            }

            request.post(`/bis/insp/svwt/wunt/rgstr/wsusw`,this.form).then(res=>{
                if(res.success){
                    this.$message.success('保存成功');
                    this.form["id"] = res.data.id;
                }else{
                    this.$message.error(res.message)
                }
            })
        },
        addProblem(name){
            let rules = this.szRuls;
            let rest = rules.filter(e => {
                return e.eName === name;
            });
            this.problData = rest[0].id;
            this.showAddProblemDialog = true;
        },
        closePlDialog(val) {
            this.showAddProblemDialog = false;
        },
        showPic(type){
            this.type = type
            this.jqmmDialogShow = true
        },
        jqmmDialogClose() {
            this.jqmmDialogShow = false;
        },
    },
    watch:{
        'form.oth':{
            deep: true,
            handler(val){
                if(val == 0){
                    this.form.oth = '0'
                }
            }
        }
    }
}
</script>

<style scoped>
    .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>