gengxin

src/assets/json/63304650_section.json

@@ -1,118 +1,157 @@
 [
-  {
-    "distance": 0.00,
-    "elevation": 2.91
-  },
-  {
-    "distance": 0.00,
-    "elevation": 1.00
-  },
-  {
-    "distance": 1.00,
-    "elevation": 0.98
-  },
-  {
-    "distance": 2.00,
-    "elevation": 0.90
-  },
-  {
-    "distance": 4.00,
-    "elevation": 0.70
-  },
-  {
-    "distance": 6.00,
-    "elevation": -0.42
-  },
-  {
-    "distance": 8.00,
-    "elevation": -0.47
-  },
-  {
-    "distance": 10.00,
-    "elevation": -0.68
-  },
-  {
-    "distance": 12.00,
-    "elevation": -0.96
-  },
-  {
-    "distance": 14.00,
-    "elevation": -1.28
-  },
-  {
-    "distance": 16.00,
-    "elevation": -1.38
-  },
-  {
-    "distance": 18.00,
-    "elevation": -1.57
-  },
-  {
-    "distance": 20.00,
-    "elevation": -1.69
-  },
-  {
-    "distance": 22.00,
-    "elevation": -1.74
-  },
-  {
-    "distance": 24.00,
-    "elevation": -1.87
-  },
-  {
-    "distance": 26.00,
-    "elevation": -1.94
-  },
-  {
-    "distance": 28.00,
-    "elevation": -1.78
-  },
-  {
-    "distance": 30.00,
-    "elevation": -1.72
-  },
-  {
-    "distance": 32.00,
-    "elevation": -1.70
-  },
-  {
-    "distance": 34.00,
-    "elevation": -1.38
-  },
-  {
-    "distance": 36.00,
-    "elevation": -1.01
-  },
-  {
-    "distance": 38.00,
-    "elevation": -0.91
-  },
-  {
-    "distance": 40.00,
-    "elevation": -0.39
-  },
-  {
-    "distance": 42.00,
-    "elevation": -0.03
-  },
-  {
-    "distance": 44.00,
-    "elevation": 0.39
-  },
-  {
-    "distance": 45.50,
-    "elevation": 0.55
-  },
-  {
-    "distance": 47.00,
-    "elevation": 0.87
-  },
-  {
-    "distance": 48.50,
-    "elevation": 1.00
-  },
-  {
-    "distance": 48.50,
-    "elevation": 3.18
-  }
+  [
+    -2,
+    4.75,
+    2.84
+  ],
+  [
+    0,
+    4.75,
+    2.84
+  ],
+  [
+    0.0,
+    -5,
+    2.84
+  ],
+  [
+    1.0,
+    -5,
+    2.82
+  ],
+  [
+    2.0,
+    -5,
+    2.74
+  ],
+  [
+    4.0,
+    -5,
+    2.54
+  ],
+  [
+    6.0,
+    -5,
+    1.42
+  ],
+  [
+    8.0,
+    -5,
+    1.37
+  ],
+  [
+    10.0,
+    -5,
+    1.16
+  ],
+  [
+    12.0,
+    -5,
+    0.88
+  ],
+  [
+    14.0,
+    -5,
+    0.56
+  ],
+  [
+    16.0,
+    -5,
+    0.46
+  ],
+  [
+    18.0,
+    -5,
+    0.27
+  ],
+  [
+    20.0,
+    -5,
+    0.15
+  ],
+  [
+    22.0,
+    -5,
+    0.1
+  ],
+  [
+    24.0,
+    -5,
+    -0.03
+  ],
+  [
+    26.0,
+    -5,
+    -0.1
+  ],
+  [
+    28.0,
+    -5,
+    0.06
+  ],
+  [
+    30.0,
+    -5,
+    0.12
+  ],
+  [
+    32.0,
+    -5,
+    0.14
+  ],
+  [
+    34.0,
+    -5,
+    0.46
+  ],
+  [
+    36.0,
+    -5,
+    0.83
+  ],
+  [
+    38.0,
+    -5,
+    0.93
+  ],
+  [
+    40.0,
+    -5,
+    1.45
+  ],
+  [
+    42.0,
+    -5,
+    1.81
+  ],
+  [
+    44.0,
+    -5,
+    2.23
+  ],
+  [
+    45.5,
+    -5,
+    2.39
+  ],
+  [
+    47.0,
+    -5,
+    2.71
+  ],
+  [
+    48.5,
+    -5,
+    2.84
+  ],
+  [
+    48.5,
+    5.02,
+    2.84
+  ],
+  [
+    50,
+    5.02,
+    2.84
+  ]
 ]

