fj-dc-ui/.svn/pristine/5f/5f102e0fef11840ced712dab9f2f84987567e92c.svn-base

<template>
    <div class="renyinnew_wrapper">
        <el-container style="height:520px;">
            <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
                <el-form :model="addObj" :label-width="formLabelWidth" ref="ruleForm" :rules="rules">
                    <el-form-item label="是否为贫困县">
                        <el-radio v-model="addObj.isPkx" label="1">是</el-radio>
                        <el-radio v-model="addObj.isPkx" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否氟超标县">
                        <el-radio v-model="addObj.isFoOver" label="1">是</el-radio>
                        <el-radio v-model="addObj.isFoOver" label="2">否</el-radio>
                    </el-form-item>
                    <br>
                    <!--<el-form-item label="农村饮水监督电话" prop="telphone">-->
                    <!--<el-input type="text" v-model="addObj.telphone"></el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="电话能否正常运行">-->
                    <!--<el-radio v-model="addObj.isTelNormal" label="1">是</el-radio>-->
                    <!--<el-radio v-model="addObj.isTelNormal" label="2">否</el-radio>-->
                    <!--<el-button-->
                    <!--@click="addProblemList('isTelNormal')"-->
                    <!--type="text"-->
                    <!--v-if="addObj.isTelNormal =='2'">-->
                    <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
                    <!--</el-button>-->
                    <!--</el-form-item>-->
                    <!--<br>-->
                    <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="addObj.zcWaterIsMake" label="1">是</el-radio>
                        <el-radio v-model="addObj.zcWaterIsMake" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('zcWaterIsMake')"
                                type="text"
                                v-if="addObj.zcWaterIsMake =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <div v-if="addObj.zcWaterIsMake =='1'">
                        <el-form-item label="文件名称">
                            <el-input type="text" v-model="addObj.zcWaterFilename"></el-input>
                        </el-form-item>
                        <el-form-item label="文号">
                            <el-input type="text" v-model="addObj.zcWaterFilenum"></el-input>
                        </el-form-item>
                        <el-form-item label="印发部门">
                            <el-input type="text" v-model="addObj.zcWaterDepart"></el-input>
                        </el-form-item>
                        <el-form-item label="印发时间">
                            <unlimitDatePicker v-model="addObj.zcWaterTime" :editable="false" type="date"
                                               placeholder="选择日期">
                            </unlimitDatePicker>
                        </el-form-item>
                        <el-form-item label="备注">
                            <el-input type="text" v-model="addObj.zcWaterNote"></el-input>
                        </el-form-item>
                        <el-form-item label="附件" class="sjxg_fj" v-if="!addObj.zcWaterIsMakeFiles.length">
                            <upload
                                    ref="uploadFile"
                                    :url="`/pdcApi/file/insert?bizId=${addObj.id}&bizType=zcWaterIsMake`"
                                    accept=".zip,.rar"
                                    @uploadOver="removeNewSupervisionZcWaterIsMake"
                            ></upload>
                        </el-form-item>
                        <el-form-item label="上传列表" v-if="addObj.zcWaterIsMakeFiles.length">
                            <ul v-for="(item,index) in addObj.zcWaterIsMakeFiles" :key="index">
                                <li style="list-style: none;">
                                    <el-button type="text" class="w300">{{ item.fileName }}</el-button>
                                    <el-button type="text" @click="rowPreview(item)">下载</el-button>
                                    <el-button type="text" @click="rowDelete(item,index,'sj')" class="font_red">删除</el-button>
                                </li>
                            </ul>
                        </el-form-item>
                    </div>
                    <br>
                    <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="addObj.zcBuzhuIsMake" label="1">是</el-radio>
                        <el-radio v-model="addObj.zcBuzhuIsMake" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('zcBuzhuIsMake')"
                                type="text"
                                v-if="addObj.zcBuzhuIsMake =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <div v-if="addObj.zcBuzhuIsMake =='1'">
                        <el-form-item label="文件名称">
                            <el-input type="text" v-model="addObj.zcBuzhuFilename"></el-input>
                        </el-form-item>
                        <el-form-item label="文号">
                            <el-input type="text" v-model="addObj.zcBuzhuFilenum"></el-input>
                        </el-form-item>
                        <el-form-item label="印发部门">
                            <el-input type="text" v-model="addObj.zcBuzhuDepart"></el-input>
                        </el-form-item>
                        <el-form-item label="印发时间">
                            <unlimitDatePicker v-model="addObj.zcBuzhuTime" :editable="false" type="date"
                                               placeholder="选择日期">
                            </unlimitDatePicker>
                        </el-form-item>
                        <el-form-item label="备注">
                            <el-input type="text" v-model="addObj.zcBuzhuNote"></el-input>
                        </el-form-item>
                        <el-form-item label="附件" class="sjxg_fj" v-if="!addObj.zcBuzhuIsMakeFiles.length">
                            <upload
                                    ref="uploadFile"
                                    :url="`/pdcApi/file/insert?bizId=${addObj.id}&bizType=zcBuzhuIsMake`"
                                    accept=".zip,.rar"
                                    @uploadOver="removeNewSupervisionZcBuzhuIsMake"
                            ></upload>
                        </el-form-item>
                        <el-form-item label="上传列表" v-if="addObj.zcBuzhuIsMakeFiles.length">
                            <ul v-for="(item,index) in addObj.zcBuzhuIsMakeFiles" :key="index">
                                <li style="list-style: none;">
                                    <el-button type="text" class="w300">{{ item.fileName }}</el-button>
                                    <el-button type="text" @click="rowPreview(item)">下载</el-button>
                                    <el-button type="text" @click="rowDelete(item,index,'bz')" class="font_red">删除</el-button>
                                </li>
                            </ul>
                        </el-form-item>
                    </div>
                    <br>
                    <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="addObj.zcOtherIsMake" label="1">是</el-radio>
                        <el-radio v-model="addObj.zcOtherIsMake" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('zcOtherIsMake')"
                                type="text"
                                v-if="addObj.zcOtherIsMake =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <div v-if="addObj.zcOtherIsMake =='1'">
                        <el-form-item label="文件名称">
                            <el-input type="text" v-model="addObj.zcOtherIsFilename"></el-input>
                        </el-form-item>
                        <el-form-item label="文号">
                            <el-input type="text" v-model="addObj.zcOtherIsFilenum"></el-input>
                        </el-form-item>
                        <el-form-item label="印发部门">
                            <el-input type="text" v-model="addObj.zcOtherIsDepart"></el-input>
                        </el-form-item>
                        <el-form-item label="印发时间">
                            <unlimitDatePicker v-model="addObj.zcOtherIsTime" :editable="false" type="date"
                                               placeholder="选择日期">
                            </unlimitDatePicker>
                        </el-form-item>
                        <el-form-item label="备注">
                            <el-input type="text" v-model="addObj.zcOtherIsNote"></el-input>
                        </el-form-item>
                        <el-form-item label="附件" class="sjxg_fj" v-if="!addObj.zcOtherIsMakeFiles.length">
                            <upload
                                    ref="uploadFile"
                                    :url="`/pdcApi/file/insert?bizId=${addObj.id}&bizType=zcOtherIsMake`"
                                    accept=".zip,.rar"
                                    @uploadOver="removeNewSupervisionZcOtherIsMake"
                            ></upload>
                        </el-form-item>
                        <el-form-item label="上传列表" v-if="addObj.zcOtherIsMakeFiles.length">
                            <ul v-for="(item,index) in addObj.zcOtherIsMakeFiles" :key="index">
                                <li style="list-style: none;">
                                    <el-button type="text" class="w300">{{ item.fileName }}</el-button>
                                    <el-button type="text" @click="rowPreview(item)">下载</el-button>
                                    <el-button type="text" @click="rowDelete(item,index,'qt')" class="font_red">删除</el-button>
                                </li>
                            </ul>
                        </el-form-item>
                    </div>

                    <el-form-item label>
                        <el-button type="primary" @click="makesure">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <problem-list
                    v-if="showProblemList"
                    :showProblemList='showProblemList'
                    :currentObjectId="currentObjectId"
                    :currentObjectName="currentObjectName"
                    :problemMiddleType="'2020人饮'"
                    :problData="probId"
                    @dialogFormVisible="getdialogFormVisible"
                    :currentObjectRgstrId="currentObjectRgstrId"
                    :rowData="rowData"
            ></problem-list>
        </el-container>
    </div>
