fj-dc-ui/.svn/pristine/5d/5dc8b5d5a0ccf582e2adebff67e3be9204a566df.svn-base

<template>
    <div class="df_aqgl" style="width: 100%;margin: auto">
        <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" :rules="rules" ref="addObj">
                    <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.dmDfiIsCba" label="1">是</el-radio>
                        <el-radio v-model="addObj.dmDfiIsCba" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('dmDfiIsCba')"
                                type="text"
                                v-if="addObj.dmDfiIsCba =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="堤防及险工险段的数据库填报信息合格率≥60%">
                        <el-radio v-model="addObj.dmDfiIsPass" label="1">是</el-radio>
                        <el-radio v-model="addObj.dmDfiIsPass" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('dmDfiIsPass')"
                                type="text"
                                v-if="addObj.dmDfiIsPass =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="险工险段判定是否准确">
                        <el-radio v-model="addObj.dmDfiIsDa" label="1">是</el-radio>
                        <el-radio v-model="addObj.dmDfiIsDa" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('dmDfiIsDa')"
                                type="text"
                                v-if="addObj.dmDfiIsDa =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="险工险段有无针对性安全管理措施">
                        <el-radio v-model="addObj.dmDfiIsTsmm" label="1">有</el-radio>
                        <el-radio v-model="addObj.dmDfiIsTsmm" label="2">无</el-radio>
                        <el-button
                                @click="addProblem('dmDfiIsTsmm')"
                                type="text"
                                v-if="addObj.dmDfiIsTsmm =='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="addObj.emIsStfEpffc" label="1">是</el-radio>
                        <el-radio v-model="addObj.emIsStfEpffc" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('emIsStfEpffc')"
                                type="text"
                                v-if="addObj.emIsStfEpffc =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否申请批复或报备" v-if="addObj.emIsStfEpffc == '1'" prop="emEpffcIsAfaof">
                        <el-radio v-model="addObj.emEpffcIsAfaof" label="1">是</el-radio>
                        <el-radio v-model="addObj.emEpffcIsAfaof" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('emEpffcIsAfaof')"
                                type="text"
                                v-if="addObj.emEpffcIsAfaof =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否按要求对防汛抢险应急预案进行演练" v-if="addObj.emIsStfEpffc == '1'" prop="emIsEpffcDrl">
                        <el-radio v-model="addObj.emIsEpffcDrl" label="1">是</el-radio>
                        <el-radio v-model="addObj.emIsEpffcDrl" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('emIsEpffcDrl')"
                                type="text"
                                v-if="addObj.emIsEpffcDrl =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否储备且落实必要的防汛抢险物资">
                        <el-radio v-model="addObj.emIsTraconfcaes" label="1">是</el-radio>
                        <el-radio v-model="addObj.emIsTraconfcaes" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('emIsTraconfcaes')"
                                type="text"
                                v-if="addObj.emIsTraconfcaes =='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="addObj.rmIsAdtr" label="1">是</el-radio>
                        <el-radio v-model="addObj.rmIsAdtr" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否明确管护主体及管护责任" v-if="addObj.rmIsAdtr == '1'" prop="rmIsCcPtmbar">
                        <el-radio v-model="addObj.rmIsCcPtmbar" label="1">是</el-radio>
                        <el-radio v-model="addObj.rmIsCcPtmbar" label="2">否</el-radio>
                        <el-button
                                @click="addProblem('rmIsCcPtmbar')"
                                type="text"
                                v-if="addObj.rmIsCcPtmbar =='2'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="">
                        <el-button type="primary" @click="addMember" v-id="openType">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <problem-dialog
                    v-if="showAddProblemDialog && openType"
                    :objType="pType"
                    :villType="pType"
                    :objId="currentObjectId"
                    :objName="currentObjectName"
                    :problemMiddleType="'堤防险工险段'"
                    :problData="probId"
                    @closeDialog="closePlDialog"
                    :currentObjectRgstrId="currentObjectRgstrId"
            ></problem-dialog>
        </el-container>
    </div>
</template>

