fj-dc-ui/.svn/pristine/6c/6c1f4e228463fd178881aa82c3ee01706132172d.svn-base

<template>
    <div>
        <el-dialog :title="gsgcRowData.projectNm" :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.location" class="w200" clearable placeholder="请输入所在地"></el-input>-->
                        <!--</el-form-item>-->
                        <!--<el-form-item label="经度">-->
                        <!--<el-input type="text" v-model="formObj.lgtdpc" class="w200" clearable placeholder="请输入经度"></el-input>-->
                        <!--</el-form-item>-->
                        <!--<el-form-item label="纬度">-->
                        <!--<el-input type="text" v-model="formObj.lttdpc" class="w200" clearable placeholder="请输入纬度"></el-input>-->
                        <!--</el-form-item>-->
                        <!--<el-form-item label="工程类型">-->
                        <!--<el-select v-model="formObj.projectType" class="w200" clearable placeholder="请选择">-->
                        <!--<el-option label="万人工程" value="1"></el-option>-->
                        <!--<el-option label="千人工程" value="2"></el-option>-->
                        <!--<el-option label="千人以下集中供水工程" value="3"></el-option>-->
                        <!--</el-select>-->
                        <!--</el-form-item>-->
                        <el-form-item label="地点（县，乡镇，行政村，村组）">
                            <el-input type="text" v-model="formObj.addr" 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-input type="text" v-model="formObj.prjNm" class="w200" clearable
                                      placeholder="请输入工程名称"></el-input>
                        </el-form-item>
                        <el-form-item label="工程类型">
                            <el-select v-model="formObj.prjType" class="w200" clearable placeholder="请选择">
                                <el-option label="万人工程" value="1"></el-option>
                                <el-option label="千人工程" value="2"></el-option>
                                <el-option label="千人以下集中供水工程" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <!--<el-form-item label="工程是否正常运行" >-->
                        <!--<el-radio v-model="formObj.isProNormal" label="1">是</el-radio>-->
                        <!--<el-radio v-model="formObj.isProNormal" label="2">否</el-radio>-->
                        <!--<el-button-->
                        <!--@click="addProblem('isProNormal')"-->
                        <!--type="text"-->
                        <!--v-if="formObj.isProNormal =='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.isFeeMake" label="1">是</el-radio>
                            <el-radio v-model="formObj.isFeeMake" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isFeeMake')"
                                    type="text"
                                    v-if="formObj.isFeeMake =='2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="定价依据：" v-if="formObj.isFeeMake == '1'">
                            <el-radio v-model="formObj.feeRely" label="1">政府文件定价</el-radio>
                            <el-radio v-model="formObj.feeRely" label="2">自主定价</el-radio>
                            <el-radio v-model="formObj.feeRely" label="3">物价部门核定工程水价批复</el-radio>
                        </el-form-item>
                        <el-form-item label="水价类型" v-if="formObj.isFeeMake == '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.isFeeMake == '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="w200">
                                    <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>
                        <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-form-item>
                        <el-form-item label="水费加补助是否覆盖运行成本" v-if="formObj.isCalFee == '1'">
                            <el-radio v-model="formObj.isOverBaseFee" label="1">是</el-radio>
                            <el-radio v-model="formObj.isOverBaseFee" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('isOverBaseFee')"
                                    type="text"
                                    v-if="formObj.isOverBaseFee =='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-input type="text" v-model="formObj.payFeeProcent" class="input50"></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.posFaeIsEqp" label="1">是</el-radio>
                            <el-radio v-model="formObj.posFaeIsEqp" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('posFaeIsEqp')"
                                    type="text"
                                    v-if="formObj.posFaeIsEqp == '2'">
                                <i class="el-icon-circle-plus add-problem-icon"></i>
                            </el-button>
                        </el-form-item>
                        <el-form-item label="设施设备-是否正常运行" v-if="formObj.posFaeIsEqp == '1'">
                            <el-radio v-model="formObj.posFaeIsRun" label="1">是</el-radio>
                            <el-radio v-model="formObj.posFaeIsRun" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('posFaeIsRun')"
                                    type="text"
                                    v-if="formObj.posFaeIsRun == '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.posRsWsqIsOk" label="1">是</el-radio>
                            <el-radio v-model="formObj.posRsWsqIsOk" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('posRsWsqIsOk')"
                                    type="text"
                                    v-if="formObj.posRsWsqIsOk == '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.posRsOswIsOk" label="1">是</el-radio>
                            <el-radio v-model="formObj.posRsOswIsOk" label="2">否</el-radio>
                            <el-button
                                    @click="addProblem('posRsOswIsOk')"
                                    type="text"
                                    v-if="formObj.posRsOswIsOk == '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-input type="text" v-model="formObj.telephone" clearable placeholder="请输入服务电话"
                                      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-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="">
                            <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="供水工程暗访"
                        :problData="probId"
                        @dialogFormVisible="getdialogFormVisible"
                        :currentObjectRgstrId="currentObjectRgstrId"
                        :rowData="rowData"
                        :gsgcRowData="gsgcRowData"
                        :oriFatherName="oriFatherName"
                        :villageNm="villageNm"
                ></problem-list>
            </el-container>
        </el-dialog>
    </div>
