| | |
| | | v-for="item in RainfallPatterns" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | :value="item.name" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="选择时间:"> |
| | | <el-date-picker |
| | | v-model="forms.hours" |
| | | type="datetimerange" |
| | | start-placeholder="开始时间" |
| | | end-placeholder="结束时间" |
| | | format="YYYY-MM-DD HH:mm:ss" |
| | | date-format="YYYY/MM/DD ddd" |
| | | time-format="A hh:mm:ss" |
| | | @change="change" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="预计时长:"> |
| | | <el-input v-model="forms.duration" type="number" placeholder="请输入" |
| | | <el-input |
| | | disabled |
| | | v-model="forms.duration" |
| | | type="number" |
| | | placeholder="请输入" |
| | | ><template #append>h</template></el-input |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="openPlan">打开方案</el-button> |
| | | <el-button type="primary" @click="openSaveDialog">保存方案</el-button> |
| | | <el-button type="success" @click="startPlay">开始模拟</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="buttons"> |
| | | <el-button type="primary" @click="openPlan">打开方案</el-button> |
| | | <el-button type="primary" @click="openSaveDialog">保存方案</el-button> |
| | | <el-button type="success" @click="startPlay">开始模拟</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | |
| | | rainfall: 50, |
| | | schemeName: "", |
| | | rainfallIntensity: 70, |
| | | duration: 5, |
| | | duration: null, |
| | | prediction: "降雨场次", |
| | | mode: "正态分布", |
| | | showRainFall: "", |
| | | hours: null, |
| | | }); |
| | | |
| | | // 降雨场次选择 |
| | |
| | | isCollapsed.value = !isCollapsed.value; |
| | | }; |
| | | |
| | | const { calculateHoursDifference } = inject("calculateHours"); |
| | | |
| | | const change = (val) => { |
| | | forms.duration = calculateHoursDifference(val); |
| | | }; |
| | | |
| | | // 打开保存方案对话框 |
| | | const openSaveDialog = async () => { |
| | | const params = { |