fj-dc-ui/.svn/pristine/66/664ca75d0a3e362cc6e4d5296476b9daeddaf8d9.svn-base

<template>
    <div class="gcsthyxglqk">
        <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">
                    <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.isManPlan" label="1">是</el-radio>
                        <el-radio v-model="addObj.isManPlan" label="0">否</el-radio>
                        <el-button
                                @click="addProblem('isManPlan')"
                                type="text"
                                v-if="addObj.isManPlan =='0'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否以县或乡镇或单座水库为单位编制安全管理应急预案,并通过有关部门审批">
                        <el-radio v-model="addObj.isPassPlan" label="1">是</el-radio>
                        <el-radio v-model="addObj.isPassPlan" label="0">否</el-radio>
                        <el-button
                                @click="addProblem('isPassPlan')"
                                type="text"
                                v-if="addObj.isPassPlan =='0'">
                            <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.isRecord" label="1">有</el-radio>
                        <el-radio v-model="addObj.isRecord" label="0">无</el-radio>
                        <el-button
                                @click="addProblem('isRecord')"
                                type="text"
                                v-if="addObj.isRecord =='0'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="监测记录是否满足要求" v-if="addObj.isRecord == '1'">
                        <el-tooltip placement="top">
                            <div slot="content">重点小型水库：非汛期至少1次/周；主汛期至少1次/天；后汛期至少1次/2天；水位超汛限水位时至少2次/天。<br/><br/>重要小型水库：非汛期至少1次/10天；主汛期至少1次/3天；后汛期至少1次/周天；水位超汛限水位时至少1次/天。<br/><br/>一般小型水库：非汛期至少1次/15天；汛期至少1次/周；水位超汛限水位时至少1次/天。
                            </div>
                            <i class="el-icon-question"></i>
                        </el-tooltip>
                        <el-radio v-model="addObj.isTrue" label="1">是</el-radio>
                        <el-radio v-model="addObj.isTrue" label="0">否</el-radio>
                        <el-button
                                @click="addProblem('isTrue')"
                                type="text"
                                v-if="addObj.isTrue =='0'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="有无巡查记录">
                        <el-radio v-model="addObj.isPolling" label="1">有</el-radio>
                        <el-radio v-model="addObj.isPolling" label="0">无</el-radio>
                        <el-button
                                @click="addProblem('isPolling')"
                                type="text"
                                v-if="addObj.isPolling =='0'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="巡查记录是否满足要求" v-if="addObj.isPolling == '1'">
                        <el-tooltip placement="top">
                            <div slot="content">重点小型水库：非汛期至少1次/周；主汛期至少1次/天；后汛期至少1次/2天；强降雨或水位超汛限水位时至少2次/天。<br/><br/>
                                重要小型水库：非汛期至少1次/10天；主汛期至少1次/3天；后汛期至少1次/周天；强降雨或水位超汛限水位时至少1次/天。<br/><br/>
                                一般小型水库：非汛期至少1次/15天；汛期至少1次/周；强降雨或水位超汛限水位时至少1次/天。
                            </div>
                            <i class="el-icon-question"></i>
                        </el-tooltip>
                        <el-radio v-model="addObj.isCorre" label="1">是</el-radio>
                        <el-radio v-model="addObj.isCorre" label="0">否</el-radio>
                        <el-button
                                @click="addProblem('isCorre')"
                                type="text"
                                v-if="addObj.isCorre =='0'">
                            <i class="el-icon-circle-plus add-problem-icon"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label>
                        <el-button type="primary" @click="makesure('addObj')">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <problem-dialog
                    v-if="showAddProblemDialog"
                    :objType="1"
                    :villType="24"
                    :objId="currentObjectId"
                    :objName="currentObjectName"
                    :problemMiddleType="'小水库标准化'"
                    :problData="probId"
                    @closeDialog="closePlDialog"
                    :currentObjectRgstrId="currentObjectRgstrId"
                    :szRuls="szRuls"
            ></problem-dialog>
        </el-container>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import problemDialog from "../../duChaWenTi/problemDialog.vue";
    import ElTableWithPagination from "@widget/elTableWithPagination";
    import {getYuanBianzhi} from "@api/fujian_api.js";

    export default {
        components: {
            ElTableWithPagination,
            problemDialog
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'pType','szRuls'],

        data() {
            return {
                objtbStatu: {
                    reverStat: "",
                    rgstrId: ""
                },
                dxdcMainHeight: window.innerHeight - 197,
                dialogFormVisible: false,
                formLabelWidth: "300px",
                loading: true,
                addObj: {
                    "isCorre": "", //巡查记录是否满足要求 ,
                    "isManPlan": "", //是否以县或乡镇或单座水库为单位编制安全管理应急预案,并通过有关部门审批 ,
                    "isPassPlan": "", //是否以县或乡镇或单座水库为单位编制小型水库防洪抢险应急预案,并通过有关部门审批 ,
                    "isPolling": "", //有无巡查记录 ,
                    "isRecord": "", //有无水位监测记录 ,
                    "isTrue": "", //监测记录是否满足要求 ,
                },
                operationType1: "",
                lyjg: [],
                placeholder: "",
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                rules: {
                    // ifDamSafeRul: [
                    //     {required: true, message: '请选择鉴定报告内容是否合规', trigger: 'change'}
                    // ],
                    // ifDamSafeDepRul: [
                    //     {required: true, message: '请选择鉴定单位资质是否符合规定', trigger: 'change'}
                    // ],
                    // ifDamSafeReq: [
                    //     {required: true, message: '请选择安全鉴定是否被鉴定为三类坝', trigger: 'change'}
                    // ],
                    // reinForceRun: [
                    //     {required: true, message: '请选择是否按批复内容实施', trigger: 'change'}
                    // ],
                    // reinForceRun2: [
                    //     {required: true, message: '请选择实施后是否仍有隐患', trigger: 'change'}
                    // ],
                    // reinForceRun3: [
                    //     {required: true, message: '请选择是否蓄水验收', trigger: 'change'}
                    // ],
                    // ifReinImpGve: [
                    //     {required: true, message: '请选择是否按批复内容实施', trigger: 'change'}
                    // ],
                    // ifReinImpPlan: [
                    //     {required: true, message: '请选择施工是否按期进行', trigger: 'change'}
                    // ]
                }
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        created() {
            // this.findItemByType()
        },
        mounted() {
            this.getformList();
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getformList();
            }
        },
        methods: {
            getformList() {
                let _self = this;
                getYuanBianzhi(_self.currentObjectRgstrId).then(res => {
                    if (res.success) {
                        if (res.data && Object.keys(res.data).length) {
                            _self.addObj = res.data;
                            _self.operationType1 = "update";
                        } else {
                            _self.addObj = {};
                            _self.operationType1 = "add";
                        }
                    } else {
                        this.$message.warning(res.message);
                    }
                });
            },
            //保存
            makesure(formName) {
                let _self = this;
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.addObj["rgstrId"] = this.currentObjectRgstrId;
                        this.addObj["recPersId"] = this.recPersId;
                        if (
                            Number(this.addObj.isManPlan) >= 0 ||
                            Number(this.addObj.isPassPlan) >= 0 ||
                            Number(this.addObj.isRecord) >= 0 ||
                            Number(this.addObj.isPolling) >= 0
                        ) {
                            this.addObj.status = "1";
                        }
                        if (
                            Number(this.addObj.isManPlan) >= 0 &&
                            Number(this.addObj.isPassPlan) >= 0 &&
                            Number(this.addObj.isRecord) >= 0 &&
                            Number(this.addObj.isPolling) >= 0
                        ) {
                            this.addObj.status = "2";
                        }
                        if (
                            this.addObj.isManPlan == undefined &&
                            this.addObj.isPassPlan == undefined &&
                            this.addObj.isRecord == undefined &&
                            this.addObj.isPolling == undefined
                        ) {
                            this.addObj.status = "0";
                        }
                        this.$confirm("确认保存预案编制和记录表情况信息吗？", "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        })
                            .then(() => {
                                if (_self.operationType1 == "add") {
                                    request.post("/bis/insp/stnd/plrd/add", _self.addObj).then(res => {
                                        if (res.success) {
                                            _self.$message.success("添加成功");
                                            _self.$emit("addShuiKuSuccess");
                                            _self.getformList();
                                        }
                                    });
                                } else {
                                    request
                                        .post("/bis/insp/stnd/plrd/update", _self.addObj)
                                        .then(res => {
                                            if (res.success) {
                                                _self.$message.success("修改成功");
                                                _self.$emit("addShuiKuSuccess");
                                                _self.getformList();
                                            }
                                        });
                                }
                            })
                            .catch(() => {
                            });
                    }
                });
            },
            formatRadio(val) {
                if (val == "1") {
                    return "是";
                } else if (val == "0") {
                    return "否";
                } else {
                    return val;
                }
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            addProblem(item) {
                let rules = this.szRuls;
                let rest = rules.filter(e => {
                    return e.eName == item;
                });
                this.probId = rest[0].id;
                this.showAddProblemDialog = true
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
            }
        }
    };
</script>

<style>
    #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>