| | |
| | | <template> |
| | | <div class="timeline-container"> |
| | | <div class="controls"> |
| | | <!-- <div @click="endSimulate">结束模拟</div> --> |
| | | <div class="control-btn" @click="skipBackward"> |
| | | <img |
| | | src="@/assets/img/timeline/left.png" |
| | |
| | | :style="{ left: progressPercentage + '%' }" |
| | | ></div> |
| | | <div class="time-markers"> |
| | | |
| | | <div |
| | | v-for="(time, index) in timeMarkers" |
| | | :key="index" |
| | |
| | | watch, |
| | | defineProps, |
| | | onBeforeUnmount, |
| | | inject |
| | | } from "vue"; |
| | | import dayjs from "dayjs"; |
| | | import { createWaterPrimitive, destoryWaterPrimitive } from "@/utils/water"; |
| | |
| | | destoryWaterPrimitive(); |
| | | }, delay); |
| | | }); |
| | | const { startSimulate, endSimulate } = inject("simulateActions"); |
| | | |
| | | </script> |
| | | |
| | | <style scoped> |
| | |
| | | <div class="cardMenu"> |
| | | <div style="float: right; margin-top: 3px"> |
| | | <el-button size="small" @click="setSchemClick(item)">方案详情</el-button> |
| | | <el-button size="small" @click="startPlay(item)" :disabled="item.taskStatus !== 2">进入模拟</el-button> |
| | | <el-button size="small" @click="startPlay(item)">进入模拟</el-button> |
| | | <!-- :disabled="item.taskStatus !== 2" --> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | // 方案相关 |
| | | const setSchemCard = (data) => { |
| | | schemCard.value = data |
| | | console.log(schemCard,'aaaaaaaaaaaaaa'); |
| | | |
| | | } |
| | | |
| | | // 添加单个方案数据 |
| | |
| | | area: props.selectedArea, // 区域 |
| | | name: selectedRainfallName.value, // 方案名称 |
| | | createTime: new Date().toISOString(), // 创建时间 |
| | | taskStatus: 0, // 初始状态为未开始 |
| | | taskStatus: 1, // 初始状态为未开始 |
| | | totalRainfall: totalRainfall.value, // 降雨总量 |
| | | rainfallIntensity: rainfallIntensity.value, // 降雨强度 |
| | | rainfallDuration: rainfallDuration.value, // 降雨时长 |
| | |
| | | area: props.selectedArea, // 区域 |
| | | name: selectedForecastDataName.value, // 方案名称(预测数据类型) |
| | | createTime: new Date().toISOString(), // 创建时间 |
| | | taskStatus: 0, // 初始状态为未开始 |
| | | taskStatus: 1, // 初始状态为未开始 |
| | | simulationType: '预测模拟', // 模拟类型 |
| | | forecastData: selectedForecastDataName.value, // 预测数据 |
| | | totalRainfall: `${totalRainfall.value} mm`, // 降雨雨量 |
| | |
| | | area: props.selectedArea, // 区域 |
| | | name: selectedRainfallName.value, // 方案名称(雨量数据类型) |
| | | createTime: new Date().toISOString(), // 创建时间 |
| | | taskStatus: 0, // 初始状态为未开始 |
| | | taskStatus:1, // 初始状态为未开始 |
| | | rainfallType: selectedRainfallName.value, // 雨量数据类型 |
| | | devices: selectedDevices.value.map((item) => item.name), // 设备信息 |
| | | }; |
| | |
| | | @is-playing="isPlaying" |
| | | :waterSimulateParams="waterSimulateParams" |
| | | @playbackFinished="playbackFinished" |
| | | @end="endSimulate" |
| | | /> |
| | | <DebuffDetail |
| | | v-if="showDebuffDetail" |