</template>

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

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

        data() {
            return {
                objtbStatu: {
                    presStat: "",
                    rgstrId: "",
                },
                rules: {
                    // wiunWaoLegPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                    // techPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                    // patrolPersTel: [
                    //     {validator: checkTel, trigger: 'blur'}
                    // ],
                },
                formObj: {
                    lgtd: "",//高德经度 ,
                    lgtdpc: "",//pc经度 ,
                    location: "",//所在地 ,
                    lttd: "",//高德纬度 ,
                    lttdpc: "",//pc纬度 ,
                    overPeople: "",//覆盖人口 ,
                    payFeeProcent: "",//水费缴费率 ,
                    persId: "",//记录人员ID ,
                    projectNm: "",//工程名称 ,
                    projectType: "",//工程类型 ,
                    recPers2: "",//暗访人名称 ,: "",//人饮督查登记表id ,
                    telephone: "",//服务电话 ,
                    updateTime: "",//修改时间 ,
                    villageNm: "",//村组，所在地 ,
                    visitDate: "",//暗访日期 ,
                    waterQuaHaveNote: "",//水质检测有无报告 ,
                    waterQuaIsHege: "",//水质检测是否合格 ,
                    waterQuaNohgNote: "",//水质检测不合格备注 ,
                    feeRely: "",//水费定价依据，1政府文件定价，2自主定价，3物价部门核定 ,
                    feeType: "",//水价类型，1单一水价，2两步制水价，3阶梯水价，4固定水价 ,
                    finishTime: "",//建成时间 ,
                    gudingPrice: "",//固定水价，以及两步制水价固定水价部分 ,
                    gudingPriceDw: "",//1为月元。户/2为月人。户 ,
                    gudingPriceTwo: "",//两步制水价价格,固定水价存放 ,
                    id: "",//供水工程id ,
                    isCalFee: "",//是否收取水费 ,
                    isFeeMake: "",//水费是否定价，1是，2否 ,
                    isFoOver: "",//是否氟超标县，1是，2否 ,
                    isGudingFee: "",//固定水价，feeType类型为4，值为1 ,
                    isGudingFeeNote: "",//固定水价信息 ,
                    isGudingNote: "",//固定水价信息 ,
                    isGudingType: "",//固定水价类型 ,
                    isJiliangFee: "",//计量水价 ,
                    isJiliangFeeNote: "",//计量水价信息 ,
                    isJiliangFeeType: "",//计量水价类型，feeType类型1-3为1 ,
                    isJiliangNote: "",//计量水价信息 ,
                    isJiliangType: "",//计量水价类型 ,
                    isOverBaseFee: "",//水费加补助是否覆盖成本 ,
                    isOwnCleanTool: "",//净化设备是否配备 ,
                    isOwnDisinfNormal: "",//消毒设备是否符合政策 ,
                    isOwnDisinfTool: "",//消毒设备是否配置 ,
                    cleanToolNormal: "", //净化设备是否运行政策 ,
                    jietiPriceOne: "",//阶梯水价1 ,
                    jietiPriceThree: "",//阶梯水价3 ,
                    jietiPriceTwo: "",//阶梯水价2 ,
                    jietiXianeOne: "",//阶梯水价，阶梯限额1 ,
                    jietiXianeThree: "",//阶梯水价，阶梯限额3 ,
                    jietiXianeTwo: "",//阶梯水价，阶梯限额2 ,
                    jiliangPrice: "",//单一制水价价格,计量水价存放,水费类型1，4存放 ,
                    jiliangPriceTwo: "",//两步制水价价格,计量水价存放 ,
                    xianEPrice: "",//存放限制额度（两步制水价限额）
                    //    固定水价：gudingPrice，类型gudingPriceDw
                    //    两步制水价：固定水价，gudingPriceTwo，限额，xianEPrice，计量jiliangPriceTwo
                    //    单一制水价：jiliangPrice
                    status: 0,  //填报状态
                    isProNormal: "",//工程是否正常运行
                },
                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/bis/rdwsp/rgstr/fee/${this.gsgcRowData.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;
                if(Object.keys(_self.formObj).length) _self.formObj.status = "1";
                else  _self.formObj.status = "0";
                // 更改填报状态  to-do: 需要确认填报状态的字段是什么
                // if (
                //     this.formObj.location ||
                //     this.formObj.lgtdpc ||
                //     this.formObj.lttdpc ||
                //     this.formObj.projectType ||
                //     this.formObj.villageNm ||
                //     this.formObj.isFeeMake ||
                //     this.formObj.isOwnCleanTool ||
                //     this.formObj.isOwnDisinfTool ||
                //     this.formObj.waterQuaHaveNote ||
                //     this.formObj.telephone ||
                //     this.formObj.isProNormal
                // ) {
                //     this.formObj.status = "1";
                // }
                // if (
                //     this.formObj.location &&
                //     this.formObj.lgtdpc &&
                //     this.formObj.lttdpc &&
                //     this.formObj.projectType &&
                //     this.formObj.villageNm &&
                //     this.formObj.isFeeMake &&
                //     this.formObj.isOwnCleanTool &&
                //     this.formObj.isOwnDisinfTool &&
                //     this.formObj.waterQuaHaveNote &&
                //     this.formObj.telephone &&
                //     this.formObj.isProNormal
                // ) {
                //     this.formObj.status = "2";
                // }
                // if (
                //     this.formObj.location == undefined &&
                //     this.formObj.lgtdpc == undefined &&
                //     this.formObj.lttdpc == undefined &&
                //     this.formObj.projectType == undefined &&
                //     this.formObj.villageNm == undefined &&
                //     this.formObj.isFeeMake == undefined &&
                //     this.formObj.isOwnCleanTool == undefined &&
                //     this.formObj.isOwnDisinfTool == undefined &&
                //     this.formObj.waterQuaHaveNote == undefined &&
                //     this.formObj.telephone == undefined &&
                //     this.formObj.isProNormal == undefined
                // ) {
                //     this.formObj.status = "0";
                // }
                this.$confirm('确认保存水费收缴及水质保障情况信息？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                    .then(() => {
                        if (_self.operationType1 == 'add') {
                            try {
                                request.post('/bis/bis/rdwsp/rgstr/fee', _self.formObj).then((res) => {
                                    if (res.success) {
                                        _self.$message.success("添加成功");
                                        this.$emit("closeDialog", "success");
                                    }
                                });
                            } catch (e) {

                            }
                        } else if (_self.operationType1 == 'update') {
                            try {
                                request.post('/bis/bis/rdwsp/rgstr/fee', _self.formObj).then((res) => {
                                    if (res.success) {
                                        _self.$message.success("修改成功");
                                        this.$emit("closeDialog", "success");
                                    }
                                });
                            } 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_BIS_RDWSP_RGSTR_FEE"
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
            },
            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>