20230303

src/views/modules/order/anyDialog.vue

@@ -0,0 +1,56 @@
+<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>
+.content {
+    text-align: center;
+    margin-top: 15px;
+}
+
+.el-step {
+    font-size: 20px;
+    vertical-align: middle;
+    line-height: 0;
+}
+</style>