fj-dc-ui/.svn/pristine/7d/7d06731307cafddc2190b267af5bec4deafbd4dc.svn-base

<template>
    <div class="zdlsqk" style="width: 100%;margin: auto">
        <el-container v-if="formIsShow" style="height:49vh;">
            <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="addObj" :label-width="formLabelWidth" >
                    <el-form-item label="水闸所属流域" prop="reverOrg">
                        <el-select v-model="addObj.gateAdmOrg" :placeholder="placeholder">
                        <el-option v-for="item in lyjg" :key="item.id" :label="item.pnm" :value="item.id"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="总体评价" style="width:41vw" class="zdlsqk">
                        <el-radio v-model="addObj.oeseInfo" label="0">重大安全隐患</el-radio>
                        <el-radio v-model="addObj.oeseInfo" label="1">一般安全隐患</el-radio>
                        <el-radio v-model="addObj.oeseInfo" label="2">正常安全运行</el-radio>
                    </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.ifEffective" label="1">是</el-radio>
                        <el-radio v-model="addObj.ifEffective" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="未发挥原因" style="width:41vw" class="zdlsqk" v-if="addObj.ifEffective == '2'">
                        <el-radio v-model="addObj.effvCas" label="1">工程实体存在隐患</el-radio>
                        <el-radio v-model="addObj.effvCas" label="2">外部需求发生改变</el-radio>
                        <el-radio v-model="addObj.effvCas" label="3">配套工程设施不完善或损毁</el-radio>
                        <el-radio v-model="addObj.effvCas" label="4">其它原因</el-radio>
                    </el-form-item>
                    <el-form-item label="其它原因" v-if="addObj.ifEffective == '2' && addObj.effvCas === '4'">
                        <el-input type="text" v-model="addObj.effectiveOth"></el-input>
                    </el-form-item>
                    <!-- effectiveOth (string, optional): 未发挥效益原因--其他原因 -->
                    <el-divider></el-divider>
                    <el-form-item label="安全鉴定情况">
                        <el-radio v-model="addObj.extDamSafeAppr" label="1">已按规定开展安全鉴定</el-radio>
                        <el-radio v-model="addObj.extDamSafeAppr" label="2">未按要求开展</el-radio>
                        <el-radio v-model="addObj.extDamSafeAppr" label="3">按规定不需要开展</el-radio>
                    </el-form-item>
                    <el-form-item label="鉴定结果" style="width:41vw" class="zdlsqk" v-if="addObj.extDamSafeAppr == '1'">
                        <el-radio v-model="addObj.extDamSafeApprInfo" label="1">一类</el-radio>
                        <el-radio v-model="addObj.extDamSafeApprInfo" label="2">二类</el-radio>
                        <el-radio v-model="addObj.extDamSafeApprInfo" label="3">三类</el-radio>
                        <el-radio v-model="addObj.extDamSafeApprInfo" label="4">四类</el-radio>
                    </el-form-item>
                    <el-form-item label="除险加固">
                            <el-radio v-model="addObj.prftaofcIsH" label="1">不需要实施</el-radio>
                            <el-radio v-model="addObj.prftaofcIsH" label="2">已完成</el-radio>
                            <el-radio v-model="addObj.prftaofcIsH" label="3">正在实施</el-radio>
                            <el-radio v-model="addObj.prftaofcIsH" label="4">未实施</el-radio>
                    </el-form-item>
                    <el-form-item label>
                        <el-button style="padding:7px 15px" type="primary" @click="addMember" v-if="openType">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
        </el-container>
    </div>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import { getBasicSituationInfo, getLyjglistSz } from "@api/duChaTianBao.js";
