From 3eebe0844083ac26b87713918af6b91a96fd041c Mon Sep 17 00:00:00 2001 From: wangjuncheng <1> Date: 星期二, 15 四月 2025 11:20:41 +0800 Subject: [PATCH] changeDialog --- src/views/left/KGSim.vue | 4 +- src/components/tools/Message.vue | 54 ++++++++++++--------------- src/components/tools/Tools.vue | 2 src/views/left/Left.vue | 4 +- src/views/left/CitySim.vue | 4 +- src/components/monifangzhen/schemeCard.vue | 8 +++- 6 files changed, 37 insertions(+), 39 deletions(-) diff --git a/src/components/monifangzhen/schemeCard.vue b/src/components/monifangzhen/schemeCard.vue index 083673c..06402eb 100644 --- a/src/components/monifangzhen/schemeCard.vue +++ b/src/components/monifangzhen/schemeCard.vue @@ -283,7 +283,9 @@ const messageShow = ref(false); const mesData = ref(null); function setSchemClick(item) { + mesData.value = item; + console.log(mesData.value,'dadadaddaadaadadadad'); messageShow.value = true; } function close() { @@ -343,8 +345,10 @@ } .mess { position: absolute; - top: 160px; - left: 460px; + top: 10%; + left: 100%; + // top: 160px; + // left: 460px; } /deep/.el-card__body { 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"]); diff --git a/src/components/tools/Tools.vue b/src/components/tools/Tools.vue index a1456f9..79bda9b 100644 --- a/src/components/tools/Tools.vue +++ b/src/components/tools/Tools.vue @@ -92,7 +92,7 @@ } -const showLayerTree = ref(true); +const showLayerTree = ref(false); const isPopupVisible = ref(false); // 鎺у埗寮圭獥鏄惁鍙 const currentToolOptions = ref([]); // 褰撳墠宸ュ叿鐨勫姛鑳介�夐」 diff --git a/src/views/left/CitySim.vue b/src/views/left/CitySim.vue index 111e02f..e4a180f 100644 --- a/src/views/left/CitySim.vue +++ b/src/views/left/CitySim.vue @@ -106,7 +106,7 @@ <p><strong>闄嶉洦閲忥細</strong>{{ forms.rainfall }} mm</p> <p><strong>闄嶉洦鏃堕暱锛�</strong>{{ forms.duration }} h</p> <p><strong>闄嶉洦寮哄害锛�</strong>{{ forms.intensity }} mm/h</p> - <p><strong>涓婁紶鏂囦欢锛�</strong>{{ uploadedFilesText }}</p> + <!-- <p><strong>涓婁紶鏂囦欢锛�</strong>{{ uploadedFilesText }}</p> --> </div> <template #footer> <span class="dialog-footer"> @@ -217,7 +217,7 @@ 闄嶉洦閲�: `${forms.rainfall} mm`, 闄嶉洦鏃堕暱: `${forms.duration} h`, 闄嶉洦寮哄害: `${forms.intensity} mm/h`, - // 涓婁紶鏂囦欢: forms.fileList.map(file => file.name), + 涓婁紶鏂囦欢: forms.fileList.map(file => file.name), }); ElMessage.success('鏂规宸蹭繚瀛�'); saveDialogVisible.value = false; diff --git a/src/views/left/KGSim.vue b/src/views/left/KGSim.vue index 8e61906..5fe0074 100644 --- a/src/views/left/KGSim.vue +++ b/src/views/left/KGSim.vue @@ -38,10 +38,10 @@ <HistorySimulation :selectedArea="selectedArea" /> </div> <div v-if="selectedSimulation === '瀹炴椂妯℃嫙'"> - <!-- <RealTimeSimulation :selectedArea="selectedArea" /> --> + <RealTimeSimulation :selectedArea="selectedArea" /> </div> <div v-if="selectedSimulation === '棰勬祴妯℃嫙'"> - <!-- <PredictiveSimulation :selectedArea="selectedArea" /> --> + <PredictiveSimulation :selectedArea="selectedArea" /> </div> </div> </div> diff --git a/src/views/left/Left.vue b/src/views/left/Left.vue index 1f083ef..dc6ec0f 100644 --- a/src/views/left/Left.vue +++ b/src/views/left/Left.vue @@ -7,8 +7,8 @@ <div style=" display: flex; - justify-content: flex-end; - padding: 8px 8px 0px 0px; + justify-content: space-around; + padding: 8px 8px 8px 0px; " > <el-button @click="handleClick">鏂板缓浠跨湡鏂规</el-button> -- Gitblit v1.9.3