From 080ff408e2b954fd1d1f812e51a49c0fc0e42f32 Mon Sep 17 00:00:00 2001 From: wangjuncheng <1> Date: 星期二, 15 四月 2025 14:13:08 +0800 Subject: [PATCH] change --- src/views/left/KGSim.vue | 42 +++++++++++++++++++++--------------------- 1 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/views/left/KGSim.vue b/src/views/left/KGSim.vue index 9f82c33..8f419a6 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" /> --> </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,21 @@ }; const handleStart = () => { - console.log('寮�濮嬫寜閽鐐瑰嚮'); + console.log("寮�濮嬫寜閽鐐瑰嚮"); }; const handleAdd = () => { - console.log('鍔犺浇鎸夐挳琚偣鍑�'); + console.log("鍔犺浇鎸夐挳琚偣鍑�"); }; </script> <style scoped> -/* 鏍峰紡淇濇寔涓嶅彉 */ </style> <style scoped> .simulation-module { - color: #61f7d4; + color: #61f7d4; + font-size: 14px; } .simulation-area { @@ -99,7 +99,7 @@ } .engineering-buttons { - .el-button{ + .el-button { width: 100px; } } @@ -107,7 +107,7 @@ .history-simulation-wrapper { margin-bottom: 20px; height: 100%; /* 鍥哄畾楂樺害 */ - overflow: auto; /* 濡傛灉鍐呭瓒呭嚭锛屽厑璁告粴鍔� */ + overflow: auto; } /* 鑷畾涔夊崟閫夋鏍峰紡 */ :deep(.el-radio__input.is-checked .el-radio__inner) { @@ -118,13 +118,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 +138,4 @@ color: #009688 !important; } } */ -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3