| | |
| | | <template> |
| | | <div class="water-velocity-content" v-loading="localLoading" element-loading-text="水深数据加载中..." |
| | | <div class="water-velocity-content" v-loading="localLoading" element-loading-text="流速数据加载中..." |
| | | element-loading-background="rgba(11, 34, 20, 0.3)"> |
| | | <div v-if="showSelectPrompt" style="font-weight: bold;"> |
| | | 请在地图中选取唯一测量点 |
| | |
| | | <div v-else> |
| | | <div class="location-info"> |
| | | <h3>位置信息</h3> |
| | | <p class="coordinates"> |
| | | <p v-if="deviceName" class="coordinates"> |
| | | {{ deviceName }} |
| | | </p> |
| | | <p v-if="!deviceName" class="coordinates"> |
| | | 经度: <strong>{{ safeCurrentInfo.longitude.toFixed(3) }} </strong> |
| | | 纬度:<strong>{{ safeCurrentInfo.latitude.toFixed(3) }}</strong> |
| | | </p> |
| | |
| | | |
| | | const simStore = useSimStore(); |
| | | const { currentInfo } = storeToRefs(simStore); |
| | | |
| | | const deviceName = computed(() => { |
| | | return currentInfo.value?.deviceName; |
| | | }); |
| | | // 图表 DOM 引用 |
| | | const chartDom = ref(null); |
| | | let myChart = null; |