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 copy.vue | 70 +++++++++++++++++++++++++++++++++++
1 files changed, 70 insertions(+), 0 deletions(-)
diff --git a/src/components/CardDialog copy.vue b/src/components/CardDialog copy.vue
new file mode 100644
index 0000000..7d601c7
--- /dev/null
+++ b/src/components/CardDialog copy.vue
@@ -0,0 +1,70 @@
+<template>
+ <el-dialog
+ :model-value="modelValue"
+ @opened="handleChange(true)"
+ @closed="handleChange(false)"
+ :show-close="false"
+ :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">
+ <template #content>
+ <el-row justify="space-between" align="middle">
+ <el-row align="middle">
+ <font-awesome-icon icon="fa fa-list" class="m-r-4" />
+ <span :id="titleId" :class="titleClass">{{ title }}</span>
+ </el-row>
+ <font-awesome-icon
+ icon="fa fa-times"
+ class="cursor-p m-r-4"
+ @click="close"
+ />
+ </el-row>
+ </template>
+ </BaseCard>
+ </template>
+ <BaseCard size="medium">
+ <template #content>
+ <slot></slot>
+ </template>
+ <template #footer>
+ <slot name="footer"></slot>
+ </template>
+ </BaseCard>
+ </el-dialog>
+</template>
+<script>
+export default {
+ props: {
+ // 鏄鹃殣鎺у埗
+ modelValue: Boolean,
+ // 鏍囬
+ title: String,
+ // 瀹藉害
+ 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