change

wangjuncheng

2025-04-23 6ea5a7698110bfdb4b1f6ceeaad334f3a73e9c8d

 src/views/left/KGSimOption/RealTimeSimulation.vue

@@ -7,6 +7,14 @@
    <div class="details" :class="{ hidden: isCollapsed }">
      <div class="input-group">
        <div class="input-item">
          <label>方案名称:</label>
          <el-input
            v-model="schemeName"
            type="text"
            placeholder="请输入"
          ></el-input>
        </div>
        <div class="input-item">
          <label>雨量数据:</label>
          <el-select v-model="selectedRainfall" placeholder="请选择" popper-class="mySelectStyle">
            <el-option
@@ -24,10 +32,10 @@
          <span>{{ item.name }}</span>
        </div>
      </div>
      <div style="margin-top: 10px;">
      <!-- <div style="margin-top: 10px;">
        <label>仿真参数:</label>
        <div style="width: 100%; height: 60px; background-color: #fff;"></div>
      </div>
      </div> -->
    </div>
    <div class="buttons">
      <el-button type="primary" @click="openSaveDialog">保存方案</el-button>
@@ -63,9 +71,16 @@
</template>

<script setup>
import { ref, watch, defineProps, computed } 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 schemeName = ref("方案名称"); // 方案名称

// 注入模拟操作方法
const { startSimulate, endSimulate } = inject("simulateActions");

function startPlay() {
@@ -80,6 +95,7 @@
  initeWaterPrimitiveView();
  startSimulate();
}

// 工具函数：深拷贝并设置默认选中状态
function deepCloneAndSetSelected(data) {
  const newData = {};
@@ -208,19 +224,32 @@

// 确认保存
const confirmSave = () => {
  console.log('保存方案成功', {
    区域: props.selectedArea,
    模拟类型: '实时模拟',
    雨量数据: selectedRainfallName.value,
    设备信息: selectedDevices.value.map(item => item.name)
  });
  ElMessage.success('方案已保存');
  // 构造新的方案对象
  const newScheme = {
    name: schemeName.value,//方案名称
    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('未来预测按钮被点击');
};