From 06eeb9b59644971d93e6dd9207ac447864e527b9 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 03 六月 2025 17:38:08 +0800
Subject: [PATCH] 动态溯源（待完成）
---
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..0d9a0d8 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">
@@ -26,20 +29,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
- },
- emits: ['update:modelValue'],
- methods: {
- handleChange(value) {
- this.$emit('update:modelValue', value);
+ // 瀹藉害
+ width: {
+ type: [String, Number],
+ default: '50%'
+ },
+ // 鍙嫋鎷�
+ draggable: Boolean,
+ // 閬僵灞�
+ modal: {
+ type: Boolean,
+ default: true
}
+ },
+ // emits: ['update:modelValue', 'changed'],
+ methods: {
+ // handleChange(value) {
+ // this.$emit('update:modelValue', value);
+ // this.$emit('changed', value);
+ // }
}
};
</script>
+<style></style>
--
Gitblit v1.9.3