fj-dc-ui/.svn/pristine/cd/cd4e2881c5c18149a3f856eef13e67434f6c87b1.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;">
                <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="区域可用水量是否明确">
                    <el-radio-group v-model="form.rwaIsClear">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.rwaIsClear == '2'" @click="addProblemList('rwaIsClear')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="可用水量是否落实到水源">
                    <el-radio-group v-model="form.crsdIsTtws">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.crsdIsTtws == '2'" @click="addProblemList('crsdIsTtws')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否按要求开展地下水取用水总量、地下水水位控制指标确定">
                    <el-radio-group v-model="form.isTaowtfgGlci">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isTaowtfgGlci == '2'" @click="addProblemList('isTaowtfgGlci')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="工业及城市生活地下水取水计量是否全覆盖">
                    <el-radio-group v-model="form.iaulgimIsAs">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.iaulgimIsAs == '2'" @click="addProblemList('iaulgimIsAs')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item v-if="form.iaulgimIsAs == '2'" label="计量率">
                    <el-input
                            placeholder="请输入计量率"
                            v-model="form.iaulgimRate"
                            clearable
                            style="width: 30%;">
                        <template slot="append">%</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="审批取水总量是否超过区域可用水量或取用水总量控制指标">
                    <el-radio-group v-model="form.tattaowiIsEtrawotwici">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.tattaowiIsEtrawotwici == '1'" @click="addProblemList('tattaowiIsEtrawotwici')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="审批的地下水取水量是否超过区域地下水可开采量">
                    <el-radio-group v-model="form.agwIsEarg">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.agwIsEarg == '1'" @click="addProblemList('agwIsEarg')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </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="是否按用水统计调查基本单位、按规定时限建立用水统计调查对象名录">
                    <el-radio-group v-model="form.isAbuwusssaptlEwus">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isAbuwusssaptlEwus == '2'" @click="addProblemList('isAbuwusssaptlEwus')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否按时、按要求通过用水直报管理系统填报用水统计调查数据">
                    <el-radio-group v-model="form.isTdwrmstrFwusd">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.isTdwrmstrFwusd == '2'" @click="addProblemList('isTdwrmstrFwusd')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="检查的取水口实际取水量是否与区域取用水统计台账或直报系统用水量一致">
                    <el-radio-group v-model="form.caawtiIsCrwcsbwcdrs">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.caawtiIsCrwcsbwcdrs == '2'" @click="addProblemList('caawtiIsCrwcsbwcdrs')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="区域取用水统计台账取用水量是否与上报的相应取用水量数据一致">
                    <el-radio-group v-model="form.rwislwiIsCcwidr">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <i v-if="form.rwislwiIsCcwidr == '2'" @click="addProblemList('rwislwiIsCcwidr')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </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="是否建立区域地下水取水工程台账">
                    <el-radio-group v-model="form.isErgipl">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.isErgipl == '2'" @click="addProblemList('isErgipl')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="地下水取水工程台账是否及时更新">
                    <el-radio-group v-model="form.gwipsbIsTu">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.gwipsbIsTu == '2'" @click="addProblemList('gwipsbIsTu')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="自来水供水管网覆盖地区、地下水禁采区等需封闭的自备井是否建有台账并及时更新">
                    <el-radio-group v-model="form.swncacwspnuwmzIsKsbUt">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.swncacwspnuwmzIsKsbUt == '2'" @click="addProblemList('swncacwspnuwmzIsKsbUt')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="禁采限采区是否存在新增违规取水">
                    <el-radio-group v-model="form.nmrmaIsIiww">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.nmrmaIsIiww == '1'" @click="addProblemList('nmrmaIsIiww')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="地下水超采区是否编制治理方案或年度计划">
                    <el-radio-group v-model="form.goaIsPgpap">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.goaIsPgpap == '2'" @click="addProblemList('goaIsPgpap')"
                           class="el-icon-circle-plus"></i>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="地下水超采是否得到有效治理">
                    <el-radio-group v-model="form.goIsGeg">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                        <el-radio label="3">未涉及</el-radio>
                        <i v-if="form.goIsGeg == '2'" @click="addProblemList('goIsGeg')"
                           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="qushuikou"
            :problData="problData"
            :currentObjectRgstrId="currentObjectRgstrId">
        </problem-dialog> -->

        <!-- 问题列表中间件 -->
        <problem-list
                v-if="showProblemList"
                :showProblemList='showProblemList'
                :currentObjectId="currentObjectId"
                :currentObjectName="currentObjectName"
                :problData="problData"
                :currentObjectRgstrId="currentObjectRgstrId"
                @dialogFormVisible="getdialogFormVisible"
        ></problem-list>

    </el-container>
