| | |
| | | import { ref } from 'vue' |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | import { createSimData } from '@/api/trApi'; |
| | | import dayjs from 'dayjs' |
| | | |
| | | export const SimAPIStore = defineStore('SimAPI', () => { |
| | | const selectTab = ref("行政区划仿真") |
| | |
| | | } |
| | | } |
| | | |
| | | // 获取降雨类型 |
| | | const getRainType = (tabName) => { |
| | | switch (tabName) { |
| | | case '预测模拟': return 1 |
| | | case '实时模拟': return 2 |
| | | case '历史模拟': return 3 |
| | | default: return 0 |
| | | } |
| | | } |
| | | |
| | | // 验证表单 |
| | | const validateForm = (forms) => { |
| | | if (!forms?.name) { |
| | | ElMessage.warning('请输入方案名称') |
| | | return false |
| | | } |
| | | if (!forms.name) { |
| | | ElMessage.warning('请确保表单均已填写') |
| | | return false |
| | | |
| | | if (forms.type === 1 || forms.type === 3) { |
| | | if (!forms.geom || !forms.rainfall || !forms.intensity || !forms.duration) { |
| | | ElMessage.warning('请确保表单均已填写') |
| | | return false |
| | | } |
| | | } |
| | | if (forms.type === 2) { |
| | | if (!forms.geom || !forms.gauges) { |
| | | ElMessage.warning('请确保表单均已填写') |
| | | return false |
| | | } |
| | | } |
| | | return true |
| | | } |
| | |
| | | |
| | | try { |
| | | const params = { |
| | | geom: forms.geom.value, |
| | | areaName: forms.geom.label, |
| | | areaType: getAreaType(selectTab.value), |
| | | createTime: Date.now(), |
| | | name: forms.name, |
| | | type: getRainType(forms.type), |
| | | type: forms.type, |
| | | status: 0, |
| | | data: forms.data |
| | | data: JSON.stringify({ |
| | | startTime: Array.isArray(forms.hours) |
| | | ? dayjs(forms.hours[0]).format("YYYY-MM-DD HH:mm:ss") |
| | | : dayjs(forms.hours).format("YYYY-MM-DD HH:mm:ss"), |
| | | type: forms.type, |
| | | total: parseFloat(forms.rainfall), |
| | | duration: parseFloat(forms.duration), |
| | | intensity: parseFloat(forms.intensity), |
| | | prediction: forms.prediction, |
| | | history: forms.history, |
| | | mode: forms.mode, |
| | | gauges: forms.gauges, |
| | | rainfalls: forms.rainFallList, |
| | | intensityUnit: forms.intensityUnit |
| | | }) |
| | | } |
| | | console.log(params) |
| | | const res = await createSimData(params) |
| | | ElMessage.success('方案保存成功') |
| | | return res |
| | |
| | | |
| | | // 保存方案弹窗 |
| | | const addSimCheme = async (forms) => { |
| | | if (!validateForm(forms)) return |
| | | // 表单验证 |
| | | if (!validateForm(forms)) { |
| | | throw new Error('表单验证未通过'); // 抛出错误,阻止继续执行 |
| | | } |
| | | |
| | | try { |
| | | await ElMessageBox.confirm('确定要保存当前方案吗?', '新建方案', { |
| | |
| | | } else { |
| | | ElMessage.info('已取消保存') |
| | | } |
| | | throw error // 保证外部能捕获到错误 |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | return { |
| | | selectTab, |
| | | isLoading, |