From ec763e1cb7dca873caf4afbc0dfde047b51753d3 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 17 十月 2025 17:26:54 +0800
Subject: [PATCH] 2025.10.17
---
src/components/CardDialog.vue | 40 +++++++++++++++++++++++++++++++---------
1 files changed, 31 insertions(+), 9 deletions(-)
diff --git a/src/components/CardDialog.vue b/src/components/CardDialog.vue
index 26608bc..56cb935 100644
--- a/src/components/CardDialog.vue
+++ b/src/components/CardDialog.vue
@@ -1,9 +1,12 @@
<template>
<el-dialog
- :model-value="modelValue"
- @update-modelvalue="handleChange"
: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">
@@ -22,9 +25,12 @@
</template>
</BaseCard>
</template>
- <BaseCard size="medium">
+ <BaseCard v-bind="$attrs">
<template #content>
<slot></slot>
+ </template>
+ <template #footer>
+ <slot name="footer"></slot>
</template>
</BaseCard>
</el-dialog>
@@ -32,14 +38,30 @@
<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);
- }
+ // handleChange(value) {
+ // this.$emit('update:modelValue', value);
+ // this.$emit('changed', value);
+ // }
}
};
</script>
+<style></style>
--
Gitblit v1.9.3