export default {
    props: [
        "currentObjectRgstrId",
        "currentObjectName",
        "currentObjectId",
        "szRuls",
        "showOrEdit",
        "currentGroupId",
        "canEdit",
        "openType"
    ],
    components: {
    },
    data() {
        return {
            objtbStatu:{
                dataStat:"",
                id:"",
            },
            problData: "",
            showAddProblemDialog: false,
            addObj: {
                dataStat: "",
                effectiveOth: "",
                effvCas: "",
                extDamSafeAppr: "",
                extDamSafeApprInfo: "",
                gateAdmOrg: "",
                ifEffective: "",
                oeseInfo: "",
                prftaofcIsH: "",
                rgstrId: "",
                recPersId: ""
            },
            curOperate: "",
            formLabelWidth: "20vw",
            loading: true,
            operationType1: "",
            dialogShow: false,
            lyjg: [],
            placeholder: "",
            formIsShow: true,
        };
    },
    computed: {
        recPersId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        }
    },
    mounted() {
        this.getLyjgList();
        this.getRgstridObj();
    },
    created() {
        if (this.showOrEdit === "show") {
            this.formIsShow = false;
        } else {
            this.formIsShow = true;
        }
    },
    watch: {
        currentObjectRgstrId(n, o) {
            this.getRgstridObj();
        }
    },
    methods: {
        getLyjgList() {
            var _self = this;
            getLyjglistSz().then(res => {
                if (res.success) {
                    _self.lyjg = res.data;
                    _self.placeholder = _self.lyjg[0].pnm;
                    _self.addObj.reverOrg = _self.lyjg[0].id;
                    _self.getRgstridObj();
                } else {
                    _self.getRgstridObj();
                }
            });
        },
        appearDialog(type) {
            this.dialogShow = true;
            this.problemSmallType = type;
        },
        closeDialog() {
            this.dialogShow = false;
        },
        getRgstridObj() {
            var _self = this;
            getBasicSituationInfo(_self.currentObjectRgstrId).then(res => {
                if (Object.keys(res.data).length !== 0) {
                    _self.addObj = res.data;
                    _self.operationType1 = "update";
                    console.log(_self.addObj);
                } else {
                    _self.addObj = {};
                    _self.operationType1 = "add";
                }
            });
        },
        addMember() {
            var _self = this;
            _self.addObj.rgstrId = this.currentObjectRgstrId;
            _self.addObj.recPersId = this.recPersId;
            _self.objtbStatu.id = _self.currentObjectRgstrId;
            if(_self.addObj.gateAdmOrg && _self.addObj.oeseInfo && _self.addObj.ifEffective && _self.addObj.extDamSafeAppr && _self.addObj.prftaofcIsH){
                this.objtbStatu.dataStat = "2"
            }else{
                if(_self.addObj.gateAdmOrg ==undefined  &&
                    _self.addObj.oeseInfo ==undefined &&
                    _self.addObj.ifEffective ==undefined  &&
                    _self.addObj.extDamSafeAppr ==undefined &&
                    _self.addObj.prftaofcIsH ==undefined ){
                    this.objtbStatu.dataStat = "0"
                }else{
                this.objtbStatu.dataStat = "1"
                }
            }
            this.$confirm("确认保存管理责任体系建设和落实情况信息？", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                try{
                    request.post('/bis/insp/waga/base',_self.addObj).then((res)=>{
                        if (res.success) {
                            _self.$message.success("保存成功");
                            _self.addObj["id"] = res.data.id;
                            _self.operationType1 = "update";
                            request.post("/att/waga/rgstr/update",_self.objtbStatu).then((res)=>{

                            })
                            _self.$emit("addShuiKuSuccess");
                        }
                    });
                } catch(e) {

                }
            })
            .catch(() => {
            });
        },
    }
};
</script>

<style lang="scss" scoped>
    .zdlsqk label.el-form-item__label {
        width: 280px;
    }
    .zdlsqk .el-button--text {
        margin-left: 1vw;
        font-size: 1rem;
    }
    .zdlsqk .el-button--mini {
        //处理出现小加号后，选项上下抖动问题
        padding: 0px 15px;
    }
    .slide-fade-enter-active {
        transition: all 0.3s ease;
    }
    .slide-fade-leave-active {
        transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
    }
    .slide-fade-enter, .slide-fade-leave-to
        /* .slide-fade-leave-active for below version 2.1.8 */ {
        transform: translateY(-10px);
        opacity: 0;
    }
</style>