2

wangjuncheng

2025-04-14 55f950b56d94154fab0f807a417df2202aaae499

2

 src/views/left/KGSimOption/HistorySimulation.vue

@@ -9,7 +9,8 @@
          <div class="input-item">
            <label>历史雨情:</label>
            <el-select v-model="rainfallHistory" placeholder="请选择" popper-class="mySelectStyle">
              <el-option v-for="item in HistoricalRainData" :key="item.id" :label="item.name" :value="item.id"></el-option>
                        <el-option v-for="item in HistoricalRainData" :key="item.id" :label="item.name"
                            :value="item.id"></el-option>
            </el-select>
          </div>
        </div>
@@ -37,17 +38,12 @@
      </div>
      <div class="buttons">
        <el-button type="primary" @click="openSaveDialog">保存方案</el-button>
        <el-button type="success" @click="startSimulation">开始模拟</el-button>
            <el-button type="success" @click="startPlay">开始模拟</el-button>
      </div>
  
      <!-- 保存方案对话框 -->
      <el-dialog
        v-model="saveDialogVisible"
        title="保存方案"
        width="50%"
        :before-close="handleClose"
        custom-class="custom-dialog"
      >
        <el-dialog v-model="saveDialogVisible" title="保存方案" width="50%" :before-close="handleClose"
            custom-class="custom-dialog">
        <div class="dialog-content">
          <p><strong>所选重点沟：</strong>{{ props.selectedArea }}</p>
          <p><strong>模拟类型：</strong>历史模拟</p>
@@ -69,7 +65,17 @@
  <script setup>
  import { ref, computed } from 'vue';
  import { ElMessage } from 'element-plus';
import { initeWaterPrimitiveView } from "@/utils/water";
  
const emit = defineEmits(["start", "end"]);
function endPlay() {
  emit("end");
}

function startPlay() {
    initeWaterPrimitiveView();
    emit("start");
}
  // 定义 Props
  const props = defineProps({
    selectedArea: {
@@ -204,6 +210,7 @@
  
  /* 自定义 Dialog 的 z-index */
  .custom-dialog {
    z-index: 3000 !important; /* 确保对话框覆盖其他元素 */
    z-index: 3000 !important;
    /* 确保对话框覆盖其他元素 */
  }
  </style>

 src/views/left/KGSimOption/PredictiveSimulation.vue

@@ -50,7 +50,7 @@
    <div class="buttons">
      <el-button type="primary" @click="openPlan">打开方案</el-button>
      <el-button type="primary" @click="openSaveDialog">保存方案</el-button>
      <el-button type="success" @click="startSimulation">开始模拟</el-button>
      <el-button type="success" @click="startPlay">开始模拟</el-button>
    </div>

    <!-- 保存方案对话框 -->
@@ -83,7 +83,17 @@
<script setup>
import { ref, computed } from 'vue';
import { ElMessage } from 'element-plus';
import { initeWaterPrimitiveView } from "@/utils/water";

const emit = defineEmits(["start", "end"]);
function endPlay() {
  emit("end");
}

function startPlay() {
    initeWaterPrimitiveView();
    emit("start");
}
// 定义 Props
const props = defineProps({
  selectedArea: {

 src/views/left/KGSimOption/RealTimeSimulation.vue

@@ -31,7 +31,7 @@
    </div>
    <div class="buttons">
      <el-button type="primary" @click="openSaveDialog">保存方案</el-button>
      <el-button type="success" @click="startSimulation">开始模拟</el-button>
      <el-button type="success" @click="startPlay">开始模拟</el-button>
      <el-button type="success" @click="futurePredictions">未来预测</el-button>
    </div>

@@ -65,7 +65,17 @@
<script setup>
import { ref, watch, defineProps, computed } from 'vue';
import { ElMessage } from 'element-plus';
import { initeWaterPrimitiveView } from "@/utils/water";

const emit = defineEmits(["start", "end"]);
function endPlay() {
  emit("end");
}

function startPlay() {
    initeWaterPrimitiveView();
    emit("start");
}
// 工具函数：深拷贝并设置默认选中状态
function deepCloneAndSetSelected(data) {
  const newData = {};