From 5e059c9c17a6d63b6c017d2d2beb25ae227071d1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 11 四月 2025 17:33:59 +0800
Subject: [PATCH] 走航融合优化中
---
src/components/CardDialog.vue | 41 +++++++++++++++++++++++++++++++----------
1 files changed, 31 insertions(+), 10 deletions(-)
diff --git a/src/components/CardDialog.vue b/src/components/CardDialog.vue
index 6c04562..0d9a0d8 100644
--- a/src/components/CardDialog.vue
+++ b/src/components/CardDialog.vue
@@ -1,10 +1,12 @@
<template>
<el-dialog
- :model-value="modelValue"
- @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 +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