From 7d02024c5351e620dcc2d49f36331e4a37228ea4 Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期四, 20 三月 2025 22:35:51 +0800
Subject: [PATCH] 走航融合（待完成）
---
src/components/CardDialog.vue | 30 +++++++++++++++++++++++++++---
1 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/src/components/CardDialog.vue b/src/components/CardDialog.vue
index 6c04562..7d601c7 100644
--- a/src/components/CardDialog.vue
+++ b/src/components/CardDialog.vue
@@ -4,7 +4,12 @@
@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">
@@ -27,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