-
-
-
+
+
实时水深：0.3米
-实时水深：0.35米
+实时水深：{{ station1.z }}米
+实时水深：{{ station5.z }}米
+
import CanvasRainP from '@/views/sponeScreen/projectHM/canvasRainP.vue';
import bus from '@/bus';
+import { realtimeDataLatest } from '@/api/dataAnalysis/syntherticData';
+
+const props = defineProps({
+ projectParams: {
+ type: Object,
+ },
+});
const { proxy } = getCurrentInstance();
+const timer = ref(null);
+const station1 = ref({});
+const station2 = ref({});
+const station3 = ref({});
+const station4 = ref({});
+const station5 = ref({});
+
+// 获取实时数据
+function getRealData() {
+ // 从左到右，共5个
+ realtimeDataLatest('0371000037').then(res => {
+ station1.value = res.data;
+ });
+ realtimeDataLatest('0371000038').then(res => {
+ station2.value = res.data;
+ });
+ realtimeDataLatest('0371000039').then(res => {
+ station3.value = res.data;
+ });
+ station4.value = {}; //暂未安装，无数据
+ realtimeDataLatest('0371000044').then(res => {
+ station5.value = res.data;
+ });
+}
// 海绵设施点击
function checkHmSS() {
bus.emit('checkSSFX', {});
}
-onMounted(() => {});
+onMounted(() => {
+ console.log('典型项目接收参数--', props.projectParams);
+ getRealData();
+ // 5分钟刷新一次数据
+ timer.value = setInterval(() => {
+ getRealData();
+ }, 5 * 60 * 1000);
+});
+onBeforeUnmount(() => {
+ if (timer.value) clearInterval(timer.value);
+});