<script>
    import request from "../../../utils/gw_ajax_request.js";
    import {getAnQuanGuanLi} from "../../../api/duChaTianBao.js";
    import problemDialog from "../../duChaWenTi/problemDialog.vue";

    export default {
        props: ["currentObjectRgstrId", "currentObjectName", "currentObjectId", "pType","openType"],
        data() {
            return {
                objtbStatu: {
                    baseStat: "",
                    rgstrId: "",
                },
                addObj: {
                    dmDfiIsCba: "",//险工险段管理-堤防及险工险段的数据库填报信息是否通过审核确认(1:是;2:否;0:未填) ,
                    dmDfiIsDa: "",//险工险段管理-险工险段判定是否准确(1:是;2:否;0:未填) ,
                    dmDfiIsPass: "",//险工险段管理-堤防及险工险段的数据库填报信息合格率≥60%(1:是;2:否;0:未填) ,
                    dmDfiIsTsmm: "",//险工险段管理-险工险段有无针对性安全管理措施(1:是;2:否;0:未填) ,
                    emEpffcIsAfaof: "",//应急管理-应急预案是否申请批复或报备(1:是;2:否;0:未填) ,
                    emIsEpffcDrl: "",//应急管理-是否按要求对防汛抢险应急预案进行演练(1:是;2:否;0:未填) ,
                    emIsStfEpffc: "",//应急管理-是否编制防汛抢险应急预案(1:是;2:否;0:未填) ,
                    emIsTraconfcaes: "",//应急管理-是否储备且落实必要的防汛抢险物资(1:是;2:否;0:未填) ,
                    rmIsAdtr: "",//兼做公路管理-是否兼做公路(1:是;2:否;0:未填) ,
                    rmIsCcPtmbar: "",//兼做公路管理-是否明确管护主体及管护责任(1:是;2:否;0:未填) ,
                    status: "",//填报状态(0:未填报;1:填报中;2:已填报) ,
                },
                rules: {
                    emEpffcIsAfaof: [
                        {required: true, message: '请选择是否申请批复或报备', trigger: 'change'}
                    ],
                    emIsEpffcDrl: [
                        {required: true, message: '请选择是否按要求对防汛抢险应急预案进行演练', trigger: 'change'}
                    ],
                    rmIsCcPtmbar: [
                        {required: true, message: '请选择是否明确管护主体及管护责任', trigger: 'change'}
                    ]
                },
                curOperate: "",
                formLabelWidth: "250px",
                loading: true,
                operationType1: "",
                dialogShow: false,
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false
            };
        },
        components: {
            problemDialog
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        created() {
            this.findItemByType()
        },
        mounted() {
            this.getRgstridObj();
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getRgstridObj();
            }
        },
        methods: {
            appearDialog(type) {
                this.dialogShow = true;
                this.problemSmallType = type;
            },
            closeDialog() {
                this.dialogShow = false;
            },
            getRgstridObj() {
                getAnQuanGuanLi(this.currentObjectRgstrId).then(res => {
                    if (res.data && Object.keys(res.data).length) {
                        this.addObj = res.data;
                        this.operationType1 = "update";
                        console.log(this.addObj);
                    } else {
                        this.addObj = {};
                        this.operationType1 = "add";
                    }
                });
            },
            addMember() {
                this.$refs.addObj.validate((valid) => {
                    if (valid) {
                        var _self = this;
                        this.addObj["rgstrId"] = this.currentObjectRgstrId;
                        this.objtbStatu.rgstrId = this.currentObjectRgstrId;
                        this.addObj["recPersId"] = this.recPersId;
                        if (Number(_self.addObj.dmDfiIsCba) &&
                            Number(_self.addObj.dmDfiIsPass) &&
                            Number(_self.addObj.dmDfiIsDa) &&
                            Number(_self.addObj.dmDfiIsTsmm) &&
                            Number(_self.addObj.emIsStfEpffc) &&
                            Number(_self.addObj.emIsTraconfcaes)&&
                            Number(_self.addObj.rmIsAdtr)) {
                            this.addObj.status = "2"
                        } else {
                            this.addObj.status = "1"
                        }
                        if (_self.addObj.dmDfiIsCba == undefined &&
                            _self.addObj.dmDfiIsPass == undefined &&
                            _self.addObj.dmDfiIsDa == undefined &&
                            _self.addObj.dmDfiIsTsmm == undefined &&
                            _self.addObj.emIsStfEpffc == undefined &&
                            _self.addObj.emIsTraconfcaes == undefined &&
                            _self.addObj.rmIsAdtr == undefined) {
                            this.addObj.status = "0"
                        }
                        console.log(this.presStat);
                        this.$confirm('确认保存安全管理信息？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            if (this.operationType1 == "add") {
                                request
                                    .post("/bis/insp/waga/sap/rgstr/sf/mng", _self.addObj)
                                    .then(res => {
                                        if (res.success) {
                                            this.$message({
                                                type: "success",
                                                message: "添加成功!"
                                            });
                                            this.$emit("addShuiKuSuccess");
                                        } else {
                                            this.$message.error(res.message);
                                        }
                                    })
                                    .catch(err => {
                                        this.$message.error(res.message);
                                    });
                            } else {
                                request
                                    .post("/bis/insp/waga/sap/rgstr/sf/mng",_self.addObj)
                                    .then(res => {
                                        if (res.success) {
                                            this.$message({
                                                type: "success",
                                                message: "修改成功!"
                                            });
                                            this.$emit("addShuiKuSuccess");
                                        } else {
                                            this.$message.error(res.message);
                                        }
                                    })
                                    .catch(err => {
                                        this.$message.error(res.message);
                                    });
                            }
                        })

                            .catch(() => {

                            });
                    }else{
                        this.$message.warning('请检查填写信息');
                        return false
                    }
                })


            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_INSP_WAGA_SAP_RGSTR_SF_MNG",
                }
                request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
                    this.rsvrRules = res.data;
                })
            },
            addProblem(item) {
                let rest = this.rsvrRules.filter(e => {
                    return e.eName === item;
                });
                this.probId = rest[0].id;
                this.showAddProblemDialog = true
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
            }
            // deleteMember(row){
            //   this.$confirm('确定删除吗?', '提示', {
            //     confirmButtonText: '确定',
            //     cancelButtonText: '取消',
            //     type: 'warning'
            //   }).then(() => {
            //     request.post(`/dc/insp/baseExt/delete/${row.thrqId}`).then((res)=>{
            //       console.log(res);
            //       if(res.success){
            //         this.$message({
            //           type: 'success',
            //           message: '删除成功!'
            //         });
            //         this.dialogFormVisible = false;
            //       }else{
            //         this.$message.error(res.message);
            //       }
            //     })
            //   }).catch(() => {
            //     this.$message({
            //       type: 'info',
            //       message: '已取消删除'
            //     });
            //   });
            // },
        }
    };
</script>

<style>
    .df_aqgl label.el-form-item__label {
        width: 280px;
    }

    .add-problem-icon {
        font-size: 16px;
    }
</style>