src/assets/json/63304700_section.json

@@ -1,190 +1,247 @@
 [
-  {
-    "distance": 0,
-    "elevation": 2.91
-  },
-  {
-    "distance": 0.01,
-    "elevation": 2.32
-  },
-  {
-    "distance": 1.7,
-    "elevation": 2.2
-  },
-  {
-    "distance": 1.71,
-    "elevation": -0.43
-  },
-  {
-    "distance": 2,
-    "elevation": -0.69
-  },
-  {
-    "distance": 4,
-    "elevation": -1.21
-  },
-  {
-    "distance": 6,
-    "elevation": -1.74
-  },
-  {
-    "distance": 8,
-    "elevation": -2.02
-  },
-  {
-    "distance": 10,
-    "elevation": -2.24
-  },
-  {
-    "distance": 12,
-    "elevation": -2.53
-  },
-  {
-    "distance": 14,
-    "elevation": -2.93
-  },
-  {
-    "distance": 16,
-    "elevation": -3.27
-  },
-  {
-    "distance": 18,
-    "elevation": -3.75
-  },
-  {
-    "distance": 20,
-    "elevation": -4.06
-  },
-  {
-    "distance": 22,
-    "elevation": -4.41
-  },
-  {
-    "distance": 24,
-    "elevation": -4.58
-  },
-  {
-    "distance": 26,
-    "elevation": -4.71
-  },
-  {
-    "distance": 28,
-    "elevation": -4.73
-  },
-  {
-    "distance": 30,
-    "elevation": -4.67
-  },
-  {
-    "distance": 32,
-    "elevation": -4.63
-  },
-  {
-    "distance": 34,
-    "elevation": -4.56
-  },
-  {
-    "distance": 36,
-    "elevation": -4.53
-  },
-  {
-    "distance": 38,
-    "elevation": -4.46
-  },
-  {
-    "distance": 40,
-    "elevation": -4.4
-  },
-  {
-    "distance": 42,
-    "elevation": -4.33
-  },
-  {
-    "distance": 44,
-    "elevation": -4.14
-  },
-  {
-    "distance": 46,
-    "elevation": -4
-  },
-  {
-    "distance": 48,
-    "elevation": -3.77
-  },
-  {
-    "distance": 50,
-    "elevation": -3.69
-  },
-  {
-    "distance": 52,
-    "elevation": -3.48
-  },
-  {
-    "distance": 54,
-    "elevation": -3.03
-  },
-  {
-    "distance": 56,
-    "elevation": -2.8
-  },
-  {
-    "distance": 58,
-    "elevation": -2.75
-  },
-  {
-    "distance": 60,
-    "elevation": -2.7
-  },
-  {
-    "distance": 62,
-    "elevation": -2.56
-  },
-  {
-    "distance": 64,
-    "elevation": -2.29
-  },
-  {
-    "distance": 66,
-    "elevation": -2.22
-  },
-  {
-    "distance": 68,
-    "elevation": -1.8
-  },
-  {
-    "distance": 70,
-    "elevation": -1.49
-  },
-  {
-    "distance": 72,
-    "elevation": -0.93
-  },
-  {
-    "distance": 74,
-    "elevation": -0.48
-  },
-  {
-    "distance": 76,
-    "elevation": -0.24
-  },
-  {
-    "distance": 78,
-    "elevation": -0.1
-  },
-  {
-    "distance": 80,
-    "elevation": -0.22
-  },
-  {
-    "distance": 82,
-    "elevation": 0.2
-  },
-  {
-    "distance": 83,
-    "elevation": 0.57
-  },
-  {
-    "distance": 83,
-    "elevation": 3.29
-  }
+  [
+    -2,
+    4.75,
+    1.41
+  ],
+  [
+    0.0,
+    4.75,
+    1.41
+  ],
+  [
+    0.0,
+    4.16,
+    1.41
+  ],
+  [
+    1.7,
+    4.04,
+    1.41
+  ],
+  [
+    1.7,
+    -5,
+    1.41
+  ],
+  [
+    2.0,
+    -5,
+    1.15
+  ],
+  [
+    4.0,
+    -5,
+    0.63
+  ],
+  [
+    6.0,
+    -5,
+    0.10
+  ],
+  [
+    8.0,
+    -5,
+    -0.18
+  ],
+  [
+    10.0,
+    -5,
+    -0.40
+  ],
+  [
+    12.0,
+    -5,
+    -0.69
+  ],
+  [
+    14.0,
+    -5,
+    -1.09
+  ],
+  [
+    16.0,
+    -5,
+    -1.43
+  ],
+  [
+    18.0,
+    -5,
+    -1.91
+  ],
+  [
+    20.0,
+    -5,
+    -2.22
+  ],
+  [
+    22.0,
+    -5,
+    -2.57
+  ],
+  [
+    24.0,
+    -5,
+    -2.74
+  ],
+  [
+    26.0,
+    -5,
+    -2.87
+  ],
+  [
+    28.0,
+    -5,
+    -2.89
+  ],
+  [
+    30.0,
+    -5,
+    -2.83
+  ],
+  [
+    32.0,
+    -5,
+    -2.79
+  ],
+  [
+    34.0,
+    -5,
+    -2.72
+  ],
+  [
+    36.0,
+    -5,
+    -2.69
+  ],
+  [
+    38.0,
+    -5,
+    -2.62
+  ],
+  [
+    40.0,
+    -5,
+    -2.56
+  ],
+  [
+    42.0,
+    -5,
+    -2.49
+  ],
+  [
+    44.0,
+    -5,
+    -2.30
+  ],
+  [
+    46.0,
+    -5,
+    -2.16
+  ],
+  [
+    48.0,
+    -5,
+    -1.93
+  ],
+  [
+    50.0,
+    -5,
+    -1.85
+  ],
+  [
+    52.0,
+    -5,
+    -1.64
+  ],
+  [
+    54.0,
+    -5,
+    -1.19
+  ],
+  [
+    56.0,
+    -5,
+    -0.96
+  ],
+  [
+    58.0,
+    -5,
+    -0.91
+  ],
+  [
+    60.0,
+    -5,
+    -0.86
+  ],
+  [
+    62.0,
+    -5,
+    -0.72
+  ],
+  [
+    64.0,
+    -5,
+    -0.45
+  ],
+  [
+    66.0,
+    -5,
+    -0.38
+  ],
+  [
+    68.0,
+    -5,
+    0.04
+  ],
+  [
+    70.0,
+    -5,
+    0.35
+  ],
+  [
+    72.0,
+    -5,
+    0.91
+  ],
+  [
+    74.0,
+    -5,
+    1.36
+  ],
+  [
+    76.0,
+    -5,
+    1.60
+  ],
+  [
+    78.0,
+    -5,
+    1.74
+  ],
+  [
+    80.0,
+    -5,
+    1.62
+  ],
+  [
+    82.0,
+    -5,
+    2.04
+  ],
+  [
+    83.0,
+    -5,
+    2.41
+  ],
+  [
+    83.0,
+    5.13,
+    2.41
+  ],
+  [
+    85.0,
+    5.13,
+    2.41
+  ]
 ]