</template>
<script>
    import request from "@util/gw_ajax_request.js";
    import {getNewRenyinInfo} from '@api/duChaTianBao.js'
    import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
    import problemDialog from "../../duChaWenTi/problemDialog.vue";
    import problemList from '../../addProlemMidForm/renyinNewProblemList'
    import {hostUrl} from '@util/global_variable'

    export default {
        components: {
            unlimitDatePicker,
            problemDialog,
            problemList,
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            }
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData'],

        data() {
            var checkTel = (rule, value, callback) => {
                if (value == '') {
                    callback();
                }
                var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
                var isPhoneNum = /^([0-9]{3,4})?[0-9]{7,8}$/; //座机
                var isMob = /^[1][3,4,5,7,8,9][0-9]{9}$/; // 座机格式
                if (!isMob.test(value) && !isPhone.test(value) && !isPhoneNum.test(value)) {
                    callback(new Error('请输入合理电话'));
                } else {
                    callback();
                }
            };
            return {
                dialogFormVisible: false,
                formLabelWidth: "180px",
                loading: true,
                addObj: {
                    isPkx: '',
                    isFoOver: '',
                    // telphone: '',
                    isTelNormal: '',
                    zcWaterIsMake: '',
                    zcWaterFilename: '',
                    zcWaterFilenum: '',
                    zcWaterDepart: '',
                    zcWaterTime: '',
                    zcWaterNote: '',
                    zcBuzhuIsMake: '',
                    zcBuzhuFilename: '',
                    zcBuzhuFilenum: '',
                    zcBuzhuDepart: '',
                    zcBuzhuTime: '',
                    zcBuzhuNote: '',
                    zcOtherIsMake: '',
                    zcOtherFilename: '',
                    zcOtherFilenum: '',
                    zcOtherDepart: '',
                    zcOtherTime: '',
                    zcOtherNote: '',
                    status: '',
                    zcBuzhuIsMakeFiles: [],
                    zcWaterIsMakeFiles: [],
                    zcOtherIsMakeFiles: [],
                    zcOtherIsFilename: "",
                    zcOtherIsFilenum: "",
                    zcOtherIsDepart: "",
                    zcOtherIsTime: "",
                    zcOtherIsNote: ""


                },
                operationType: "",
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                rules: {
                    // telphone: [
                    //     { validator: checkTel, trigger: 'blur' }
                    // ],
                },
                showProblemList: false
            };
        },

        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getformList();
        },
        methods: {
            getformList() {
                let _self = this;
                getNewRenyinInfo(_self.currentObjectRgstrId).then(res => {
                    if (res.success) {
                        if (res.data && Object.keys(res.data).length) {
                            _self.addObj = res.data;
                            _self.operationType = "update";
                        } else {
                            _self.addObj = {};
                            _self.operationType = "add";
                        }
                    } else {
                        this.$message.error(res.message)
                    }
                });
            },
            //保存
            makesure() {
                let _self = this;
                this.addObj["regstrId"] = this.currentObjectRgstrId;
                this.addObj["adCode"] = this.currentResCode;
                this.addObj["villageNm"] = this.currentObjectName;
                this.addObj["persId"] = this.recPersId;
                this.addObj["status"] = '1';

                if (_self.addObj.zcWaterIsMake == '2') {
                    _self.addObj.zcWaterFilename = ''
                    _self.addObj.zcWaterFilenum = ''
                    _self.addObj.zcWaterDepart = ''
                    _self.addObj.zcWaterTime = ''
                    _self.addObj.zcWaterNote = ''
                }
                if (_self.addObj.zcBuzhuIsMake == '2') {
                    _self.addObj.zcBuzhuFilename = ''
                    _self.addObj.zcBuzhuFilenum = ''
                    _self.addObj.zcBuzhuDepart = ''
                    _self.addObj.zcBuzhuTime = ''
                    _self.addObj.zcBuzhuNote = ''
                }
                if (_self.addObj.zcOtherIsMake == '2') {
                    _self.addObj.zcOtherFilename = ''
                    _self.addObj.zcOtherFilenum = ''
                    _self.addObj.zcOtherDepart = ''
                    _self.addObj.zcOtherTime = ''
                    _self.addObj.zcOtherNote = ''
                }
                // 更改填报状态  to-do: 需要确认填报状态的字段是什么
                if (
                    this.addObj.isPkx ||
                    this.addObj.isFoOver ||
                    this.addObj.zcWaterIsMake ||
                    this.addObj.zcBuzhuIsMake ||
                    this.addObj.zcOtherIsMake
                ) {
                    this.addObj.status = "1";
                }
                if (
                    this.addObj.isPkx &&
                    this.addObj.isFoOver &&
                    this.addObj.zcWaterIsMake &&
                    this.addObj.zcBuzhuIsMake &&
                    this.addObj.zcOtherIsMake
                ) {
                    this.addObj.status = "2";
                }
                if (
                    this.addObj.isPkx == undefined &&
                    this.addObj.isFoOver == undefined &&
                    this.addObj.zcWaterIsMake == undefined &&
                    this.addObj.zcBuzhuIsMake == undefined &&
                    this.addObj.zcOtherIsMake == undefined
                ) {
                    this.addObj.status = "0";
                }
                this.$refs['ruleForm'].validate((valid) => {
                    if (valid) {
                        this.$confirm("确认保存填写的信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(() => {
                            request.post("/bis/new/country/law", _self.addObj).then(res => {
                                if (res.success) {
                                    _self.$message.success("保存成功");
                                    _self.$emit("addShuiKuSuccess");
                                    _self.getformList();
                                }
                            });
                        }).catch((err) => {
                            this.$message.info(err)
                        });
                    } else {
                        this.$message.warning('请检查填写信息')
                        return
                    }

                });
            },
            formatRadio(val) {
                if (val == "1") {
                    return "是";
                } else if (val == "0") {
                    return "否";
                } else {
                    return val;
                }
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_NEW_COUNTRY_LAW"
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            addProblemList(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showProblemList = true;
                this.showAddProblemDialog = true
            },
            getdialogFormVisible(val) {
                this.showProblemList = val
            },
            removeNewSupervisionZcBuzhuIsMake(arg) {
                this.$nextTick(() => {
                    if (arg.length) {
                        let len = this.addObj.zcBuzhuIsMakeFiles.length;
                        for(var i = 0; i < arg.length; i++){
                            this.$set(this.addObj.zcBuzhuIsMakeFiles, len, arg[i]);
                            len ++;
                        }
                    }
                })
            },
            removeNewSupervisionZcWaterIsMake(arg) {
                this.$nextTick(() => {
                    if (arg.length) {
                        let len = this.addObj.zcWaterIsMakeFiles.length;
                        for(var i = 0; i < arg.length; i++){
                            this.$set(this.addObj.zcWaterIsMakeFiles, len, arg[i]);
                            len ++;
                        }
                    }
                })
            },
            removeNewSupervisionZcOtherIsMake(arg) {
                this.$nextTick(() => {
                    if (arg.length) {
                        let len = this.addObj.zcOtherIsMakeFiles.length;
                        for(var i = 0; i < arg.length; i++){
                            this.$set(this.addObj.zcOtherIsMakeFiles, len, arg[i]);
                            len ++;
                        }
                    }
                })
            },
            rowPreview(row) {
                window.open(`${hostUrl}${row.filePath}`, "_blank");
            },
            rowDelete(row,index,val) {
                this.$confirm(`确定要删除'${row.fileName}', 是否继续?`, {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/file/${row.id}`)
                        .then(res => {
                            if (res.success) {
                                this.$message.success("删除成功");
                                if(val == 'qt') this.addObj.zcOtherIsMakeFiles.splice(index,1);
                                else if(val == 'sj') this.addObj.zcWaterIsMakeFiles.splice(index,1);
                                else if(val == 'bz') this.addObj.zcBuzhuIsMakeFiles.splice(index,1);
                            } else {
                                this.$message.warning(res.message);
                            }
                        })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });

            }
        },
        updated() {

        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getformList();
            }
        }
    };
</script>

<style lang="scss">
    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

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

    .renyinnew_wrapper label.el-radio {
        width: 60px;
    }

    .renyinnew_wrapper .el-form {
        width: 450px;
        margin-top: 10px;
    }

    .renyinnew_wrapper
    .add-problem-icon {
        font-size: 16px;
    }

    .sjxg_fj > div > div {
        margin: 0 !important;
        display: inline-block;
        width: 80px !important;
    }

    .w300 {
        width: 180px;
        text-align: left;
    }

    .font_red {
        color: red;
    }
</style>