泥位计

wangjuncheng

2025-07-08 f373e0c0797e1800bf066fdfbb748bb9242230f6

 src/components/monifangzhen/WaterVelocityContent.vue

@@ -1,5 +1,5 @@
<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;">
      请在地图中选取唯一测量点
@@ -7,7 +7,10 @@
    <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) }}&nbsp;&nbsp;&nbsp;&nbsp;</strong>
          纬度：<strong>{{ safeCurrentInfo.latitude.toFixed(3) }}</strong>
        </p>
@@ -38,7 +41,9 @@

const simStore = useSimStore();
const { currentInfo } = storeToRefs(simStore);

const deviceName = computed(() => {
  return currentInfo.value?.deviceName;
});
// 图表 DOM 引用
const chartDom = ref(null);
let myChart = null;