fj-dc-ui/.svn/pristine/e8/e8e09a20edb3c94dafd98ae47ef971217dc28cb5.svn-base

<template>
    <div class="gcsthyxglqk">
        <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="addObj" :label-width="formLabelWidth" :rules="rules" ref="addObj">
                    <br>
                    <el-form-item label="宾馆星级（或具有同等规模质量水平）">
                        <el-radio v-model="addObj.hotelStar" label="1">四、五星 </el-radio>
                        <el-radio v-model="addObj.hotelStar" label="2">三星级 </el-radio>
                        <el-radio v-model="addObj.hotelStar" label="3">一、二星 </el-radio>
                        <el-radio v-model="addObj.hotelStar" label="4">星级以下 </el-radio>
                    </el-form-item>
                    <el-form-item label="2019年度床位数（张）">
                        <el-input v-model="addObj.bedNum" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度床位出租率（%）">
                        <el-input v-model="addObj.occRate" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2018年度的实际用水量（万m³）">
                        <el-input v-model="addObj.fctwu18" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度的实际用水量（万m³）">
                        <el-input v-model="addObj.fctwu19" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="是否应当纳入计划用水管理">
                        <el-radio v-model="addObj.isPlWs" label="1">是</el-radio>
                        <el-radio v-model="addObj.isPlWs" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="计划用水主管部门" v-if="addObj.isPlWs == '1'">
                        <el-input v-model="addObj.planDpt" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2018年度的实际用水量地下水（万m³）">
                      <el-input v-model="addObj.fctwu18Well" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度的实际用水量地下水（万m³）">
                      <el-input v-model="addObj.fctwu19Well" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2018年度的实际用水量地表水（万m³）">
                      <el-input v-model="addObj.fctwu18Swhs" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度的实际用水量地表水（万m³）">
                      <el-input v-model="addObj.fctwu19Swhs" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2018年度的计划用水量（万m³）">
                        <el-input v-model="addObj.planUseWw18" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度的计划用水量（万m³）">
                        <el-input v-model="addObj.planUseWw19" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年度是否超计划用水">
                        <el-radio v-model="addObj.isOvPlanUseWw" label="1">是</el-radio>
                        <el-radio v-model="addObj.isOvPlanUseWw" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isOvPlanUseWw')"
                                type="text"
                                v-if="addObj.isOvPlanUseWw =='1'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否执行超计划加价制度" v-if="addObj.isOvPlanUseWw =='1'">
                        <el-radio v-model="addObj.isExeTopmus" label="1">是</el-radio>
                        <el-radio v-model="addObj.isExeTopmus" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="2019年度是否超定额用水">
                        <el-radio v-model="addObj.isNowu" label="1">是</el-radio>
                        <el-radio v-model="addObj.isNowu" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isNowu')"
                                type="text"
                                v-if="addObj.isNowu =='1'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="超定额计算方法">
                        <el-input v-model="addObj.owMth" type="textarea" :rows="3" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="2019年采用的用水定额">
                        <el-input v-model="addObj.nowu19" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="是否建立了专项节水规章制度">
                        <el-radio v-model="addObj.isBuldSrarfwc" label="1">是</el-radio>
                        <el-radio v-model="addObj.isBuldSrarfwc" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isBuldSrarfwc')"
                                type="text"
                                v-if="addObj.isBuldSrarfwc =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="非常规水源利用量（万m³）">
                        <el-input v-model="addObj.uwu" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="非常规水源用途">
                        <el-input v-model="addObj.uwuWu" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="是否分水源、分用途安装用水计量设施">
                        <el-radio v-model="addObj.isIowsaouWmf" label="1">是</el-radio>
                        <el-radio v-model="addObj.isIowsaouWmf" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isIowsaouWmf')"
                                type="text"
                                v-if="addObj.isIowsaouWmf =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <div v-if="addObj.isIowsaouWmf == 1">
                        <el-form-item label="用水计量设施是否运行正常">
                            <el-radio v-model="addObj.wmfIsNr" label="1">是</el-radio>
                            <el-radio v-model="addObj.wmfIsNr" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('wmfIsNr')"
                                    type="text"
                                    v-if="addObj.wmfIsNr =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                    </div>
                    <el-form-item label="用水原始记录和统计台账是否完备">
                        <el-radio v-model="addObj.orasbowuIsComp" label="1">是</el-radio>
                        <el-radio v-model="addObj.orasbowuIsComp" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('orasbowuIsComp')"
                                type="text"
                                v-if="addObj.orasbowuIsComp =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否在关键用水部位张贴节水标识">
                        <el-radio v-model="addObj.isPwsikwua" label="1">是</el-radio>
                        <el-radio v-model="addObj.isPwsikwua" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isPwsikwua')"
                                type="text"
                                v-if="addObj.isPwsikwua =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label>
                        <el-button type="primary" @click="makesure">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <!-- 问题列表中间件 -->
            <problem-list
                    v-if="showProblemList"
                    :showProblemList='showProblemList'
                    :currentObjectId="currentObjectId"
                    :currentObjectName="currentObjectName"
                    :problData="probId"
                    :objType="33"
                    :currentObjectRgstrId="currentObjectRgstrId"
                    @dialogFormVisible="getdialogFormVisible"
            ></problem-list>
        </el-container>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import problemList from '../../addProlemMidForm/quYongShuiProblemList'
    import {getHotelInfo} from "@api/duChaTianBao.js";

    export default {
        components: {
            problemList
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'pType'],

        data() {
            return {
                objtbStatu: {
                    reverStat: "",
                    rgstrId: ""
                },
                dxdcMainHeight: window.innerHeight - 197,
                dialogFormVisible: false,
                formLabelWidth: "300px",
                loading: true,
                addObj: {
                },
                rules: {
                },
                operationType1: "",
                lyjg: [],
                placeholder: "",
                rsvrRules: null,
                probId: '',
                showProblemList: false,
                saveLoading: false
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getformList();
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getformList();
            }
        },
        methods: {
            getformList() {
                let _self = this;
                getHotelInfo(_self.currentObjectRgstrId).then(res => {
                    if (res.success) {
                        if (res.data && Object.keys(res.data).length) {
                            _self.addObj = res.data;
                            _self.operationType1 = "update";
                        } else {
                            _self.addObj = {};
                            _self.operationType1 = "add";
                        }
                    } else {
                    }
                });
            },
            //保存
            makesure() {
                let _self = this;
                this.addObj["rgstrId"] = this.currentObjectRgstrId;
                this.addObj["recPersId"] = this.recPersId;
                this.objtbStatu.rgstrId = this.currentObjectRgstrId;
                if (_self.addObj.hotelStar &&
                    _self.addObj.bedNum &&
                    _self.addObj.occRate &&
                    _self.addObj.fctwu18 &&
                    _self.addObj.fctwu19 &&
                    _self.addObj.isPlWs &&
                    _self.addObj.planUseWw18 &&
                    _self.addObj.planUseWw19 &&
                    _self.addObj.isOvPlanUseWw &&
                    _self.addObj.isNowu &&
                    _self.addObj.isBuldSrarfwc &&
                    _self.addObj.uwu &&
                    _self.addObj.uwuWu &&
                    _self.addObj.isIowsaouWmf &&
                    _self.addObj.orasbowuIsComp &&
                    _self.addObj.isPwsikwua) {
                    this.addObj.status = "2"
                } else {
                    this.addObj.status = "1"
                }

                if (_self.addObj.hotelStar == undefined &&
                    _self.addObj.bedNum == undefined &&
                    _self.addObj.occRate == undefined &&
                    _self.addObj.fctwu18 == undefined &&
                    _self.addObj.fctwu19 == undefined &&
                    _self.addObj.isPlWs == undefined &&
                    _self.addObj.planUseWw18 == undefined &&
                    _self.addObj.planUseWw19 == undefined &&
                    _self.addObj.isOvPlanUseWw == undefined &&
                    _self.addObj.isNowu == undefined &&
                    _self.addObj.isBuldSrarfwc == undefined &&
                    _self.addObj.uwu == undefined &&
                    _self.addObj.uwuWu == undefined &&
                    _self.addObj.isIowsaouWmf == undefined &&
                    _self.addObj.orasbowuIsComp == undefined &&
                    _self.addObj.isPwsikwua == undefined) {
                    this.addObj.status = "0"
                }
                this.$confirm("确认保存节水填报情况吗？", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        if (!this.saveLoading) {
                            this.saveLoading = true
                            request.post("/bis/insp/wtunt/rgstr/hotel", _self.addObj).then(res => {
                                if (res.success) {
                                    _self.$message.success("保存成功");
                                    _self.$emit("addShuiKuSuccess");
                                    _self.getformList();
                                }
                                this.saveLoading = false
                            }).catch(err => {
                                this.saveLoading = false
                                this.$message.info(err)
                            });
                        }
                    })
                    .catch(() => {
                    });
            },
            //查看
            makeshow(type, row) {
                this.dialogFormVisible = true;
            },
            formatRadio(val) {
                if (val == "1") {
                    return "是";
                } else if (val == "0") {
                    return "否";
                } else {
                    return val;
                }
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_INSP_WTUNT_RGSTR_HOTEL"
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            addProblem(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showProblemList = true
            },
            closePlDialog(val) {
                this.showProblemList = false;
            },
            getdialogFormVisible(val) {
                this.showProblemList = val
            },
        }
    };
</script>

<style>
    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

    #dxdcAside {
        border: 1px solid #d5d5ff;
    }
    .add-problem-icon {
        font-size: 16px;
    }
</style>