From dc16b68e74c18b617c8f79d82fd3c3306badbcbe Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 21 十一月 2024 17:22:23 +0800
Subject: [PATCH] 修复场景报告中设备图片选择弹框错误问题
---
src/components/CompGenericWrapper.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 52 insertions(+), 0 deletions(-)
diff --git a/src/components/CompGenericWrapper.vue b/src/components/CompGenericWrapper.vue
new file mode 100644
index 0000000..2b038a6
--- /dev/null
+++ b/src/components/CompGenericWrapper.vue
@@ -0,0 +1,52 @@
+<template>
+ <!-- dialog鍖呰９ -->
+ <el-dialog v-if="currType == 'dialog'" :title="title" :model-value="visible" @opened="$emit('update:visible', true)"
+ @closed="$emit('update:visible', false)" destroy-on-close>
+ <div v-if="visible">
+ <slot name="content"></slot>
+ </div>
+ </el-dialog>
+ <!-- drawer鍖呰９ -->
+ <el-drawer v-if="currType == 'drawer'" :title="title" size="45%" direction="ltr" :model-value="visible"
+ @opened="$emit('update:visible', true)" @closed="$emit('update:visible', false)" destroy-on-close>
+ <slot name="content"></slot>
+ </el-drawer>
+ <!-- 榛樿鏃犲寘瑁� -->
+ <div v-if="currType == 'normal'">
+ <slot></slot>
+ </div>
+</template>
+<script setup>
+import { ref, defineEmits, watch } from 'vue';
+const props = defineProps({
+ visible: Boolean,
+ title: String,
+ type: {
+ type: String,
+ default: 'normal'
+ }
+});
+const typeOptions = ref([
+ { id: '0', label: 'dialog' },
+ { id: '1', label: 'drawer' },
+ { id: '10', label: '' }
+]);
+const currType = ref('');
+const emit = defineEmits(['update:visible']);
+watch(
+ () => props.type,
+ (nValue) => {
+ currType.value = nValue;
+ },
+ { immediate: true }
+);
+</script>
+<style scoped>
+::v-deep .el-drawer__body {
+ padding-top: 0;
+}
+
+::v-deep .el-drawer__header {
+ margin-bottom: 16px;
+}
+</style>
--
Gitblit v1.9.3