src/components/CrossSection.vue

@@ -1,21 +1,20 @@
 <script lang="ts" setup>
 import * as echarts from "echarts";
 import Chart from "@/components/Chart.vue";
-import {getCurrentInstance, onMounted, reactive, ref} from "vue";
+import {onMounted, reactive, ref} from "vue";
 import section_63304650 from '@/assets/json/63304650_section.json'
 import section_63304700 from '@/assets/json/63304700_section.json'
 import water_area_63304650 from '@/assets/json/63304650_water_area.json'
 import water_area_63304700 from '@/assets/json/63304700_water_area.json'
 import {useStationStore} from '@/stores/station'
-import {CEMENT_COLOR} from "@/assets/scripts/base64image";
+import {CEMENT_COLOR, CLAY} from "@/assets/scripts/base64image";
 import ColorTag from "@/components/tag/ColorTag.vue";
 import {useRoute} from "vue-router";
 
 const route = useRoute()
 const store = useStationStore()
-const {props} = getCurrentInstance()
 const chartRef = ref(null)
-const totalValue = reactive({'水面积': 0, '水位': 0, '水面宽': 111, '高程': 111})
+const totalValue = reactive({'水面积': 0, '水位': 0, '水面宽': (route.params.stcd == '63304650') ? '48.5' : '83.0'})
 let start = 0
 let end = 100
 let data = null;
