<template>
    <div class="myMessage">
        <el-dialog title="提示" :visible.sync="centerDialogVisible" top="30vh" width="30%" :close-on-press-escape="false"
                   :show-close="true" :destroy-on-close="true" :modal-append-to-body="false"
                   :close-on-click-modal="false" :before-close="realClose">
            <div style="height: 70px;line-height: 30px;overflow: hidden;">
                <i class="el-icon-warning" style="font-size: 30px;float:left;padding:0 10px;color: orange;"></i>
                <span style="height: 30px;line-height: 30px;display: inline-block;float:left">{{ messTit }}</span><br/>
                <div style="margin-left: 40px">
                        <el-radio v-model="radioStatus" label="1" style="margin: 10px">{{ yesBtnName }}</el-radio>
                        <el-radio v-model="radioStatus" label="2" style="margin: 10px">{{ noBtnName }}</el-radio>
                </div>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button size="small" type="primary" @click="closemessage()">{{ okBtnName }}</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    props: ["centerDialogVisible", "messTit", 'type', 'yesBtnName', 'noBtnName', 'okBtnName'],
    data() {
        return {
            radioStatus: '2'
        };
    },
    methods: {
        closemessage(v) {
            this.$emit("closeMessage", this.radioStatus)
        },
        realClose(v) {
            this.$emit("closeMessage", '3')
        }
    },
    mounted() {
    },
    created() {
    },
};
</script>


<style>
</style>
