fj-dc-ui/.svn/pristine/11/11e0cb6fada4826c1ae7ef1c07c19efc54a1e7ea.svn-base

<template>
    <div>
        <el-dialog :title="yshRowData.userNm" :visible.sync="dialogFormVisible"
                   :modal-append-to-body="true"
                   :append-to-body="true" @close="closeTianBaoDialog">
            <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;margin-bottom: 10px;">信息填报</p>
                    <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules" ref="formObj">
                        <el-form-item label="地点">
                            <el-input type="text" v-model="formObj.villageNm" class="w200" clearable placeholder="请输入村组"></el-input>
                        </el-form-item>
                        <el-form-item label="户主姓名">
                            <el-input type="text" v-model="formObj.userNm" class="w200" clearable
                                      placeholder="请输入户主姓名"></el-input>
                        </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 v-model="formObj.isQualityGood" label="1">是</el-radio>
                            <el-radio v-model="formObj.isQualityGood" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isQualityGood')"
                                    type="text"
                                    v-if="formObj.isQualityGood == '2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="水质存在问题" v-if="formObj.isQualityGood == '2'">
                            <el-input type="textarea" rows="4" v-model="formObj.qualityProblem" autocomplete="off" class="input300"></el-input>
                        </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 v-model="formObj.isSplyHome" label="1">是</el-radio>
                            <el-radio v-model="formObj.isSplyHome" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isSplyHome')"
                                    type="text"
                                    v-if="formObj.isSplyHome =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="是否24小时供水" v-if="formObj.isSplyHome == '1'">
                            <el-radio v-model="formObj.is24hSupply" label="1">是</el-radio>
                            <el-radio v-model="formObj.is24hSupply" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('is24hSupply')"
                                    type="text"
                                    v-if="formObj.is24hSupply =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="水量存在问题" v-if="formObj.is24hSupply == '2'">
                            <el-input v-model="formObj.waterProblem" type="textarea" rows="4" autocomplete="off" class="input300"></el-input>
                        </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 v-model="formObj.isEasyUse" label="1">是</el-radio>
                            <el-radio v-model="formObj.isEasyUse" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isEasyUse')"
                                    type="text"
                                    v-if="formObj.isEasyUse == '2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="用水方便程度存在问题" v-if="formObj.isEasyUse == '2'">
                            <el-input v-model="formObj.easyUseProblem" type="textarea" rows="4" autocomplete="off" class="input300"></el-input>
                        </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 v-model="formObj.isSplyProblem" label="1">是</el-radio>
                            <el-radio v-model="formObj.isSplyProblem" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isSplyProblem')"
                                    type="text"
                                    v-if="formObj.isSplyProblem =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="供水保证率存在问题" v-if="formObj.isSplyProblem == '2'">
                            <el-input v-model="formObj.splyProblem" type="textarea" rows="4" autocomplete="off" class="input300"></el-input>
                        </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 v-model="formObj.isCalFee" label="1">是</el-radio>
                            <el-radio v-model="formObj.isCalFee" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isCalFee')"
                                    type="text"
                                    v-if="formObj.isCalFee == '2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="水价类型" v-if="formObj.isCalFee == '1'">
                            <el-radio v-model="formObj.feeType" label="1">单一制水价</el-radio>
                            <el-radio v-model="formObj.feeType" label="2">两部制水价</el-radio>
                            <el-radio v-model="formObj.feeType" label="3">阶梯水价</el-radio>
                            <el-radio v-model="formObj.feeType" label="4">固定水价</el-radio>
                            <el-radio v-model="formObj.feeType" label="5">不收费</el-radio>
                        </el-form-item>
                        <el-form-item label="水价" v-if="formObj.isCalFee == '1' && formObj.feeType != '5'">
                            <div v-if="formObj.feeType == '1'">
                                <el-input type="text" v-model="formObj.jiliangPrice" class="input50"></el-input>
                                <span>元/立方米</span>
                            </div>
                            <div v-if="formObj.feeType == '2'">
                                <span>固定水价</span>
                                <el-input type="text" v-model="formObj.gudingPriceTwo" class="input50"></el-input>
                                <span>元/立方米，限额</span><input type="text" v-model="formObj.xianEPrice"
                                                            class="input50"><br/>
                                <span>计量水价</span>
                                <el-input type="text" class="input50" v-model="formObj.jiliangPriceTwo"></el-input>
                                <span>元/立方米</span>
                            </div>
                            <div v-if="formObj.feeType == '3'">
                                <span>第一阶梯</span>
                                <el-input type="text" v-model="formObj.jietiPriceOne" class="input50"></el-input>
                                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeOne" class="input50"><br/>
                                <span>第二阶梯</span>
                                <el-input type="text" v-model="formObj.jietiPriceTwo" class="input50"></el-input>
                                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeTwo" class="input50"><br/>
                                <span>第三阶梯</span>
                                <el-input type="text" v-model="formObj.jietiPriceThree" class="input50"></el-input>
                                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeThree"
                                                            class="input50"><br/>
                            </div>
                            <div v-if="formObj.feeType == '4'">
                                <el-input type="text" v-model="formObj.gudingPrice" class="input200">
                                    <el-select v-model="formObj.gudingPriceDw" slot="append" placeholder="请选择" style="width: 100px;">
                                        <el-option label="元/月·户" value="1"></el-option>
                                        <el-option label="元/人·月" value="2"></el-option>
                                    </el-select>
                                </el-input>
                            </div>
                        </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 v-model="formObj.isKnowServicer" label="1">是</el-radio>
                            <el-radio v-model="formObj.isKnowServicer" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isKnowServicer')"
                                    type="text"
                                    v-if="formObj.isKnowServicer == '2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </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 v-model="formObj.feeProblem" label="1">是</el-radio>
                            <el-radio v-model="formObj.feeProblem" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('feeProblem')"
                                    type="text"
                                    v-if="formObj.feeProblem =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </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-date-picker
                                    v-model="formObj.visitDate"
                                    type="date"
                                    placeholder="选择日期"
                                    format="yyyy-MM-dd"
                                    value-format="yyyy-MM-dd"
                            ></el-date-picker>
                        </el-form-item>
                        <!--<el-form-item label="备注" prop="visiteNote">-->
                            <!--<el-input type="textarea" rows="4" v-model="formObj.visiteNote" clearable-->
                                      <!--placeholder="请输入备注" class="input300"></el-input>-->
                        <!--</el-form-item>-->
                        <el-form-item label="">
                            <el-button type="primary" @click="addHandler('formObj')">保 存</el-button>
                        </el-form-item>
                    </el-form>
                </el-main>
                <problem-list
                        v-if="showProblemList"
                        :showProblemList='showProblemList'
                        :currentObjectId="currentObjectId"
                        :currentObjectName="currentObjectName"
                        problemMiddleType="贫困户暗访"
                        :problData="probId"
                        @dialogFormVisible="getdialogFormVisible"
                        :currentObjectRgstrId="currentObjectRgstrId"
                        :rowData="rowData"
                        :yshRowData="yshRowData"
                        :oriFatherName="oriFatherName"
                        :villageNm="villageNm"
                ></problem-list>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
    import inputWith from "@widget/inuptWith.vue"
    import request from "@util/gw_ajax_request.js"
    import problemList from '../../addProlemMidForm/nongyinHuitoukanProblemList'

    export default {
        components: {
            inputWith: inputWith,
            problemList
        },
        props: ['rowData', 'currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'yshRowData', 'oriFatherName', 'villageNm'],

        data() {
            return {
                objtbStatu: {
                    presStat: "",
                    rgstrId: "",
                },
                rules: {
                    // wiunWaoLegPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                    // techPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                    // patrolPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                },
                formObj: {
                    easyUseProblem: "",//用水方便是否存在问题，1是，2否 ,
                    feeProblem: "",//总体评价-是否解决问题 ,
                    feeType: "",//水价类型 ,
                    gudingPrice: "",//固定水价，以及两步制水价固定水价部分 ,
                    gudingPriceDw: "",//1为月元。户/2为月人。户 ,
                    gudingPriceTwo: "",//两步制水价价格,固定水价存放 ,
                    is24hSupply: "",//是否24小时供水，1是，2否 ,
                    isCalFee: "",//是否收取水费，1是，2否 ,
                    // isCallRollback: "",//是否进行电话回访 ,
                    isWaterReach: "",//水量是否够用 ,
                    isEasyUse: "",//用水是否方便 ,
                    isGudingFee: "",//固定水价 ,
                    isGudingFeeNote: "",//固定水价信息 ,
                    isJiliangFee: "",//计量水价 ,
                    isJiliangFeeNote: "",//计量水价信息 ,
                    isJiliangFeeType: "",//计量水价类型 ,
                    isKnowServicer: "",//是否知晓服务人员电话，1是，2否 ,
                    isPkx: "",//是否贫困县，1是，2否 ,
                    isQualityGood: "",//水质是否良好，1是，2否 ,
                    isSplyHome: "",//是否供水入户，1是，2否 ,
                    isSplyProblem: "",//是否供水保证率存在问题，1是，2否 ,
                    jietiPriceOne: "",//阶梯水价1 ,
                    jietiPriceThree: "",//阶梯水价3 ,
                    jietiPriceTwo: "",//阶梯水价2 ,
                    jietiXianeOne: "",//阶梯水价，阶梯限额1 ,
                    jietiXianeThree: "",//阶梯水价，阶梯限额3 ,
                    jietiXianeTwo: "",//阶梯水价，阶梯限额2 ,
                    jiliangPrice: "",//单一制水价价格,计量水价存放,水费类型1，4存放 ,
                    jiliangPriceTwo: "",//两步制水价价格,计量水价存放 ,
                    qualityProblem: "",//水质存在问题 ,
                    recPers2: "",//记录人员名称 ,
                    regstrId: "",//人饮督查登记表id ,
                    splyProblem: "",//供水保证率存在问题 ,
                    telphone: "",//电话 ,
                    updateTime: "",//修改时间 ,
                    userNm: "",//户主姓名 ,
                    villageNm: "",//调查地点，村组 ,
                    visitDate: "",//暗访日期 ,
                    visiteNote: "",//信息备注 ,
                    waterProblem: "",//水量存在问题 ,
                    xianEPrice: "",//存放限制额度（两步制水价限额）
                    //    固定水价：gudingPrice，类型gudingPriceDw
                    //    两步制水价：固定水价，gudingPriceTwo，限额，xianEPrice，计量jiliangPriceTwo
                    //    单一制水价：jiliangPrice
                    status: 0,  //填报状态
                },
                dialogFormVisible: true,
                formLabelWidth: '300px',
                loading: true,
                operationType1: '',
                rsvrRules: null,
                probId: '',
                showProblemList: false
            }
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getRgstridObj();
        },
        watch: {},
        methods: {
            getRgstridObj() {
                var _self = this;
                request.get(`/bis/rdwsp/rgstr/poor/${this.yshRowData.id}`)
                    .then((res) => {
                        if (res.data && Object.keys(res.data).length) {
                            _self.formObj = res.data;
                            _self.operationType1 = 'update';
                            // this.formObj.villageNm = this.rowData.country + "," + this.oriFatherName + "," + this.formObj.villageNm
                        } else {
                            _self.formObj = {};
                            _self.operationType1 = 'add';
                        }
                    });
            },
            addHandler(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        var _self = this;
                        if(Object.keys(_self.formObj).length) _self.formObj.status = "1";
                        else  _self.formObj.status = "0";
                        _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
                        _self.formObj['recPersId'] = _self.recPersId;
                        this.$confirm('确认保存农村居民饮水安全情况信息？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        })
                            .then(() => {
                                if (_self.operationType1 == 'add') {
                                    try {
                                        request.post('/bis/rdwsp/rgstr/poor', _self.formObj).then((res) => {
                                            if (res.success) {
                                                _self.$message.success("添加成功");
                                                _self.$emit("addShuiKuSuccess");
                                            }
                                        });
                                    } catch (e) {

                                    }
                                } else if (_self.operationType1 == 'update') {
                                    try {
                                        request.post('/bis/rdwsp/rgstr/poor', _self.formObj).then((res) => {
                                            if (res.success) {
                                                _self.$message.success("修改成功");
                                                _self.$emit("addShuiKuSuccess");
                                            }
                                        });
                                    } catch (e) {

                                    }
                                }
                            })
                            .catch(() => {

                            });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                })
            },
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            addProblem(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showProblemList = true
            },
            formatRadio(val) {
                if (val == '1') {
                    return '是'
                } else if (val == '2') {
                    return '否'
                } else {
                    return val
                }
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_RDWSP_RGSTR_POOR"
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            closeTianBaoDialog() {
                this.$emit("closeDialog");
            },
            getdialogFormVisible(val) {
                this.showProblemList = val
            },
        },

    }

</script>

<style>
    .input50 {
        width: 100px;
    }

    .w200 {
        width: 300px;
    }
    .input200 {
        width: 200px;
    }
    .input300 {
        width: 300px;
    }

    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

    #dxdcAside {
        border: 1px solid #d5d5ff;
    }

    .el-dialog__wrapper .el-treeWhite {
        /* max-height: 260px !important; */
    }

    .add-problem-icon {
        font-size: 16px;
    }
</style>