fj-dc-ui/.svn/pristine/64/64c63a6e4db9860e7bbdf0c65a7bc27161f8e300.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)" 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)" 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)" 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][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.isTelNormal ||
                this.addObj.zcWaterIsMake ||
                this.addObj.zcBuzhuIsMake ||
                this.addObj.zcOtherIsMake 
            ) {
                this.addObj.status = "1";
            }
            if (
                this.addObj.isPkx &&
                this.addObj.isFoOver &&
                this.addObj.isTelNormal &&
                this.addObj.zcWaterIsMake &&
                this.addObj.zcBuzhuIsMake &&
                this.addObj.zcOtherIsMake 
            ) {
                this.addObj.status = "2";
            }
            if (
                this.addObj.isPkx == undefined &&
                this.addObj.isFoOver == undefined &&
                this.addObj.isTelNormal == 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) {
            if(arg){
                this.$nextTick(()=>{
                    this.getformList();
                })

            }
        },
        removeNewSupervisionZcWaterIsMake(arg) {
            if(arg){
                this.$nextTick(()=>{
                    this.getformList();
                })
            }
        },
        removeNewSupervisionZcOtherIsMake(arg) {
            if(arg){
                this.$nextTick(()=>{
                    this.getformList();
                })
            }
        },
        rowPreview(row) {
            window.open(`${hostUrl}${row.filePath}`, "_blank");
        },
        rowDelete(row) {
            this.$confirm(`确定要删除'${row.fileName}', 是否继续?`, {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/file/${row.id}`)
                    .then(res =>{
                        if(res.success){
                            this.$message.success("删除成功");
                            this.getformList();
                        }else{
                            this.$message.warning(res.message);
                        }
                    })
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消删除'
                });
            });

        }
    },
    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>