fj-dc-ui/.svn/pristine/3e/3e19e9ac34a662bb258be0f0fdf88ff7921477ff.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="300px" style="padding: 10px;">
                <el-form-item label="上年度的实际用水总量">
                    <el-input placeholder="请输入内容" v-model="form.relUseWw" style="width: 200px">
                        <template slot="append">万m³</template>
                    </el-input>
                    <i @click="showPic('relUseWw')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="上年度主要产品（或服务对象）产量（或数量）">
                    <el-input placeholder="请输入内容" v-model="form.mainPrdNum" class="input-with-select" style="width: 210px">
                        <el-select v-model="form.mainPrdUt" slot="append" style="width: 80px" placeholder="请选择">
                            <el-option label="t" value="1"></el-option>
                            <el-option label="人" value="2"></el-option>
                            <el-option label="床" value="3"></el-option>
                            <el-option label="㎡" value="4"></el-option>
                            <el-option label="其它" value="5"></el-option>
                        </el-select>
                    </el-input>
                    <el-input v-if="form.mainPrdUt == '5'" placeholder="单位" v-model="extraMainPrdUt" style="width: 70px"></el-input>
                    <i @click="showPic('mainPrdNum')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="用水单位主要遵循的用水定额">
                    <el-input placeholder="请输入内容" v-model="form.wtDuty" class="input-with-select" style="width: 210px">
                        <el-select v-model="form.wtDutyUt" slot="append" style="width: 80px" placeholder="请选择">
                            <el-option label="m³/t" value="1"></el-option>
                            <el-option label="L/人·d" value="2"></el-option>
                            <el-option label="L/床·d" value="3"></el-option>
                            <el-option label="m³/㎡·a" value="4"></el-option>
                            <el-option label="其它" value="5"></el-option>
                        </el-select>
                    </el-input>
                    <el-input v-if="form.wtDutyUt == '5'" placeholder="单位" v-model="extraWtDutyUt" style="width: 70px"></el-input>
                    <i @click="showPic('wtDuty')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="上年度是否超定额用水">
                    <el-radio-group v-model="form.isDutyWs">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isDutyWs == '1'" @click="addProblem('isDutyWs')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否被纳入计划用水管理">
                    <el-radio-group v-model="form.isPlWs">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isPlWs == '2'" @click="addProblem('isPlWs')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="上年度的计划用水指标">
                    <el-input placeholder="请输入内容" v-model="form.planUseWw" style="width: 200px">
                        <template slot="append">万m³</template>
                    </el-input>
                    <i @click="showPic('planUseWw')" class="el-icon-camera-solid"></i>
                </el-form-item>
                <el-form-item label="上年度是否超计划用水">
                    <el-radio-group v-model="form.isOvPlanUseWw">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isOvPlanUseWw == '1'" @click="addProblem('isOvPlanUseWw')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="上年度是否按规定上报本年度用水计划建议">
                    <el-radio-group v-model="form.isRpPlanUseWw">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isRpPlanUseWw == '2'" @click="addProblem('isRpPlanUseWw')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否按照国家标准安装计量设施">
                    <el-radio-group v-model="form.isIomf">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isIomf == '2'" @click="addProblem('isIomf')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="用水计量设施是否运行正常">
                    <el-radio-group v-model="form.isIomfRun">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isIomfRun == '2'" @click="addProblem('isIomfRun')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否建立健全用水原始记录和统计台账">
                    <el-radio-group v-model="form.isEapOrswu">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isEapOrswu == '2'" @click="addProblem('isEapOrswu')" class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </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:{
                isDutyWs: '',
                isEapOrswu: '',
                isIomf: '',
                isIomfRun: '',
                isOvPlanUseWw: '',
                isPlWs: '',
                isRpPlanUseWw: '',
                mainPrdNum: '',
                mainPrdUt: '',
                planUseWw: '',
                relUseWw: '',
                wtDuty: '',
                wtDutyUt: '',
                dataStat: '0',   //数据状态
                rgstrId: '',
                persId: '',
                recPersId: ''
            },
            showAddProblemDialog: false,
            problData: '',
            extraMainPrdUt: '',
            extraWtDutyUt: '',
            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/wuusw/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
            if(this.form.mainPrdUt == '5'){
                this.form.mainPrdUt = this.extraMainPrdUt
            }
            if(this.form.wtDutyUt == '5'){
                this.form.wtDutyUt = this.extraWtDutyUt
            }
            //通过填报信息判断数据填报状态
            if(!this.form.isDutyWs && !this.form.isEapOrswu && !this.form.isIomf &&
            !this.form.isIomfRun && !this.form.isOvPlanUseWw && !this.form.isPlWs
            && !this.form.isRpPlanUseWw && !this.form.mainPrdNum && !this.form.mainPrdUt
            && !this.form.planUseWw && !this.form.relUseWw && !this.form.wtDuty && !this.form.wtDutyUt){
                this.form.dataStat = '0'
            }else if(this.form.isDutyWs && this.form.isEapOrswu && this.form.isIomf &&
            this.form.isIomfRun && this.form.isOvPlanUseWw && this.form.isPlWs
            && this.form.isRpPlanUseWw && this.form.mainPrdNum && this.form.mainPrdUt
            && this.form.planUseWw && this.form.relUseWw && this.form.wtDuty && this.form.wtDutyUt){
                this.form.dataStat = '2'
            }else{
                this.form.dataStat = '1'
            }

            request.post(`/bis/insp/svwt/wunt/rgstr/wuusw`,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.relUseWw':{
            deep: true,
            handler(val){
                if(val == 0){
                    this.form.relUseWw = '0'
                }
            }
        },
        'form.planUseWw':{
            deep: true,
            handler(val){
                if(val == 0){
                    this.form.planUseWw = '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>