From 87daec20aa718327f65b0e5828781d74d6016276 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Thu, 20 Jun 2024 13:40:57 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sgzb-ui/src/components/DialogModel/index.vue | 55 ++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 sgzb-ui/src/components/DialogModel/index.vue

diff --git a/sgzb-ui/src/components/DialogModel/index.vue b/sgzb-ui/src/components/DialogModel/index.vue
new file mode 100644
index 00000000..0db62f1f
--- /dev/null
+++ b/sgzb-ui/src/components/DialogModel/index.vue
@@ -0,0 +1,55 @@
+<template>
+    <!-- 弹框组件 -->
+    <div>
+        <el-dialog
+            :title="dialogConfig.outerTitle"
+            :width="dialogConfig.outerWidth"
+            :visible.sync="dialogConfig.outerVisible"
+            v-if="dialogConfig.outerVisible"
+            :before-close="handleCloseOuter"
+            append-to-body
+        >
+            <!-- 外层弹框内容 -->
+            <slot name="outerContent"></slot>
+
+            <!-- 内层对话框 -->
+            <el-dialog
+                :title="dialogConfig.innerTitle"
+                :width="dialogConfig.innerWidth"
+                :visible.sync="dialogConfig.innerVisible"
+                v-if="dialogConfig.innerVisible"
+                :before-close="handleCloseInner"
+                append-to-body
+            >
+                <!-- 内层弹框内容 -->
+                <slot name="innerContent"></slot>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+    export default {
+        props: {
+            /* 配置项 */
+            dialogConfig: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        methods: {
+            /* 右上角关闭外层 */
+            handleCloseOuter() {
+                /* 通知父组件更改弹框显示值 */
+                this.$emit('closeDialogOuter', false)
+            },
+            /* 右上角关闭内层 */
+            handleCloseInner() {
+                /* 通知父组件更改弹框显示值 */
+                this.$emit('closeDialogInner', false)
+            },
+        },
+    }
+</script>