From 16eb4bd55a4fd61ddd7a171b1a07378c45d1665b Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 05 六月 2025 13:59:28 +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..56cb935 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"> @@ -23,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> @@ -33,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