From dbe8c138dcf039c9ab3744478ae234f4cd52c446 Mon Sep 17 00:00:00 2001 From: wangjuncheng <1> Date: 星期二, 15 四月 2025 10:44:02 +0800 Subject: [PATCH] change --- src/views/left/KGSim.vue | 43 +++++++++++++++++++++---------------------- 1 files changed, 21 insertions(+), 22 deletions(-) diff --git a/src/views/left/KGSim.vue b/src/views/left/KGSim.vue index c337e65..8e61906 100644 --- a/src/views/left/KGSim.vue +++ b/src/views/left/KGSim.vue @@ -29,32 +29,32 @@ <!-- 鍘嗗彶妯℃嫙 --> <div class="history-simulation-wrapper"> - <el-radio-group v-model="selectedSimulation" style="margin-bottom: 10px;"> + <el-radio-group v-model="selectedSimulation" style="margin-bottom: 10px"> <el-radio label="鍘嗗彶妯℃嫙">鍘嗗彶妯℃嫙</el-radio> <el-radio label="瀹炴椂妯℃嫙">瀹炴椂妯℃嫙</el-radio> <el-radio label="棰勬祴妯℃嫙">棰勬祴妯℃嫙</el-radio> </el-radio-group> <div v-if="selectedSimulation === '鍘嗗彶妯℃嫙'"> - <HistorySimulation :selectedArea="selectedArea"/> + <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> </template> <script setup> -import { ref, computed } from 'vue'; -import HistorySimulation from './KGSimOption/HistorySimulation.vue'; -import PredictiveSimulation from './KGSimOption/PredictiveSimulation.vue'; -import RealTimeSimulation from './KGSimOption/RealTimeSimulation.vue'; +import { ref, computed } from "vue"; +import HistorySimulation from "./KGSimOption/HistorySimulation.vue"; +import PredictiveSimulation from "./KGSimOption/PredictiveSimulation.vue"; +import RealTimeSimulation from "./KGSimOption/RealTimeSimulation.vue"; -const selectedSimulation = ref('鍘嗗彶妯℃嫙'); -const selectedArea = ref('瀛欒儭娌�'); +const selectedSimulation = ref("鍘嗗彶妯℃嫙"); +const selectedArea = ref("瀛欒儭娌�"); const earesOptions = [ { value: "瀛欒儭娌�", label: "瀛欒儭娌�" }, { value: "楸兼按娲炲悗娌�", label: "楸兼按娲炲悗娌�" }, @@ -64,9 +64,9 @@ ]; // 鍔ㄦ�佽繃婊ら�夐」 -const searchQuery = ref(''); +const searchQuery = ref(""); const filteredOptions = computed(() => { - return earesOptions.filter(option => + return earesOptions.filter((option) => option.label.toLowerCase().includes(searchQuery.value.toLowerCase()) ); }); @@ -77,21 +77,20 @@ }; const handleStart = () => { - console.log('寮�濮嬫寜閽鐐瑰嚮'); + console.log("寮�濮嬫寜閽鐐瑰嚮"); }; const handleAdd = () => { - console.log('鍔犺浇鎸夐挳琚偣鍑�'); + console.log("鍔犺浇鎸夐挳琚偣鍑�"); }; </script> <style scoped> -/* 鏍峰紡淇濇寔涓嶅彉 */ </style> <style scoped> .simulation-module { - color: #61f7d4; + color: #61f7d4; } .simulation-area { @@ -99,7 +98,7 @@ } .engineering-buttons { - .el-button{ + .el-button { width: 100px; } } @@ -107,7 +106,7 @@ .history-simulation-wrapper { margin-bottom: 20px; height: 100%; /* 鍥哄畾楂樺害 */ - overflow: auto; + overflow: auto; } /* 鑷畾涔夊崟閫夋鏍峰紡 */ :deep(.el-radio__input.is-checked .el-radio__inner) { @@ -118,13 +117,13 @@ :deep(.el-radio__input.is-checked + .el-radio__label) { color: inherit; /* 璁╂枃瀛楅鑹茶窡闅忕埗绾� */ } -:deep(.el-select__placeholder ) { +:deep(.el-select__placeholder) { color: #fff; /* 璁╂枃瀛楅鑹茶窡闅忕埗绾� */ } -:deep(.el-radio ) { +:deep(.el-radio) { color: #fff; /* 璁╂枃瀛楅鑹茶窡闅忕埗绾� */ } -:deep(.el-input__inner ) { +:deep(.el-input__inner) { color: #fff; /* 璁╂枃瀛楅鑹茶窡闅忕埗绾� */ } /* .mySelectStyle { @@ -138,4 +137,4 @@ color: #009688 !important; } } */ -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3