From 9eba6f3e999e7bc1f360b9a4b11dd2b204fb0feb Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期二, 15 四月 2025 09:59:43 +0800
Subject: [PATCH] 开始模拟跳转

---
 src/views/left/KGSim.vue |   55 +++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/src/views/left/KGSim.vue b/src/views/left/KGSim.vue
index c337e65..59b684f 100644
--- a/src/views/left/KGSim.vue
+++ b/src/views/left/KGSim.vue
@@ -29,32 +29,47 @@
 
     <!-- 鍘嗗彶妯℃嫙 -->
     <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"
+          @start="start"
+          @end="end"
+        />
       </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 emit = defineEmits(["start", "end"]);
+
+function end() {
+  emit("end");
+}
+
+function start() {
+  // initeWaterPrimitiveView();
+  emit("start");
+}
+
+const selectedSimulation = ref("鍘嗗彶妯℃嫙");
+const selectedArea = ref("瀛欒儭娌�");
 const earesOptions = [
   { value: "瀛欒儭娌�", label: "瀛欒儭娌�" },
   { value: "楸兼按娲炲悗娌�", label: "楸兼按娲炲悗娌�" },
@@ -64,9 +79,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,11 +92,11 @@
 };
 
 const handleStart = () => {
-  console.log('寮�濮嬫寜閽鐐瑰嚮');
+  console.log("寮�濮嬫寜閽鐐瑰嚮");
 };
 
 const handleAdd = () => {
-  console.log('鍔犺浇鎸夐挳琚偣鍑�');
+  console.log("鍔犺浇鎸夐挳琚偣鍑�");
 };
 </script>
 
@@ -91,7 +106,7 @@
 
 <style scoped>
 .simulation-module {
-  color: #61f7d4;   
+  color: #61f7d4;
 }
 
 .simulation-area {
@@ -99,7 +114,7 @@
 }
 
 .engineering-buttons {
-  .el-button{
+  .el-button {
     width: 100px;
   }
 }
@@ -107,7 +122,7 @@
 .history-simulation-wrapper {
   margin-bottom: 20px;
   height: 100%; /* 鍥哄畾楂樺害 */
-  overflow: auto; 
+  overflow: auto;
 }
 /* 鑷畾涔夊崟閫夋鏍峰紡 */
 :deep(.el-radio__input.is-checked .el-radio__inner) {
@@ -118,13 +133,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 +153,4 @@
         color: #009688 !important;
     }
 } */
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.9.3