fj-dc-ui/.svn/pristine/cc/cce84d9f9dd68d28aa6bbde656fa8e36ebc0a7f3.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">
                    <el-form-item label="户主姓名">
                        <el-input type="text" v-model="formObj.userNm" class="w200" clearable placeholder="请输入户主姓名"></el-input>
                    </el-form-item>
                    <el-form-item label="联系方式">
                        <el-input type="text" v-model="formObj.telphone" class="w200" clearable placeholder="请输入联系方式"></el-input>
                    </el-form-item>
                    <el-form-item label="村组">
                        <el-input type="text" v-model="formObj.villageNm" 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.isWaterReach" label="1">是</el-radio>
                        <el-radio v-model="formObj.isWaterReach" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('isWaterReach')"
                                type="text"
                                v-if="formObj.isWaterReach =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <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>

                    <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>
                    <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>
                    <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>
                    <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.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-form-item>

                    <el-form-item label="水价" v-if="formObj.isCalFee == '1'">
                        <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="input50">
                                <el-select v-model="formObj.gudingPriceDw" slot="append" placeholder="请选择">
                                    <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.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-radio v-model="formObj.isCallRollback" label="1">是</el-radio>-->
                        <!--<el-radio v-model="formObj.isCallRollback" label="2">否</el-radio>-->
                    <!--</el-form-item>-->
                    <el-form-item label="备注">
                        <el-input type="textarea" rows="6" v-model="formObj.visiteNote" clearable placeholder="请输入备注" class="input300"></el-input>
                    </el-form-item>
                    <el-form-item label="">
                        <el-button type="primary" @click="addHandler">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <!-- <problem-list
                    v-if="showProblemList"
                    :showProblemList ='showProblemList'
                    :currentObjectId="currentObjectId"
                    :currentObjectName="currentObjectName"
                    :problemMiddleType="'2020人饮'"
                    :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/renyinNewProblemList'
    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/new/wateruser/info/${this.yshRowData.id}`)
                    .then((res) => {
                        if (res.data && Object.keys(res.data).length) {
                            _self.formObj = res.data;
                            _self.operationType1 = 'update';
                        } else {
                            _self.formObj = {};
                            _self.operationType1 = 'add';
                        }
                    });
            },
            addHandler() {
                var _self = this;
                _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
                _self.formObj['recPersId'] = _self.recPersId;
                // 更改填报状态  to-do: 需要确认填报状态的字段是什么
                if (
                    this.formObj.userNm ||
                    this.formObj.telphone ||
                    this.formObj.villageNm || 
                    this.formObj.isSplyHome ||
                    this.formObj.isQualityGood ||
                    this.formObj.isEasyUse ||
                    this.formObj.isSplyProblem || 
                    this.formObj.isKnowServicer ||
                    this.formObj.isCalFee ||
                    this.formObj.feeProblem ||
                    this.formObj.isWaterReach
                ) {
                    this.formObj.status = "1";
                }
                if (
                    this.formObj.userNm &&
                    this.formObj.telphone &&
                    this.formObj.villageNm && 
                    this.formObj.isSplyHome &&
                    this.formObj.isQualityGood &&
                    this.formObj.isEasyUse &&
                    this.formObj.isSplyProblem &&
                    this.formObj.isKnowServicer &&
                    this.formObj.isCalFee &&
                    this.formObj.feeProblem &&
                    this.formObj.isWaterReach
                ) {
                    this.formObj.status = "2";
                }
                if (
                    this.formObj.userNm == undefined &&
                    this.formObj.telphone == undefined &&
                    this.formObj.villageNm == undefined &&
                    this.formObj.isSplyHome == undefined &&
                    this.formObj.isQualityGood == undefined &&
                    this.formObj.isEasyUse == undefined &&
                    this.formObj.isSplyProblem == undefined &&
                    this.formObj.isKnowServicer == undefined &&
                    this.formObj.isCalFee == undefined &&
                    this.formObj.feeProblem == undefined &&
                    this.formObj.isWaterReach == undefined
                ) {
                    this.formObj.status = "0";
                }
                this.$confirm('确认保存农村居民饮水安全情况信息？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                    .then(() => {
                        if (_self.operationType1 == 'add') {
                            try {
                                request.post('/bis/new/wateruser/info', _self.formObj).then((res) => {
                                    if (res.success) {
                                        _self.$message.success("添加成功");
                                        _self.$emit("addShuiKuSuccess");
                                    }
                                });
                            } catch (e) {

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

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

                    });
            },
            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_NEW_WATERUSER_INFO"
                }
                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;
    }
    .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>