wangjuncheng
2025-04-15 65dc7a8dab046264766f7ae32070ded7bf34e6fe
change
已修改4个文件
80 ■■■■ 文件已修改
src/store/simulation.js 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/left/KGSimOption/HistorySimulation.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/left/KGSimOption/PredictiveSimulation.vue 39 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/left/KGSimOption/RealTimeSimulation.vue 33 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/store/simulation.js
@@ -52,8 +52,8 @@
    }
    // 添加单个方案数据
    const addSchemCardItem = (item) => {
        schemCard.value.push(item)
    const addSchemCard = (item) => {
        schemCard.value.unshift(item)
    }
    // 删除指定方案数据
@@ -138,7 +138,7 @@
        startMNPG,
        schemCard,
        setSchemCard,
        addSchemCardItem,
        addSchemCard,
        removeSchemCardItem,
        updateSchemCardItem,
    }
src/views/left/KGSimOption/HistorySimulation.vue
@@ -173,7 +173,7 @@
    rainfallDuration: rainfallDuration.value, // 降雨时长
  };
  simStore.addSchemCardItem(newScheme);
  simStore.addSchemCard(newScheme);
  ElMessage.success("方案已保存");
  // 关闭对话框
  saveDialogVisible.value = false;
src/views/left/KGSimOption/PredictiveSimulation.vue
@@ -84,6 +84,12 @@
import { ref, 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() {
@@ -92,6 +98,7 @@
  initeWaterPrimitiveView();
  startSimulate();
}
// 定义 Props
const props = defineProps({
  selectedArea: {
@@ -158,16 +165,28 @@
// 确认保存
const confirmSave = () => {
  console.log('保存方案成功', {
    区域: props.selectedArea,
    模拟类型: '预测模拟',
    预测数据: selectedForecastDataName.value,
    降雨雨量: `${totalRainfall.value} mm`,
    降雨强度: `${rainfallIntensity.value} mm/h`,
    降雨模式: selectedRainfallPatternsName.value,
    预计时长: `${rainfallDuration.value} h`
  });
  ElMessage.success('方案已保存');
  // 构造新的方案对象
  const newScheme = {
    id: Date.now().toString(), // 唯一 ID
    area: props.selectedArea, // 区域
    name: selectedForecastDataName.value, // 方案名称(预测数据类型)
    createTime: new Date().toISOString(), // 创建时间
    taskStatus: 0, // 初始状态为未开始
    simulationType: '预测模拟', // 模拟类型
    forecastData: selectedForecastDataName.value, // 预测数据
    totalRainfall: `${totalRainfall.value} mm`, // 降雨雨量
    rainfallIntensity: `${rainfallIntensity.value} mm/h`, // 降雨强度
    rainfallPattern: selectedRainfallPatternsName.value, // 降雨模式
    rainfallDuration: `${rainfallDuration.value} h`, // 预计时长
  };
  // 调用 Store 的方法添加方案
  simStore.addSchemCard(newScheme);
  console.log("保存方案成功", newScheme);
  ElMessage.success("方案已保存");
  // 关闭对话框
  saveDialogVisible.value = false;
};
src/views/left/KGSimOption/RealTimeSimulation.vue
@@ -66,6 +66,12 @@
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: 0, // 初始状态为未开始
    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('未来预测按钮被点击');
};