| | |
| | | </el-form-item> |
| | | <el-form-item label="方案名称:"> |
| | | <el-input |
| | | v-model="forms.schemeName" |
| | | v-model="forms.name" |
| | | type="text" |
| | | placeholder="请输入" |
| | | ></el-input> |
| | |
| | | > |
| | | </el-form-item> |
| | | <el-form-item label="降雨强度:"> |
| | | <el-input |
| | | v-model="forms.rainfallIntensity" |
| | | type="number" |
| | | placeholder="请输入" |
| | | > |
| | | <el-input v-model="forms.intensity" type="number" placeholder="请输入"> |
| | | <template #append>mm/h</template></el-input |
| | | > |
| | | </el-form-item> |
| | |
| | | import { getRainfallData } from "@/api/hpApi"; |
| | | import { EventBus } from "@/eventBus"; // 引入事件总线 |
| | | |
| | | |
| | | onMounted(() => { |
| | | getRain(); |
| | | }); |
| | | |
| | | // 获取 Store 实例 |
| | | const simStore = SimAPIStore(); |
| | | |
| | | // 注入模拟操作方法 |
| | | const { startSimulate, endSimulate } = inject("simulateActions"); |
| | | |
| | | function startPlay() { |
| | | console.log("开始模拟按钮被点击"); |
| | | console.log("当前选中的区域:", props.selectedArea); |
| | | initeWaterPrimitiveView(); |
| | | startSimulate(); |
| | | } |
| | | |
| | | // 定义 Props |
| | | const props = defineProps({ |
| | |
| | | |
| | | const forms = reactive({ |
| | | rainfall: 50, |
| | | schemeName: "", |
| | | rainfallIntensity: 70, |
| | | name: "", |
| | | intensity: 70, |
| | | duration: null, |
| | | prediction: "降雨场次", |
| | | mode: "正态分布", |
| | | showRainFall: "", |
| | | hours: null, |
| | | type: 1, |
| | | geom: null, // 先设置为 null 或者其他默认值, |
| | | }); |
| | | |
| | | // 降雨场次选择 |
| | |
| | | forms.duration = calculateHoursDifference(val); |
| | | }; |
| | | |
| | | const resetForm = () => { |
| | | forms.rainfall = 50; |
| | | forms.name = ""; |
| | | forms.intensity = 70; |
| | | forms.duration = null; |
| | | forms.prediction = "降雨场次"; |
| | | forms.mode = "正态分布"; |
| | | forms.showRainFall = ""; |
| | | forms.hours = null; |
| | | forms.type = 1; |
| | | forms.geom = null; // 先设置为 null 或者其他默认值, |
| | | }; |
| | | |
| | | // 打开保存方案对话框 |
| | | const openSaveDialog = async () => { |
| | | const params = { |
| | | name: forms.schemeName, |
| | | geom: props.selectedArea, |
| | | type: 1, |
| | | rainfall: forms.rainfall, |
| | | duration: forms.duration, |
| | | intensity: forms.rainfallIntensity, |
| | | mode: forms.mode, |
| | | prediction: forms.prediction, |
| | | }; |
| | | await simStore.addSimCheme(params); |
| | | EventBus.emit("close-selectArea"); |
| | | |
| | | // 在 setup 内部更新 geom 的值 |
| | | try { |
| | | forms.geom = props.selectedArea; |
| | | await simStore.addSimCheme(forms); |
| | | resetForm(); |
| | | EventBus.emit("close-selectArea"); |
| | | } catch (err) {} |
| | | }; |
| | | |
| | | // 注入模拟操作方法 |
| | | const { startSimulate, endSimulate } = inject("simulateActions"); |
| | | |
| | | // 开始模拟 |
| | | async function startPlay() { |
| | | forms.geom = props.selectedArea; |
| | | await simStore.addSimCheme(forms); |
| | | EventBus.emit("close-selectArea"); |
| | | initeWaterPrimitiveView(); |
| | | startSimulate(); |
| | | } |
| | | |
| | | // 打开方案 |
| | | const openPlan = () => { |
| | | // getRain(); |