57 lines
1.2 KiB
Vue
57 lines
1.2 KiB
Vue
<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> |