From dd09ea9ab90c89bf5ef78236d02a33bafdcad591 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 18 三月 2025 17:18:03 +0800
Subject: [PATCH] 新增走航融合模块网格融合功能（待完成）
---
src/components/CardDialog.vue | 33 +++++++++++++++++++++++++++++----
1 files changed, 29 insertions(+), 4 deletions(-)
diff --git a/src/components/CardDialog.vue b/src/components/CardDialog.vue
index 26608bc..7d601c7 100644
--- a/src/components/CardDialog.vue
+++ b/src/components/CardDialog.vue
@@ -1,9 +1,15 @@
<template>
<el-dialog
:model-value="modelValue"
- @update-modelvalue="handleChange"
+ @opened="handleChange(true)"
+ @closed="handleChange(false)"
:show-close="false"
- align-center
+ :destroy-on-close="true"
+ :width="width"
+ :draggable="draggable"
+ :modal="modal"
+ :close-on-click-modal="modal"
+ :modal-class="modal ? 'p-events-auto' : ''"
>
<template #header="{ close, titleId, titleClass }">
<BaseCard direction="top-left" borderless="t">
@@ -26,20 +32,39 @@
<template #content>
<slot></slot>
</template>
+ <template #footer>
+ <slot name="footer"></slot>
+ </template>
</BaseCard>
</el-dialog>
</template>
<script>
export default {
props: {
+ // 鏄鹃殣鎺у埗
+ modelValue: Boolean,
+ // 鏍囬
title: String,
- modelValue: Boolean
+ // 瀹藉害
+ width: {
+ type: [String, Number],
+ default: '50%'
+ },
+ // 鍙嫋鎷�
+ draggable: Boolean,
+ // 閬僵灞�
+ modal: {
+ type: Boolean,
+ default: true
+ }
},
- emits: ['update:modelValue'],
+ emits: ['update:modelValue', 'changed'],
methods: {
handleChange(value) {
this.$emit('update:modelValue', value);
+ this.$emit('changed', value);
}
}
};
</script>
+<style></style>
--
Gitblit v1.9.3