| | |
| | | <div class="message-value" v-if="!(item.name.includes('雨量计列表'))"> |
| | | {{ item.value }} |
| | | </div> |
| | | <div v-if="item.name.includes('雨量计列表')" @click.stop="openDialog" |
| | | <div v-if="item.name.includes('雨量计列表')" @click="openDialog" |
| | | style="color: #5bc0de; cursor: pointer;"> |
| | | 查看雨量计列表 |
| | | </div> |
| | |
| | | <el-table-column prop="r" label="半径(r)"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <template #footer> |
| | | <!-- <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false">关 闭</el-button> |
| | | </span> |
| | | </template> |
| | | </template> --> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ElMessage } from "element-plus"; |
| | | import { ref, defineProps, defineEmits, watch } from "vue"; |
| | | |
| | | // 定义 props |
| | |
| | | function openDialog() { |
| | | if (gaugesData.value.length > 0) { |
| | | dialogVisible.value = true; |
| | | }else { |
| | | ElMessage({ |
| | | message: "未找到雨量计数据!", |
| | | type: "warning", |
| | | }); |
| | | return; // 阻止后续逻辑执行 |
| | | } |
| | | } |
| | | |
| | |
| | | continue; |
| | | } |
| | | |
| | | if (key === "areaName") { |
| | | formattedData.push({ name: "区域名称:", value: value || "无" }); |
| | | continue; |
| | | } |
| | | |
| | | if (key === "name") { |
| | | formattedData.push({ name: "仿真方案:", value: value || "无" }); |
| | | continue; |