@@ -40,10 +39,7 @@ function calculateWaterArea() {
 }
 
 async function reloadChart(data) {
-  totalValue['水面宽'] = data[data.length - 1].distance
-  totalValue['高程'] = data[0].elevation
-  totalValue['水位'] = await store.getZ()
-  calculateWaterArea()
+
 
   const option = {
     tooltip: {
@@ -51,18 +47,20 @@ async function reloadChart(data) {
       formatter: (params) => {
         let str = `起点距: ${params[0].axisValue} m<br/>`;
         params.forEach((item, idx) => {
-          str += `${item.marker}${item.seriesName}: ${item.data}`
-          switch (idx) {
-            case 0:
-              str += 'm';
-              break;
-            case 1:
-              str += 'm';
-              break;
-            default:
-              str += 'm'
+          if (idx !== 2) {
+            str += `${item.marker}${item.seriesName}: ${item.data}`
+            switch (idx) {
+              case 0:
+                str += 'm';
+                break;
+              case 1:
+                str += 'm';
+                break;
+              default:
+                str += 'm'
+            }
+            str += idx === params.length - 1 ? '' : '<br/>'
           }
-          str += idx === params.length - 1 ? '' : '<br/>'
         })
         return str
       }
@@ -81,7 +79,7 @@ async function reloadChart(data) {
         formatter: value => Number(value).toFixed(1),
       },
       boundaryGap: false,
-      data: data.map(d => d.distance)
+      data: data.map(d => d[0])
     },
     yAxis: {
       type: 'value',
@@ -112,7 +110,10 @@ async function reloadChart(data) {
         // sampling: 'lttb',
         smooth: true, //是否平滑曲线显示
         itemStyle: {
-          color: '#00ccff'
+          color: '#00ccff',
+          lineStyle: {
+            width: 0
+          }
         },
         areaStyle: {
           origin: 'start',
@@ -133,27 +134,49 @@ async function reloadChart(data) {
         name: '高程',
         type: 'line',
         symbol: 'none',
-        // sampling: 'lttb',
         smooth: true, //是否平滑曲线显示
         itemStyle: {
-          color: '#7999a3'
-          // color: '#75604b'
+          color: '#75604b',
+          lineStyle: {
+            width: 0
+          }
         },
         areaStyle: {
+          opacity: 1,
+          origin: 'start',
+          color: {
+            image: CLAY,
+            repeat: 'repeat'
+          }
+        },
+        data: data.map(d => d[2])
+      },
+      {
+        name: '高程',
+        type: 'line',
+        symbol: 'none',
+        itemStyle: {
+          color: '#7999a3',
+          lineStyle: {
+            width: 0
+          }
+        },
+        areaStyle: {
+          opacity: 1,
           origin: 'start',
           color: {
             image: CEMENT_COLOR,
             repeat: 'repeat'
           }
         },
-        data: data.map(d => (d.elevation).toFixed(2))
-      }
+        data: data.map(d => d[1])
+      },
     ]
   };
   chartRef.value.loadChart(option)
 }
 
-onMounted(() => {
+onMounted(async () => {
   if (route.params.stcd == '63304650') {
     data = section_63304650
     waterAreaData = water_area_63304650
@@ -161,6 +184,8 @@ onMounted(() => {
     data = section_63304700
     waterAreaData = water_area_63304700
   }
+  totalValue['水位'] = await store.getZ()
+  calculateWaterArea()
   reloadChart(data)
 })
 </script>

src/utils/rainfall.ts

@@ -0,0 +1,18 @@
+export function getRainfallLevel(rainfall: number) {
+  if (rainfall === 0) {
+    return "无雨"
+  } else if (0 < rainfall && rainfall < 10) {
+    return '小雨'
+  } else if (10 <= rainfall && rainfall < 25) {
+    return '中雨'
+  } else if (25 <= rainfall && rainfall < 50) {
+    return '大雨'
+  } else if (50 <= rainfall && rainfall < 100) {
+    return '暴雨'
+  } else if (100 <= rainfall && rainfall < 250) {
+    return '大暴雨'
+  } else if (250 <= rainfall) {
+    return '特大暴雨'
+  }
+  return '晴'
+}

src/utils/tdInstruction/label.ts

@@ -35,3 +35,12 @@ export function adcpfx(stcd: any, show = true) {
   Bus.emit('emitUIInteraction', descriptor)
   console.log("-- H-ADCP特效与标签显隐", JSON.stringify(descriptor));
 }
+
+export function setLED(data: any) {
+  let descriptor = {
+    "command": "SetLED",
+    "data": data
+  }
+  Bus.emit('emitUIInteraction', descriptor)
+  console.log("-- 修改LED大屏内容", JSON.stringify(descriptor));
+}

src/views/Station.vue

@@ -11,7 +11,9 @@ import {getTypicalData, getTypicalEvents} from "@/utils/typicalYear";
 import TypicalChart from "@/components/TypicalChart.vue";
 import {getVideoCodeByMark} from "@/components/Video/video";
 import TimeScrollbar from "@/components/TimeScrollbar.vue";
-import {Operate, View} from "@/utils/tdInstruction";
+import {Label, Operate, View} from "@/utils/tdInstruction";
+import {getRainfallLatest, getWaterLevelAndFlowLatest} from "@/api/gx";
+import {getRainfallLevel} from "@/utils/rainfall";
 
 const route = useRoute()
 const stationStore = useStationStore()
@@ -55,16 +57,32 @@ function handleTimeChange(status) {
   }
 }
 
+async function handleSetLED() {
+  // 获取水位流量数据
+  const waterData = await getWaterLevelAndFlowLatest({stcds: `63201999,${route.params.stcd}`}).then(res => res.data)
+  // 获取雨量
+  const rainfallData = await getRainfallLatest({stcds: route.params.stcd}).then(res => res.data)
+  const thsw = waterData.find(d => d.stcd === '63201999') || {z: 0}
+  const tsq = waterData.find(d => d.stcd === route.params.stcd) || {z: 0, q: 0}
+  let drp = 0
+  if (rainfallData) {
+    drp = rainfallData[0].drp
+  }
+  Label.setLED({
+    "太湖水位": `${thsw.z}m`,
+    "太湖警戒水位": "3.80m",
+    "太湖保证水位": "4.65m",
+    "太师桥实时水位": `${tsq.z}m`,
+    "太师桥历史水位": "4.39m",
+    "流量": `${tsq.q}m³/s`,
+    "雨量": `${drp}mm（${getRainfallLevel(drp)}）`
+  })
+}
+
 onMounted(() => {
   handleEventChange(currentTypicalEventName.value)
-
   // 获取最新水雨情数据，更新大屏
-
-
-})
-
-watch(() => route.path, path => {
-
+  handleSetLED()
 })
 </script>
 <template>

src/views/Zhyw.vue

@@ -12,7 +12,6 @@ const baseUrl_yw = ref('http://10.8.48.235:8100/homePage.html#/inspectionmainten
 // 查询分析
 const baseUrl_cx = ref('http://10.8.48.235:8100/homePage.html#/dataManagement/watermultiplestations')
 onMounted(() => {
-  debugger
   const stcd = route.params.stcd
   const srcType = route.params.type
   const code='4a3569fd-73b3-42a4-b3d0-ba752e020c19'