fj-dc-ui/.svn/pristine/9e/9e1ddc3c2e9e4220927f662830cef6d7418ffd58.svn-base

<template>
    <el-container style="height:520px;" class="zgls">
        <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-input v-model="form.objNm" readOnly class="w30"></el-input>
                </el-form-item>
                <el-form-item label="问题类型">
                    <p>{{ form.pblmType == 11 ? "江河流域分水方面" : form.pblmType == 12 ? "生态流量管控方面" : form.pblmType == 13 ?
                        "取用水总量控制方面" : form.pblmType == 14 ? "取水口管理方面" : form.pblmType == 15 ? "地下水超采治理方面": form.pblmType
                        == 16 ? "饮用水水源管理方面" :form.pblmType == 17 ? "其他" : form.pblmType == 21 ? "县级行政区节约用水管理方面"
                        :form.pblmType == 22 ? "节水评价开展方面" :form.pblmType == 23 ? "用水单位计划用水和定额管理执行方面" :form.pblmType ==
                        24 ? "节水型单位建设方面" :form.pblmType == 25 ? "其他" : "暂无问题类型"}}</p>
                </el-form-item>
                <el-form-item label="问题描述">
                    <el-input type="textarea" :rows="2" clearable v-model="form.pblmDesc" readOnly
                              class="w30"></el-input>
                </el-form-item>
                <el-form-item label="整改措施">
                    <el-input type="textarea" :rows="2" clearable v-model="form.rectMsrs" class="w30"></el-input>
                </el-form-item>
                <el-form-item label="是否完成整改">
                    <el-radio-group v-model="form.rectConc">
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="未完成整改原因">
                    <el-input type="textarea" :rows="2" clearable v-model="form.rectOpin" class="w30"></el-input>
                </el-form-item>
                <!--<el-form-item label="被检查单位">-->
                <!--<el-input v-model="form.objNm" clearable></el-input>-->
                <!--</el-form-item>-->
                <el-form-item label="联系人">
                    <el-input v-model="form.contact" clearable class="w30"></el-input>
                </el-form-item>
                <el-form-item label="负责人">
                    <el-input v-model="form.principal" clearable class="w30"></el-input>
                </el-form-item>
                <el-form-item label="电话">
                    <el-input v-model="form.principalTel" clearable class="w30"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">保 存</el-button>
                </el-form-item>
            </el-form>
        </el-main>
        <!-- 问题列表中间件 -->
        <problem-list
                v-if="showProblemList"
                :showProblemList='showProblemList'
                :currentObjectId="currentObjectId"
                :currentObjectName="currentObjectName"
                :problData="problData"
                :currentObjectRgstrId="currentObjectRgstrId"
                @dialogFormVisible="getdialogFormVisible"
                :rowData="rowData"
        ></problem-list>

    </el-container>
</template>
<script>
    import request from "@util/gw_ajax_request.js"
    import problemList from '../../addProlemMidForm/shuiZiYuanGuanLiProblemList'

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

        },
        components: {
            // problemDialog,
            problemList
        },
        computed: {
            persId() {
                return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
            }
        },
        watch: {},
        mounted() {
            this.getInfo()
        },
        methods: {
            getInfo() {
                // request.post(`/bis/insp/wrm/rgstr/wint/getBy/${this.currentObjectRgstrId}`).then(res => {
                request.get(`/bis/insp/wrm/wtunt/pblm/${this.rowData.id}`).then(res => {
                    if (res.success && Object.keys(res.data).length) {
                        this.form = res.data;
                    } else {
                        this.$message.error(res.message)
                    }
                })
            },
            onSubmit() {
                this.form.id = this.rowData.id ? this.rowData.id : "";
                this.form.rgstrId = this.currentObjectRgstrId;
                this.form.recPersId = this.persId;
                if (!this.saveLoading) {
                    this.saveLoading = true
                    this.$confirm('确认保存2019年问题整改落实情况表？', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        request.post(`/bis/insp/wrm/wtunt/pblm`, this.form).then(res => {
                            if (res.success) {
                                this.$message.success('保存成功');
                                // this.form["id"] = res.data.id;
                                // this.getInfo();
                                this.$emit("closeDialog", 'success')
                            } 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 lang="scss">

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

        .w30 {
            width: 40%;
        }
    }
</style>