fj-dc-ui/.svn/pristine/cf/cf283d3e6da830ccc96f6d891604191c7c4f26ec.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" ref="formRef" style="width: 80%">
                    <el-form-item label="所在地">
                        <el-input type="text" v-model="formObj.location" clearable placeholder="请输入所在地"></el-input>
                    </el-form-item>
                    <el-form-item label="经度">
                        <el-input type="text" v-model="formObj.lgtdpc" clearable placeholder="请输入经度"></el-input>
                    </el-form-item>
                    <el-form-item label="纬度">
                        <el-input type="text" v-model="formObj.lttdpc" clearable placeholder="请输入纬度"></el-input>
                    </el-form-item>
                    <el-form-item label="工程类型">
                        <el-select v-model="formObj.projectType" clearable placeholder="请选择">
                            <el-option label="城市管网延伸" value="1"></el-option>
                            <el-option label="乡镇供水工程" value="2"></el-option>
                            <el-option label="单村供水工程" value="3"></el-option>
                            <el-option label="分散供水工程" value="4"></el-option>
                        </el-select>
                    </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="水价">
                        <el-input type="text" v-model="formObj.fee" clearable placeholder="请输入水价"></el-input>
                    </el-form-item>
                    <el-form-item label="是否清楚水费收缴率" >
                        <el-radio v-model="formObj.isKnowFeeProcent" label="1">是</el-radio>
                        <el-radio v-model="formObj.isKnowFeeProcent" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="水费收缴率" prop="payFeeProcent" v-if="formObj.isKnowFeeProcent == '1'">
                        <el-input type="text" v-model="formObj.payFeeProcent" clearable placeholder="">
                            <template slot="append">%</template>
                        </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.projectNote" label="1">好</el-radio>
                        <el-radio v-model="formObj.projectNote" label="2">差</el-radio>
                        <el-button
                                @click="addProblem('projectNote')"
                                type="text"
                                v-if="formObj.projectNote =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否统一logo" >
                        <el-radio v-model="formObj.projectLogo" label="1">是</el-radio>
                        <el-radio v-model="formObj.projectLogo" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('projectLogo')"
                                type="text"
                                v-if="formObj.projectLogo =='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.projectThreePerson" label="1">是</el-radio>
                        <el-radio v-model="formObj.projectThreePerson" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('projectThreePerson')"
                                type="text"
                                v-if="formObj.projectThreePerson =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="具体描述">
                        <el-input type="textarea" v-model="formObj.projectDesc" rows="3" clearable></el-input>
                    </el-form-item>
                    <el-form-item label="净化消毒设施配备情况" >
                        <el-radio v-model="formObj.isOwnCleanTool" label="1">配备齐全</el-radio>
                        <el-radio v-model="formObj.isOwnCleanTool" label="2">未配备齐全</el-radio>
                        <el-button
                                @click="addProblem('isOwnCleanTool')"
                                type="text"
                                v-if="formObj.isOwnCleanTool =='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.isDisinfNormal" label="1">正常使用</el-radio>
                        <el-radio v-model="formObj.isDisinfNormal" label="2">偶尔使用</el-radio>
                        <el-radio v-model="formObj.isDisinfNormal" label="3">不使用</el-radio>
                        <el-radio v-model="formObj.isDisinfNormal" label="4">其他</el-radio>
                        <el-button
                                @click="addProblem('isDisinfNormal')"
                                type="text"
                                v-if="formObj.isDisinfNormal =='2' || formObj.isDisinfNormal =='3' || formObj.isDisinfNormal =='4'">
                            <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.waterCheckCount" clearable placeholder=""></el-input>
                    </el-form-item>
                    <el-form-item label="检测报告" >
                        <el-radio v-model="formObj.waterQuaHaveNote" label="1">有</el-radio>
                        <el-radio v-model="formObj.waterQuaHaveNote" label="2">无</el-radio>
                        <el-button
                                @click="addProblem('waterQuaHaveNote')"
                                type="text"
                                v-if="formObj.waterQuaHaveNote == '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.projectPerson" clearable placeholder=""></el-input>
                    </el-form-item>
                    <el-form-item label="日常维护方负责人" >
                        <el-radio v-model="formObj.weihuPerson" label="1">统管单位</el-radio>
                        <el-radio v-model="formObj.weihuPerson" label="2">物业化管护</el-radio>
                        <el-radio v-model="formObj.weihuPerson" label="3">统管 + 协管</el-radio>
                        <el-radio v-model="formObj.weihuPerson" label="4">村镇自管</el-radio>
                    </el-form-item>
                    <el-form-item label="标准化创建情况" >
                        <el-radio v-model="formObj.biaozhunCreate" label="1">已创建</el-radio>
                        <el-radio v-model="formObj.biaozhunCreate" label="2">正在创建</el-radio>
                        <el-radio v-model="formObj.biaozhunCreate" label="3">未创建</el-radio>
                        <el-button
                                @click="addProblem('biaozhunCreate')"
                                type="text"
                                v-if="formObj.biaozhunCreate == '3'">
                            <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.personStatify" label="1">满意</el-radio>
                        <el-radio v-model="formObj.personStatify" label="2">不满意</el-radio>
                    </el-form-item>
                    <el-form-item label="建议">
                        <el-input type="textarea" v-model="formObj.note" rows="3" clearable></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-dialog
                    v-if="showAddProblemDialog"
                    :objId="currentObjectId"
                    :objName="currentObjectName"
                    @closeDialog="closePlDialog"
                    fenlei="zhejiangrenyin"
                    :problData="probId"
                    :villType="41"
                    :gsgcRowData="gsgcRowData"
                    :adFullName="adFullName"
                    :villageAdCode="villageAdCode"
                    :currentObjectRgstrId="currentObjectRgstrId">
                </problem-dialog>
        </el-container>
         </el-dialog>
    </div>
