wangjuncheng
2025-04-15 8792be67cf5791a4a3afc2f72fd8d7cfc3cff353
src/views/left/KGSimOption/RealTimeSimulation.vue
@@ -63,9 +63,15 @@
</template>
<script setup>
import { ref, watch, defineProps, computed,inject } from 'vue';
import { ref, watch, defineProps, computed, inject } from 'vue';
import { ElMessage } from 'element-plus';
import { initeWaterPrimitiveView } from "@/utils/water";
import { useSimStore } from "@/store/simulation.js"; // 引入 Store
// 获取 Store 实例
const simStore = useSimStore();
// 注入模拟操作方法
const { startSimulate, endSimulate } = inject("simulateActions");
function startPlay() {
@@ -80,6 +86,7 @@
  initeWaterPrimitiveView();
  startSimulate();
}
// 工具函数:深拷贝并设置默认选中状态
function deepCloneAndSetSelected(data) {
  const newData = {};
@@ -208,19 +215,31 @@
// 确认保存
const confirmSave = () => {
  console.log('保存方案成功', {
    区域: props.selectedArea,
    模拟类型: '实时模拟',
    雨量数据: selectedRainfallName.value,
    设备信息: selectedDevices.value.map(item => item.name)
  });
  ElMessage.success('方案已保存');
  // 构造新的方案对象
  const newScheme = {
    id: Date.now().toString(), // 唯一 ID
    area: props.selectedArea, // 区域
    name: selectedRainfallName.value, // 方案名称(雨量数据类型)
    createTime: new Date().toISOString(), // 创建时间
    taskStatus:1, // 初始状态为未开始
    rainfallType: selectedRainfallName.value, // 雨量数据类型
    devices: selectedDevices.value.map((item) => item.name), // 设备信息
  };
  // 调用 Store 的方法添加方案
  simStore.addSchemCard(newScheme);
  console.log("保存方案成功", newScheme);
  ElMessage.success("方案已保存");
  // 关闭对话框
  saveDialogVisible.value = false;
};
const toggleDetails = () => {
  isCollapsed.value = !isCollapsed.value;
};
const futurePredictions = () => {
  console.log('未来预测按钮被点击');
};