<template>
    <Modal :title="buttonShowDesc" :width="800" :value="true" :styles="{top:'20px'}">
        <div class="report-info" v-html="reportInfo"></div>
        <div slot="footer">
            <Button type="primary" @click="close">确认</Button>
        </div>
    </Modal>
</template>
<script>
export default {
    name: 'InfoDialog',
    data() {
        return {}
    },
    computed: {
        buttonShowDesc() {
            return "逻辑说明"
        },

        reportInfo() {
            return this.description || '没有说明'
        }
    },
    methods: {
        close() {
            setTimeout(() => {
                this.$destroy()
                document.body.removeChild(this.$el)
            }, 300)
        },
    },
}
</script>
<style scoped>
.report-info {
    height: 500px;
    width: 100%;
    font-size: 14px;
    padding: 0 16px;
    overflow: auto;
}
</style>