</template>

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

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

        data() {
            var checkNumPercent = (rule, value, callback) => {
                if (value && (isNaN(value) || value > 100)) {
                    callback(new Error('请输入0~100范围内的数字'));
                } else {
                    callback();
                }
            };
            return {
                objtbStatu: {
                    presStat: "",
                    rgstrId: "",
                },
                rules: {
                    payFeeProcent: [
                        {validator: checkNumPercent, trigger: 'blur'}
                    ],
                },
                formObj: {
                    location: '',
                    lgtdpc: '',
                    lttdpc: '',
                    projectType: '',
                    isCalFee: '',
                    fee: '',
                    isKnowFeeProcent: '',
                    payFeeProcent: '',
                    projectNote: '',
                    projectLogo: '',
                    projectThreePerson: '',
                    projectDesc: '',
                    isOwnCleanTool: '',
                    isDisinfNormal: '',
                    waterCheckCount: '',
                    waterQuaHaveNote: '',
                    projectPerson: '',
                    weihuPerson: '',
                    biaozhunCreate: '',
                    personStatify: '',
                    note: '',
                },
                dialogFormVisible: true,
                formLabelWidth: '200px',
                loading: true,
                operationType1: '',
                rsvrRules: null,
                probId: '',
                showProblemList: false,
                showAddProblemDialog: false,
                adFullName: ''
            }
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getRgstridObj();
        },
        watch: {

        },
        methods: {
            getRgstridObj() {
                var _self = this;
                request.get(`/bis/zhejiang/country/fee/${this.gsgcRowData.id}`)
                    .then((res) => {
                        if (res.data && Object.keys(res.data).length) {
                            _self.formObj = res.data;
                            _self.adFullName = res.data.adFullName
                            _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.location ||
                    this.formObj.lgtdpc ||
                    this.formObj.lttdpc || 
                    this.formObj.projectType ||
                    this.formObj.isCalFee ||
                    this.formObj.fee ||
                    this.formObj.isKnowFeeProcent || 
                    this.formObj.payFeeProcent ||
                    this.formObj.projectNote ||
                    this.formObj.projectLogo ||
                    this.formObj.projectThreePerson ||
                    this.formObj.projectDesc ||
                    this.formObj.isOwnCleanTool ||
                    this.formObj.isDisinfNormal || 
                    this.formObj.waterCheckCount ||
                    this.formObj.waterQuaHaveNote ||
                    this.formObj.projectPerson ||
                    this.formObj.weihuPerson ||
                    this.formObj.biaozhunCreate ||
                    this.formObj.personStatify ||
                    this.formObj.note
                ) {
                    this.formObj.status = "1";
                }
                if (
                    this.formObj.location &&
                    this.formObj.lgtdpc &&
                    this.formObj.lttdpc && 
                    this.formObj.projectType &&
                    this.formObj.isCalFee &&
                    this.formObj.fee &&
                    this.formObj.isKnowFeeProcent && 
                    this.formObj.payFeeProcent &&
                    this.formObj.projectNote &&
                    this.formObj.projectLogo &&
                    this.formObj.projectThreePerson &&
                    this.formObj.projectDesc &&
                    this.formObj.isOwnCleanTool &&
                    this.formObj.isDisinfNormal && 
                    this.formObj.waterCheckCount &&
                    this.formObj.waterQuaHaveNote &&
                    this.formObj.projectPerson &&
                    this.formObj.weihuPerson &&
                    this.formObj.biaozhunCreate &&
                    this.formObj.personStatify &&
                    this.formObj.note
                ) {
                    this.formObj.status = "2";
                }
                if (
                    this.formObj.location == undefined &&
                    this.formObj.lgtdpc == undefined &&
                    this.formObj.lttdpc == undefined &&
                    this.formObj.projectType == undefined &&
                    this.formObj.isCalFee == undefined &&
                    this.formObj.fee == undefined &&
                    this.formObj.isKnowFeeProcent == undefined &&
                    this.formObj.payFeeProcent == undefined &&
                    this.formObj.projectNote == undefined &&
                    this.formObj.projectLogo == undefined &&
                    this.formObj.projectThreePerson == undefined &&
                    this.formObj.projectDesc == undefined &&
                    this.formObj.isOwnCleanTool == undefined &&
                    this.formObj.isDisinfNormal == undefined &&
                    this.formObj.waterCheckCount == undefined &&
                    this.formObj.waterQuaHaveNote == undefined &&
                    this.formObj.projectPerson == undefined &&
                    this.formObj.weihuPerson == undefined &&
                    this.formObj.biaozhunCreate == undefined &&
                    this.formObj.personStatify == undefined &&
                    this.formObj.note == undefined
                ) {
                    this.formObj.status = "0";
                }
                this.$refs.formRef.validate((valid)=>{
                    if(valid){
                        this.$confirm('确认保存水费收缴及水质保障情况信息？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        })
                        .then(() => {
                            if (_self.operationType1 == 'add') {
                                try {
                                    request.post('/bis/zhejiang/country/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/zhejiang/country/fee', _self.formObj).then((res) => {
                                        if (res.success) {
                                            _self.$message.success("修改成功");
                                            this.$emit("closeDialog","success");
                                        }
                                    });
                                } catch (e) {

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

                        });
                    }else{
                        this.$message.warning('请检查填写内容')
                        return false
                    }
                })
            },
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            addProblem(item) {
                let rest = null;
                if(item == "isDisinfNormal"){
                    rest = this.rsvrRules.filter(e => {
                        return e.iValue === this.formObj.isDisinfNormal && e.eName === item;
                    });
                }else{
                    rest = this.rsvrRules.filter(e => {
                        return e.eName === item;
                    });
                }
                this.probId = rest[0].id;
                this.showAddProblemDialog = true
            },
            formatRadio(val) {
                if (val == '1') {
                    return '是'
                } else if (val == '2') {
                    return '否'
                } else {
                    return val
                }
            },
            findItemByType(){
                const obj ={
                    tname: "BIS_ZHEJIANG_COUNTRY_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>