NslWeb.git - Gitblit

			@@ -10,30 +10,54 @@
			<div class="input-group">
			<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-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-select>
			</div>
			</div>
			<div class="input-group">
			<div class="input-item">
			<label>方案名称:</label>
			<el-input v-model="schemeName" type="text" placeholder="请输入"></el-input>
			<el-input
			v-model="schemeName"
			type="text"
			placeholder="请输入"
			></el-input>
			</div>
			<div class="input-item">
			<label>降雨总量:</label>
			<el-input v-model="totalRainfall" type="number" placeholder="请输入"></el-input>
			<el-input
			v-model="totalRainfall"
			type="number"
			placeholder="请输入"
			></el-input>
			<span>mm</span>
			</div>
			<div class="input-item">
			<label>降雨强度:</label>
			<el-input v-model="rainfallIntensity" type="number" placeholder="请输入"></el-input>
			<el-input
			v-model="rainfallIntensity"
			type="number"
			placeholder="请输入"
			></el-input>
			<span>mm/h</span>
			</div>
			<div class="input-item">
			<label>降雨时长:</label>
			<el-input v-model="rainfallDuration" type="number" placeholder="请输入"></el-input>
			<el-input
			v-model="rainfallDuration"
			type="number"
			placeholder="请输入"
			></el-input>
			<span>h</span>
			</div>
			</div>
			@@ -48,8 +72,13 @@
			</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>{{ schemeName }}</p>
			<p><strong>所选重点沟：</strong>{{ props.selectedArea }}</p>
			@@ -71,10 +100,11 @@

			<script setup>
			import { ref, computed, inject } from "vue";
			import { ElMessage } from "element-plus";
			import { ElMessage, ElMessageBox } from "element-plus";
			import { initeWaterPrimitiveView } from "@/utils/water";
			import { useSimStore } from "@/store/simulation.js"; // 引入 Store
			import { getRainfallData } from "@/api/hpApi.js"
			import { getRainfallData } from "@/api/hpApi.js";

			// 获取 Store 实例
			const simStore = useSimStore();
			// 测试获取雨量数据
			@@ -99,7 +129,7 @@
			// 数据绑定
			const rainfallHistory = ref("2"); // 默认选中第二项
			const totalRainfall = ref(50); // 降雨总量
			const schemeName = ref('方案名称'); // 方案名称
			const schemeName = ref("方案名称"); // 方案名称
			const rainfallIntensity = ref(70); // 降雨强度
			const rainfallDuration = ref(5); // 降雨时长
			const isCollapsed = ref(false); // 控制详情的展开/收起状态
			@@ -140,7 +170,47 @@
			ElMessage.warning("请先填写所有必填项");
			return;
			}
			saveDialogVisible.value = true;
			ElMessageBox.confirm("确定要保存当前方案吗?", {
			confirmButtonText: "确定",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(confirmSave)
			.catch(() => {
			ElMessage({
			type: "info",
			message: "已取消保存",
			});
			});
			// saveDialogVisible.value = true;
			};
			const params = {
			name: schemeName.value,
			type: "历史模拟",
			data: {
			rainFall: totalRainfall.value,
			rainfallIntensity: rainfallIntensity.value,
			rainfallDuration: rainfallDuration.value,
			rainfallHistory: rainfallHistory.value,
			},
			};
			const isLoading = ref(false);
			const confirmSave = async () => {
			if (isLoading.value) {
			ElMessage.warning("正在保存，请稍候...");
			return; // 防止重复提交
			}
			isLoading.value = true; // 开始加载状态
			try {
			await simStore.createSimulation(params); // 调用 Store 中的保存方法
			ElMessage.success("保存成功");
			saveDialogVisible.value = true; // 显示保存对话框（如果需要）
			} catch (error) {
			console.error("保存失败:", error);
			ElMessage.error("保存失败，请稍后重试");
			} finally {
			isLoading.value = false; // 结束加载状态
			}
			};

			// 关闭保存方案对话框
			@@ -148,26 +218,26 @@
			saveDialogVisible.value = false;
			};

			// 确认保存
			const confirmSave = () => {
			// 构造新的方案对象
			const newScheme = {
			id: Date.now().toString(), // 唯一 ID
			area: props.selectedArea, // 区域
			name: selectedRainfallName.value, // 方案名称
			createTime: new Date().toISOString(), // 创建时间
			taskStatus: 1, // 初始状态为未开始
			totalRainfall: totalRainfall.value, // 降雨总量
			schemeName: schemeName.value, // 降雨总量
			rainfallIntensity: rainfallIntensity.value, // 降雨强度
			rainfallDuration: rainfallDuration.value, // 降雨时长
			};
			// // 确认保存
			// const confirmSave = () => {
			// // 构造新的方案对象
			// const newScheme = {
			// id: Date.now().toString(), // 唯一 ID
			// area: props.selectedArea, // 区域
			// name: selectedRainfallName.value, // 方案名称
			// createTime: new Date().toISOString(), // 创建时间
			// taskStatus: 1, // 初始状态为未开始
			// totalRainfall: totalRainfall.value, // 降雨总量
			// schemeName: schemeName.value, // 降雨总量
			// rainfallIntensity: rainfallIntensity.value, // 降雨强度
			// rainfallDuration: rainfallDuration.value, // 降雨时长
			// };

			simStore.addSchemCard(newScheme);
			ElMessage.success("方案已保存");
			// 关闭对话框
			saveDialogVisible.value = false;
			};
			// simStore.addSchemCard(newScheme);
			// ElMessage.success("方案已保存");
			// // 关闭对话框
			// saveDialogVisible.value = false;
			// };

			// 开始模拟
			function startPlay() {