From 3eebe0844083ac26b87713918af6b91a96fd041c Mon Sep 17 00:00:00 2001
From: wangjuncheng <1>
Date: 星期二, 15 四月 2025 11:20:41 +0800
Subject: [PATCH] changeDialog
---
src/components/tools/Message.vue | 54 ++++++++++++++++++++++++------------------------------
1 files changed, 24 insertions(+), 30 deletions(-)
diff --git a/src/components/tools/Message.vue b/src/components/tools/Message.vue
index 83330bc..2b2f2d9 100644
--- a/src/components/tools/Message.vue
+++ b/src/components/tools/Message.vue
@@ -13,41 +13,35 @@
</template>
<script setup>
-import { ref, defineEmits } from "vue";
-
-defineProps({
- data: {
+import { ref, defineProps, defineEmits, watch } from "vue";
+// 瀹氫箟 props
+const props = defineProps({
+ mesData: {
type: Object,
- default: null,
+ default: () => ({}), // 榛樿鍊兼槸涓�涓┖瀵硅薄
},
});
-const messageList = ref([
- {
- name: "鏂规鍚嶇О锛�",
- value: "闄嶉洦30mm鏁版嵁",
+// 瀹氫箟 messageList
+const messageList = ref([]);
+
+// 鐩戝惉 props.mesData 鐨勫彉鍖�
+watch(
+ () => props.mesData, // 鐩戝惉 props.mesData
+ (newMesData) => {
+ if (newMesData) {
+ messageList.value = [
+ { name: "鏂规鍚嶇О锛�", value: newMesData.name || "鏃�" },
+ { name: "妯℃嫙鍖哄煙锛�", value: newMesData.area || "鏃�" },
+ { name: "闄嶉洦鏁版嵁锛�", value: newMesData.fileName || "鏃�" },
+ { name: "棰勬紨寮�濮嬫椂闂达細", value: newMesData.startTime || "鏃�" },
+ { name: "棰勬紨缁撴潫鏃堕棿锛�", value: newMesData.endTime || "鏃�" },
+ { name: "鍒涘缓鏃堕棿锛�", value: newMesData.createTime || "鏃�" },
+ ];
+ }
},
- {
- name: "妯℃嫙鍖哄煙锛�",
- value: cityData.listData[0] || "瀛欒儭娌�",
- },
- {
- name: "闄嶉洦鏁版嵁锛�",
- value: "闄嶉洦寮哄害30MM",
- },
- {
- name: "棰勬紨寮�濮嬫椂闂达細",
- value: "2025-01-15 12:55:18",
- },
- {
- name: "棰勬紨缁撴潫鏃堕棿锛�",
- value: "2025-01-15 18:35:00",
- },
- {
- name: "鍒涘缓鏃堕棿锛�",
- value: "2025-01-15 8:15:28",
- },
-]);
+ { immediate: true } // 绔嬪嵆鎵ц涓�娆�
+);
// 瀹氫箟 emit 鏂规硶
const emit = defineEmits(["close"]);
--
Gitblit v1.9.3