<template>
    <div>
        <el-dialog class="anyDialog" :title="`${title}`" :close-on-click-modal="false" :visible.sync="visible" width='500px'
            :before-close="beforeCloseDialog">            
            <div class="textBody" v-html="content" ></div>
            <div slot="footer" class="dialog-footer" style="text-align: center;">
                <el-button type="primary" @click="beforeCloseDialog">确 定</el-button>
            </div>           
        </el-dialog>       

    </div>
</template>

<script>
export default {
    name: 'printOrderDialog',
    props: {
        visible: {
            type: Boolean,
            value: true
        },
        title:{
            type:String,
            value:''
        },
        content: {
            type: String,
            value: ''
        }
    },
    data() {
        return {           
           
        }
    },    
    methods: {
        beforeCloseDialog() {
            this.$emit('closeDialog', false)            
        },  
    }

}

</script>
<style>
.textBody{display: block; height: 600px; overflow-y: scroll; position: relative;}
.content {
    text-align: center;
    margin-top: 15px;
}

.el-step {
    font-size: 20px;
    vertical-align: middle;
    line-height: 0;
}
</style>