</template>
<script>
    //import problemDialog from "./addProblemDialog.vue";
    import request from "@util/gw_ajax_request.js"
    //add by lch  addProlemMidForm/quShuiKouProblemList.vue
    import problemList from '../../addProlemMidForm/shuiZiYuanGuanLiProblemList'

    export default {
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'szRuls'],
        data() {
            return {
                checkList: [],
                form: {},
                checked1: false,
                checked2: false,
                showAddProblemDialog: false,
                problData: '',
                // add by lch
                showProblemList: false,
                checkedList1: [],
                checkedList2: [],
                saveLoading: false
            }

        },
        components: {
            problemList
        },
        computed: {
            persId() {
                return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
            }
        },
        watch: {

        },
        mounted() {
            this.getInfo()
        },
        methods: {
            handchange1(data) {
                this.checked1 = data
            },
            handchange2(data) {
                this.checked2 = data
            },
            getInfo() {
                request.post(`/bis/insp/wrm/rgstr/macowiag/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.recPersId = this.persId
                //通过填报信息判断数据填报状态
                if (!this.form.rwaIsClear && !this.form.crsdIsTtws && !this.form.isTaowtfgGlci && !this.form.iaulgimIsAs && !this.form.tattaowiIsEtrawotwici && !this.form.agwIsEarg && !this.form.isAbuwusssaptlEwus && !this.form.isTdwrmstrFwusd && !this.form.caawtiIsCrwcsbwcdrs && !this.form.rwislwiIsCcwidr && !this.form.isErgipl && !this.form.gwipsbIsTu && !this.form.swncacwspnuwmzIsKsbUt && !this.form.nmrmaIsIiww && !this.form.goaIsPgpap && !this.form.goIsGeg) {
                    this.form.status = '0'
                } else if (this.form.rwaIsClear && this.form.crsdIsTtws && this.form.isTaowtfgGlci && this.form.iaulgimIsAs && this.form.tattaowiIsEtrawotwici && this.form.agwIsEarg && this.form.isAbuwusssaptlEwus && this.form.isTdwrmstrFwusd && this.form.caawtiIsCrwcsbwcdrs && this.form.rwislwiIsCcwidr && this.form.isErgipl && this.form.gwipsbIsTu && this.form.swncacwspnuwmzIsKsbUt && this.form.nmrmaIsIiww && this.form.goaIsPgpap && this.form.goIsGeg) {
                    this.form.status = '2'
                }  else {
                    this.form.status = '1'
                }

                if (!this.saveLoading) {
                    this.saveLoading = true
                    this.$confirm('确认保存取用水管控及地下水监管情况？', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        request.post(`/bis/insp/wrm/rgstr/macowiag`, this.form).then(res => {
                            if (res.success) {
                                this.$message.success('保存成功');
                                this.form["id"] = res.data.id;
                                this.getInfo();
                            } else {
                                this.$message.error(res.message)
                            }
                            this.saveLoading = false
                        }).catch(err => {
                            this.saveLoading = false
                            this.$message.info(err)
                        });
                    })

                }
            },

            // add by lch  新增问题列表中间件
            addProblemList(item) {
                let rest = null;
                // if (item == "vwdpNoType") {
                //     rest = this.szRuls.filter(e => {
                //         return e.iValue === this.form.vwdpNoType && e.eName === item;
                //     });
                // } else {
                    rest = this.szRuls.filter(e => {
                        return e.eName === item;
                    });
                // }
                this.problData = rest[0].id;
                this.showProblemList = true;
                console.log(this.showProblemList)
            },
            getdialogFormVisible(val) {
                this.showProblemList = val
            },
            // end
        }
    }
</script>

<style scoped>
    .el-icon-circle-plus {
        margin-left: 20px;
        color: #00bbff;
        font-size: 18px;
        line-height: 12px;
        vertical-align: top;
        cursor: pointer;
    }
</style>