diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 221d693..67d95fc 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -12,8 +12,6 @@
     refresh: Number,
   },
   setup(props) {
-    console.log(props.data, '1asdsad');
-
     const allData = reactive({
       series: [],
       legend: [],
@@ -50,8 +48,6 @@
         });
       }
 
-      console.log(markLinedata, 'markLinedatamarkLinedata');
-
       let chartDom = echarts.init(document.getElementById(allData.id));
       var option;
       option = {
@@ -92,10 +88,8 @@
           right: '1%',
           top: '1%',
           type: 'plain',
-          textStyle: {
-            color: '#7ec7ff',
-            fontSize: 13,
-          },
+          color: '#7ec7ff',
+          fontSize: 13,
           // icon:'rect',
           itemGap: 25,
           itemWidth: 18,
@@ -144,11 +138,9 @@
             },
             axisLabel: {
               //坐标轴刻度标签的相关设置
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 14,
-                fontSize: 14,
-              },
+              color: '#7ec7ff',
+              padding: 14,
+              fontSize: 14,
               formatter: function (data) {
                 return data;
               },
@@ -171,7 +163,7 @@
             name: 'mg/L',
             nameTextStyle: {
               color: '#7ec7ff',
-              fontSize: 15,
+              fontSize: 13,
               padding: 1,
             },
             min: 0,
@@ -190,10 +182,8 @@
             },
             axisLabel: {
               show: true,
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 16,
-              },
+              color: '#7ec7ff',
+              padding: 16,
               formatter: function (value) {
                 if (value === 0) {
                   return value;
@@ -207,55 +197,6 @@
           },
         ],
         series: [
-          // {
-          //   name: '水深(cm)',
-          //   type: 'line',
-          //   symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-          //   showAllSymbol: true,
-          //   symbolSize: 0,
-          //   smooth: true,
-          //   lineStyle: {
-          //     normal: {
-          //       width: 2,
-          //       color: '#19FFB1', // 线条颜色
-          //     },
-          //     borderColor: '#19FFB1',
-          //   },
-          //   itemStyle: {
-          //     color: '#19FFB1',
-          //     borderColor: '#19FFB1',
-          //     borderWidth: 2,
-          //   },
-          //   tooltip: {
-          //     show: true,
-          //   },
-          //   areaStyle: {
-          //     //区域填充样式
-          //     normal: {
-          //       //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-          //       color: new echarts.graphic.LinearGradient(
-          //         0,
-          //         0,
-          //         0,
-          //         1,
-          //         [
-          //           {
-          //             offset: 0,
-          //             color: 'rgba(25,163,223,.3)',
-          //           },
-          //           {
-          //             offset: 1,
-          //             color: 'rgba(25,163,223, 0)',
-          //           },
-          //         ],
-          //         false
-          //       ),
-          //       shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
-          //       shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          //     },
-          //   },
-          //   data: props.data.data1,
-          // },
           {
             name: '',
             type: 'line',
@@ -265,10 +206,8 @@
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              normal: {
-                width: 2,
-                color: '#FFF21C', // 线条颜色
-              },
+              width: 2,
+              color: '#FFF21C', // 线条颜色
               borderColor: '#FFF21C',
             },
             itemStyle: {
@@ -281,28 +220,26 @@
             },
             areaStyle: {
               //区域填充样式
-              normal: {
-                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(10,219,250,.3)',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(10,219,250, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
-                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-              },
+              //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(10,219,250,.3)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(10,219,250, 0)',
+                  },
+                ],
+                false
+              ),
+              shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
+              shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             },
             markLine: {
               symbol: 'none', //去掉警戒线最后面的箭头

diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 221d693..67d95fc 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -12,8 +12,6 @@
     refresh: Number,
   },
   setup(props) {
-    console.log(props.data, '1asdsad');
-
     const allData = reactive({
       series: [],
       legend: [],
@@ -50,8 +48,6 @@
         });
       }
 
-      console.log(markLinedata, 'markLinedatamarkLinedata');
-
       let chartDom = echarts.init(document.getElementById(allData.id));
       var option;
       option = {
@@ -92,10 +88,8 @@
           right: '1%',
           top: '1%',
           type: 'plain',
-          textStyle: {
-            color: '#7ec7ff',
-            fontSize: 13,
-          },
+          color: '#7ec7ff',
+          fontSize: 13,
           // icon:'rect',
           itemGap: 25,
           itemWidth: 18,
@@ -144,11 +138,9 @@
             },
             axisLabel: {
               //坐标轴刻度标签的相关设置
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 14,
-                fontSize: 14,
-              },
+              color: '#7ec7ff',
+              padding: 14,
+              fontSize: 14,
               formatter: function (data) {
                 return data;
               },
@@ -171,7 +163,7 @@
             name: 'mg/L',
             nameTextStyle: {
               color: '#7ec7ff',
-              fontSize: 15,
+              fontSize: 13,
               padding: 1,
             },
             min: 0,
@@ -190,10 +182,8 @@
             },
             axisLabel: {
               show: true,
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 16,
-              },
+              color: '#7ec7ff',
+              padding: 16,
               formatter: function (value) {
                 if (value === 0) {
                   return value;
@@ -207,55 +197,6 @@
           },
         ],
         series: [
-          // {
-          //   name: '水深(cm)',
-          //   type: 'line',
-          //   symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-          //   showAllSymbol: true,
-          //   symbolSize: 0,
-          //   smooth: true,
-          //   lineStyle: {
-          //     normal: {
-          //       width: 2,
-          //       color: '#19FFB1', // 线条颜色
-          //     },
-          //     borderColor: '#19FFB1',
-          //   },
-          //   itemStyle: {
-          //     color: '#19FFB1',
-          //     borderColor: '#19FFB1',
-          //     borderWidth: 2,
-          //   },
-          //   tooltip: {
-          //     show: true,
-          //   },
-          //   areaStyle: {
-          //     //区域填充样式
-          //     normal: {
-          //       //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-          //       color: new echarts.graphic.LinearGradient(
-          //         0,
-          //         0,
-          //         0,
-          //         1,
-          //         [
-          //           {
-          //             offset: 0,
-          //             color: 'rgba(25,163,223,.3)',
-          //           },
-          //           {
-          //             offset: 1,
-          //             color: 'rgba(25,163,223, 0)',
-          //           },
-          //         ],
-          //         false
-          //       ),
-          //       shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
-          //       shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          //     },
-          //   },
-          //   data: props.data.data1,
-          // },
           {
             name: '',
             type: 'line',
@@ -265,10 +206,8 @@
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              normal: {
-                width: 2,
-                color: '#FFF21C', // 线条颜色
-              },
+              width: 2,
+              color: '#FFF21C', // 线条颜色
               borderColor: '#FFF21C',
             },
             itemStyle: {
@@ -281,28 +220,26 @@
             },
             areaStyle: {
               //区域填充样式
-              normal: {
-                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(10,219,250,.3)',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(10,219,250, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
-                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-              },
+              //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(10,219,250,.3)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(10,219,250, 0)',
+                  },
+                ],
+                false
+              ),
+              shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
+              shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             },
             markLine: {
               symbol: 'none', //去掉警戒线最后面的箭头
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
index d7ca656..a4b504c 100644
--- a/src/views/sponeScreen/longYW/MonitoringStation.vue
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -6,29 +6,23 @@
         <div class="one">
           <div class="iconTwo bgcBlue"></div>
           <span>总计</span>
-          <span class="bgcBlue">86</span>
+          <span class="bgcBlue">{{ tableData.length }}</span>
           个
         </div>
         <div class="two">
           <div class="iconTwo bgcgreen"></div>
           <span>在线</span>
-          <span class="bgcgreen">80</span>
+          <span class="bgcgreen">{{ onlineNum }}</span>
           个
         </div>
         <div class="three">
           <div class="iconTwo bgcRed"></div>
           <span>离线</span>
-          <span class="bgcRed">5</span>
-          个
-        </div>
-        <div class="four">
-          <div class="iconTwo bgcYellow"></div>
-          <span>故障</span>
-          <span class="bgcYellow">1</span>
+          <span class="bgcRed">{{ outlineNum }}</span>
           个
         </div>
       </div>
-      <div class="box-body">
+      <div class="box-body" v-loading="tableLoading">
         <div class="scrollMapHM">
           <div class="scrollTitle flex">
             <p>站点名称</p>
@@ -39,10 +33,40 @@
 
           <Vue3SeamlessScroll :list="tableData" :singleHeight="50" :singleWaitTime="1500" :hover="true" class="scroll">
             <div class="scrollCont flex" v-for="item in tableData" :key="item.id">
-              <p class="ellipsis">{{ item.start }}</p>
-              <p class="ellipsis">{{ item.num }}</p>
-              <p class="ellipsis">{{ item.time }}</p>
-              <p class="ellipsis reports" @click="checkReport(item)">{{ item.zt }}</p>
+              <p class="ellipsis">{{ item.stName }}</p>
+              <p class="ellipsis">
+                {{
+                  item.monitorTargetType == 'rainfall'
+                    ? '雨量站'
+                    : item.monitorTargetType == 'river'
+                    ? '河道'
+                    : item.monitorTargetType == 'lake'
+                    ? '湖泊'
+                    : item.monitorTargetType == 'pipeline'
+                    ? '管网'
+                    : item.monitorTargetType == 'channel'
+                    ? '港渠'
+                    : item.monitorTargetType == 'typical_land'
+                    ? '典型地块'
+                    : '--'
+                }}
+              </p>
+              <p class="ellipsis">{{ item.tt }}</p>
+              <p class="ellipsis reports">
+                {{
+                  item.faultStatus == 'normal'
+                    ? '正常'
+                    : item.faultStatus == 'low_battery'
+                    ? '低电压'
+                    : item.faultStatus == 'low_signal'
+                    ? '低信号'
+                    : item.faultStatus == 'exception'
+                    ? '异常值'
+                    : item.faultStatus == 'offline'
+                    ? '离线'
+                    : '--'
+                }}
+              </p>
             </div>
           </Vue3SeamlessScroll>
         </div>
@@ -53,18 +77,28 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { getStationList } from '@/api/dataAnalysis/syntherticData';
 
-const tableData = ref([
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '离线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '故障', id: 1 },
-]);
+const tableData = ref([]);
+const tableLoading = ref(true);
+const onlineNum = ref(0);
+const outlineNum = ref(0);
+
+// 获取设备数据
+function getDataList() {
+  tableLoading.value = true;
+  getStationList({ orderBy: 'tt desc' }).then(res => {
+    tableData.value = res.data || [];
+    tableLoading.value = false;
+    let arrOn = tableData.value.filter(item => item.onlineStatus == 'outline');
+    outlineNum.value = arrOn.length; //离线数
+    onlineNum.value = tableData.value.length - arrOn.length; //在线数
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -78,15 +112,12 @@
   background: #004565;
   margin-top: -5px;
   opacity: 0.8;
-  // background: red;
   .HeadContent {
     width: 100%;
-    height: 23%;
-    // background: #2270ff;
     align-items: center;
-    line-height: 25px;
-    margin-top: 2px;
     display: flex;
+    justify-content: space-around;
+    padding: 8px 0px;
     .one,
     .two,
     .three,
@@ -99,11 +130,10 @@
       font-size: 15px;
       font-family: SourceHanSansCN-Regular;
       font-weight: 600;
-      // background: red;
     }
   }
   .box-body {
-    height: 80%;
+    height: 90%;
     padding: 0px 10px;
     .scrollMapHM {
       height: 100%;

diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 221d693..67d95fc 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -12,8 +12,6 @@
     refresh: Number,
   },
   setup(props) {
-    console.log(props.data, '1asdsad');
-
     const allData = reactive({
       series: [],
       legend: [],
@@ -50,8 +48,6 @@
         });
       }
 
-      console.log(markLinedata, 'markLinedatamarkLinedata');
-
       let chartDom = echarts.init(document.getElementById(allData.id));
       var option;
       option = {
@@ -92,10 +88,8 @@
           right: '1%',
           top: '1%',
           type: 'plain',
-          textStyle: {
-            color: '#7ec7ff',
-            fontSize: 13,
-          },
+          color: '#7ec7ff',
+          fontSize: 13,
           // icon:'rect',
           itemGap: 25,
           itemWidth: 18,
@@ -144,11 +138,9 @@
             },
             axisLabel: {
               //坐标轴刻度标签的相关设置
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 14,
-                fontSize: 14,
-              },
+              color: '#7ec7ff',
+              padding: 14,
+              fontSize: 14,
               formatter: function (data) {
                 return data;
               },
@@ -171,7 +163,7 @@
             name: 'mg/L',
             nameTextStyle: {
               color: '#7ec7ff',
-              fontSize: 15,
+              fontSize: 13,
               padding: 1,
             },
             min: 0,
@@ -190,10 +182,8 @@
             },
             axisLabel: {
               show: true,
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 16,
-              },
+              color: '#7ec7ff',
+              padding: 16,
               formatter: function (value) {
                 if (value === 0) {
                   return value;
@@ -207,55 +197,6 @@
           },
         ],
         series: [
-          // {
-          //   name: '水深(cm)',
-          //   type: 'line',
-          //   symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-          //   showAllSymbol: true,
-          //   symbolSize: 0,
-          //   smooth: true,
-          //   lineStyle: {
-          //     normal: {
-          //       width: 2,
-          //       color: '#19FFB1', // 线条颜色
-          //     },
-          //     borderColor: '#19FFB1',
-          //   },
-          //   itemStyle: {
-          //     color: '#19FFB1',
-          //     borderColor: '#19FFB1',
-          //     borderWidth: 2,
-          //   },
-          //   tooltip: {
-          //     show: true,
-          //   },
-          //   areaStyle: {
-          //     //区域填充样式
-          //     normal: {
-          //       //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-          //       color: new echarts.graphic.LinearGradient(
-          //         0,
-          //         0,
-          //         0,
-          //         1,
-          //         [
-          //           {
-          //             offset: 0,
-          //             color: 'rgba(25,163,223,.3)',
-          //           },
-          //           {
-          //             offset: 1,
-          //             color: 'rgba(25,163,223, 0)',
-          //           },
-          //         ],
-          //         false
-          //       ),
-          //       shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
-          //       shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          //     },
-          //   },
-          //   data: props.data.data1,
-          // },
           {
             name: '',
             type: 'line',
@@ -265,10 +206,8 @@
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              normal: {
-                width: 2,
-                color: '#FFF21C', // 线条颜色
-              },
+              width: 2,
+              color: '#FFF21C', // 线条颜色
               borderColor: '#FFF21C',
             },
             itemStyle: {
@@ -281,28 +220,26 @@
             },
             areaStyle: {
               //区域填充样式
-              normal: {
-                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(10,219,250,.3)',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(10,219,250, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
-                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-              },
+              //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(10,219,250,.3)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(10,219,250, 0)',
+                  },
+                ],
+                false
+              ),
+              shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
+              shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             },
             markLine: {
               symbol: 'none', //去掉警戒线最后面的箭头
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
index d7ca656..a4b504c 100644
--- a/src/views/sponeScreen/longYW/MonitoringStation.vue
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -6,29 +6,23 @@
         <div class="one">
           <div class="iconTwo bgcBlue"></div>
           <span>总计</span>
-          <span class="bgcBlue">86</span>
+          <span class="bgcBlue">{{ tableData.length }}</span>
           个
         </div>
         <div class="two">
           <div class="iconTwo bgcgreen"></div>
           <span>在线</span>
-          <span class="bgcgreen">80</span>
+          <span class="bgcgreen">{{ onlineNum }}</span>
           个
         </div>
         <div class="three">
           <div class="iconTwo bgcRed"></div>
           <span>离线</span>
-          <span class="bgcRed">5</span>
-          个
-        </div>
-        <div class="four">
-          <div class="iconTwo bgcYellow"></div>
-          <span>故障</span>
-          <span class="bgcYellow">1</span>
+          <span class="bgcRed">{{ outlineNum }}</span>
           个
         </div>
       </div>
-      <div class="box-body">
+      <div class="box-body" v-loading="tableLoading">
         <div class="scrollMapHM">
           <div class="scrollTitle flex">
             <p>站点名称</p>
@@ -39,10 +33,40 @@
 
           <Vue3SeamlessScroll :list="tableData" :singleHeight="50" :singleWaitTime="1500" :hover="true" class="scroll">
             <div class="scrollCont flex" v-for="item in tableData" :key="item.id">
-              <p class="ellipsis">{{ item.start }}</p>
-              <p class="ellipsis">{{ item.num }}</p>
-              <p class="ellipsis">{{ item.time }}</p>
-              <p class="ellipsis reports" @click="checkReport(item)">{{ item.zt }}</p>
+              <p class="ellipsis">{{ item.stName }}</p>
+              <p class="ellipsis">
+                {{
+                  item.monitorTargetType == 'rainfall'
+                    ? '雨量站'
+                    : item.monitorTargetType == 'river'
+                    ? '河道'
+                    : item.monitorTargetType == 'lake'
+                    ? '湖泊'
+                    : item.monitorTargetType == 'pipeline'
+                    ? '管网'
+                    : item.monitorTargetType == 'channel'
+                    ? '港渠'
+                    : item.monitorTargetType == 'typical_land'
+                    ? '典型地块'
+                    : '--'
+                }}
+              </p>
+              <p class="ellipsis">{{ item.tt }}</p>
+              <p class="ellipsis reports">
+                {{
+                  item.faultStatus == 'normal'
+                    ? '正常'
+                    : item.faultStatus == 'low_battery'
+                    ? '低电压'
+                    : item.faultStatus == 'low_signal'
+                    ? '低信号'
+                    : item.faultStatus == 'exception'
+                    ? '异常值'
+                    : item.faultStatus == 'offline'
+                    ? '离线'
+                    : '--'
+                }}
+              </p>
             </div>
           </Vue3SeamlessScroll>
         </div>
@@ -53,18 +77,28 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { getStationList } from '@/api/dataAnalysis/syntherticData';
 
-const tableData = ref([
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '离线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '故障', id: 1 },
-]);
+const tableData = ref([]);
+const tableLoading = ref(true);
+const onlineNum = ref(0);
+const outlineNum = ref(0);
+
+// 获取设备数据
+function getDataList() {
+  tableLoading.value = true;
+  getStationList({ orderBy: 'tt desc' }).then(res => {
+    tableData.value = res.data || [];
+    tableLoading.value = false;
+    let arrOn = tableData.value.filter(item => item.onlineStatus == 'outline');
+    outlineNum.value = arrOn.length; //离线数
+    onlineNum.value = tableData.value.length - arrOn.length; //在线数
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -78,15 +112,12 @@
   background: #004565;
   margin-top: -5px;
   opacity: 0.8;
-  // background: red;
   .HeadContent {
     width: 100%;
-    height: 23%;
-    // background: #2270ff;
     align-items: center;
-    line-height: 25px;
-    margin-top: 2px;
     display: flex;
+    justify-content: space-around;
+    padding: 8px 0px;
     .one,
     .two,
     .three,
@@ -99,11 +130,10 @@
       font-size: 15px;
       font-family: SourceHanSansCN-Regular;
       font-weight: 600;
-      // background: red;
     }
   }
   .box-body {
-    height: 80%;
+    height: 90%;
     padding: 0px 10px;
     .scrollMapHM {
       height: 100%;
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
index f8e01f8..b999d8d 100644
--- a/src/views/sponeScreen/longYW/PromotionTraining.vue
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -8,8 +8,8 @@
           <p v-else>暂无照片</p>
         </div>
         <div class="PublicityContentlR">
-          <div class="PublicityContentXM" :title="item.address">
-            <span>{{ item.address }}</span>
+          <div class="PublicityContentXM" :title="item.title">
+            <span>{{ item.title }}</span>
           </div>
           <div class="PublicityContentTime">
             <span>发布时间</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 221d693..67d95fc 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -12,8 +12,6 @@
     refresh: Number,
   },
   setup(props) {
-    console.log(props.data, '1asdsad');
-
     const allData = reactive({
       series: [],
       legend: [],
@@ -50,8 +48,6 @@
         });
       }
 
-      console.log(markLinedata, 'markLinedatamarkLinedata');
-
       let chartDom = echarts.init(document.getElementById(allData.id));
       var option;
       option = {
@@ -92,10 +88,8 @@
           right: '1%',
           top: '1%',
           type: 'plain',
-          textStyle: {
-            color: '#7ec7ff',
-            fontSize: 13,
-          },
+          color: '#7ec7ff',
+          fontSize: 13,
           // icon:'rect',
           itemGap: 25,
           itemWidth: 18,
@@ -144,11 +138,9 @@
             },
             axisLabel: {
               //坐标轴刻度标签的相关设置
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 14,
-                fontSize: 14,
-              },
+              color: '#7ec7ff',
+              padding: 14,
+              fontSize: 14,
               formatter: function (data) {
                 return data;
               },
@@ -171,7 +163,7 @@
             name: 'mg/L',
             nameTextStyle: {
               color: '#7ec7ff',
-              fontSize: 15,
+              fontSize: 13,
               padding: 1,
             },
             min: 0,
@@ -190,10 +182,8 @@
             },
             axisLabel: {
               show: true,
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 16,
-              },
+              color: '#7ec7ff',
+              padding: 16,
               formatter: function (value) {
                 if (value === 0) {
                   return value;
@@ -207,55 +197,6 @@
           },
         ],
         series: [
-          // {
-          //   name: '水深(cm)',
-          //   type: 'line',
-          //   symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-          //   showAllSymbol: true,
-          //   symbolSize: 0,
-          //   smooth: true,
-          //   lineStyle: {
-          //     normal: {
-          //       width: 2,
-          //       color: '#19FFB1', // 线条颜色
-          //     },
-          //     borderColor: '#19FFB1',
-          //   },
-          //   itemStyle: {
-          //     color: '#19FFB1',
-          //     borderColor: '#19FFB1',
-          //     borderWidth: 2,
-          //   },
-          //   tooltip: {
-          //     show: true,
-          //   },
-          //   areaStyle: {
-          //     //区域填充样式
-          //     normal: {
-          //       //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-          //       color: new echarts.graphic.LinearGradient(
-          //         0,
-          //         0,
-          //         0,
-          //         1,
-          //         [
-          //           {
-          //             offset: 0,
-          //             color: 'rgba(25,163,223,.3)',
-          //           },
-          //           {
-          //             offset: 1,
-          //             color: 'rgba(25,163,223, 0)',
-          //           },
-          //         ],
-          //         false
-          //       ),
-          //       shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
-          //       shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          //     },
-          //   },
-          //   data: props.data.data1,
-          // },
           {
             name: '',
             type: 'line',
@@ -265,10 +206,8 @@
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              normal: {
-                width: 2,
-                color: '#FFF21C', // 线条颜色
-              },
+              width: 2,
+              color: '#FFF21C', // 线条颜色
               borderColor: '#FFF21C',
             },
             itemStyle: {
@@ -281,28 +220,26 @@
             },
             areaStyle: {
               //区域填充样式
-              normal: {
-                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(10,219,250,.3)',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(10,219,250, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
-                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-              },
+              //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(10,219,250,.3)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(10,219,250, 0)',
+                  },
+                ],
+                false
+              ),
+              shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
+              shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             },
             markLine: {
               symbol: 'none', //去掉警戒线最后面的箭头
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
index d7ca656..a4b504c 100644
--- a/src/views/sponeScreen/longYW/MonitoringStation.vue
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -6,29 +6,23 @@
         <div class="one">
           <div class="iconTwo bgcBlue"></div>
           <span>总计</span>
-          <span class="bgcBlue">86</span>
+          <span class="bgcBlue">{{ tableData.length }}</span>
           个
         </div>
         <div class="two">
           <div class="iconTwo bgcgreen"></div>
           <span>在线</span>
-          <span class="bgcgreen">80</span>
+          <span class="bgcgreen">{{ onlineNum }}</span>
           个
         </div>
         <div class="three">
           <div class="iconTwo bgcRed"></div>
           <span>离线</span>
-          <span class="bgcRed">5</span>
-          个
-        </div>
-        <div class="four">
-          <div class="iconTwo bgcYellow"></div>
-          <span>故障</span>
-          <span class="bgcYellow">1</span>
+          <span class="bgcRed">{{ outlineNum }}</span>
           个
         </div>
       </div>
-      <div class="box-body">
+      <div class="box-body" v-loading="tableLoading">
         <div class="scrollMapHM">
           <div class="scrollTitle flex">
             <p>站点名称</p>
@@ -39,10 +33,40 @@
 
           <Vue3SeamlessScroll :list="tableData" :singleHeight="50" :singleWaitTime="1500" :hover="true" class="scroll">
             <div class="scrollCont flex" v-for="item in tableData" :key="item.id">
-              <p class="ellipsis">{{ item.start }}</p>
-              <p class="ellipsis">{{ item.num }}</p>
-              <p class="ellipsis">{{ item.time }}</p>
-              <p class="ellipsis reports" @click="checkReport(item)">{{ item.zt }}</p>
+              <p class="ellipsis">{{ item.stName }}</p>
+              <p class="ellipsis">
+                {{
+                  item.monitorTargetType == 'rainfall'
+                    ? '雨量站'
+                    : item.monitorTargetType == 'river'
+                    ? '河道'
+                    : item.monitorTargetType == 'lake'
+                    ? '湖泊'
+                    : item.monitorTargetType == 'pipeline'
+                    ? '管网'
+                    : item.monitorTargetType == 'channel'
+                    ? '港渠'
+                    : item.monitorTargetType == 'typical_land'
+                    ? '典型地块'
+                    : '--'
+                }}
+              </p>
+              <p class="ellipsis">{{ item.tt }}</p>
+              <p class="ellipsis reports">
+                {{
+                  item.faultStatus == 'normal'
+                    ? '正常'
+                    : item.faultStatus == 'low_battery'
+                    ? '低电压'
+                    : item.faultStatus == 'low_signal'
+                    ? '低信号'
+                    : item.faultStatus == 'exception'
+                    ? '异常值'
+                    : item.faultStatus == 'offline'
+                    ? '离线'
+                    : '--'
+                }}
+              </p>
             </div>
           </Vue3SeamlessScroll>
         </div>
@@ -53,18 +77,28 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { getStationList } from '@/api/dataAnalysis/syntherticData';
 
-const tableData = ref([
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '离线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '故障', id: 1 },
-]);
+const tableData = ref([]);
+const tableLoading = ref(true);
+const onlineNum = ref(0);
+const outlineNum = ref(0);
+
+// 获取设备数据
+function getDataList() {
+  tableLoading.value = true;
+  getStationList({ orderBy: 'tt desc' }).then(res => {
+    tableData.value = res.data || [];
+    tableLoading.value = false;
+    let arrOn = tableData.value.filter(item => item.onlineStatus == 'outline');
+    outlineNum.value = arrOn.length; //离线数
+    onlineNum.value = tableData.value.length - arrOn.length; //在线数
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -78,15 +112,12 @@
   background: #004565;
   margin-top: -5px;
   opacity: 0.8;
-  // background: red;
   .HeadContent {
     width: 100%;
-    height: 23%;
-    // background: #2270ff;
     align-items: center;
-    line-height: 25px;
-    margin-top: 2px;
     display: flex;
+    justify-content: space-around;
+    padding: 8px 0px;
     .one,
     .two,
     .three,
@@ -99,11 +130,10 @@
       font-size: 15px;
       font-family: SourceHanSansCN-Regular;
       font-weight: 600;
-      // background: red;
     }
   }
   .box-body {
-    height: 80%;
+    height: 90%;
     padding: 0px 10px;
     .scrollMapHM {
       height: 100%;
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
index f8e01f8..b999d8d 100644
--- a/src/views/sponeScreen/longYW/PromotionTraining.vue
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -8,8 +8,8 @@
           <p v-else>暂无照片</p>
         </div>
         <div class="PublicityContentlR">
-          <div class="PublicityContentXM" :title="item.address">
-            <span>{{ item.address }}</span>
+          <div class="PublicityContentXM" :title="item.title">
+            <span>{{ item.title }}</span>
           </div>
           <div class="PublicityContentTime">
             <span>发布时间</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
index a7b7a91..c0b162e 100644
--- a/src/views/sponeScreen/longYW/SewageBOD.vue
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -29,9 +29,9 @@
 </template>
 
 <script setup>
-import { ref, nextTick, onMounted, reactive } from 'vue';
 import SewageBODEchaer from '@/views/sponeScreen/Echarts/SewageBODEchaer.vue';
 import { sewageBodPage, facilitySewagelist } from '@/api/publicService/index';
+
 const { proxy } = getCurrentInstance();
 const ListBod = ref([]);
 

diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 221d693..67d95fc 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -12,8 +12,6 @@
     refresh: Number,
   },
   setup(props) {
-    console.log(props.data, '1asdsad');
-
     const allData = reactive({
       series: [],
       legend: [],
@@ -50,8 +48,6 @@
         });
       }
 
-      console.log(markLinedata, 'markLinedatamarkLinedata');
-
       let chartDom = echarts.init(document.getElementById(allData.id));
       var option;
       option = {
@@ -92,10 +88,8 @@
           right: '1%',
           top: '1%',
           type: 'plain',
-          textStyle: {
-            color: '#7ec7ff',
-            fontSize: 13,
-          },
+          color: '#7ec7ff',
+          fontSize: 13,
           // icon:'rect',
           itemGap: 25,
           itemWidth: 18,
@@ -144,11 +138,9 @@
             },
             axisLabel: {
               //坐标轴刻度标签的相关设置
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 14,
-                fontSize: 14,
-              },
+              color: '#7ec7ff',
+              padding: 14,
+              fontSize: 14,
               formatter: function (data) {
                 return data;
               },
@@ -171,7 +163,7 @@
             name: 'mg/L',
             nameTextStyle: {
               color: '#7ec7ff',
-              fontSize: 15,
+              fontSize: 13,
               padding: 1,
             },
             min: 0,
@@ -190,10 +182,8 @@
             },
             axisLabel: {
               show: true,
-              textStyle: {
-                color: '#7ec7ff',
-                padding: 16,
-              },
+              color: '#7ec7ff',
+              padding: 16,
               formatter: function (value) {
                 if (value === 0) {
                   return value;
@@ -207,55 +197,6 @@
           },
         ],
         series: [
-          // {
-          //   name: '水深(cm)',
-          //   type: 'line',
-          //   symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
-          //   showAllSymbol: true,
-          //   symbolSize: 0,
-          //   smooth: true,
-          //   lineStyle: {
-          //     normal: {
-          //       width: 2,
-          //       color: '#19FFB1', // 线条颜色
-          //     },
-          //     borderColor: '#19FFB1',
-          //   },
-          //   itemStyle: {
-          //     color: '#19FFB1',
-          //     borderColor: '#19FFB1',
-          //     borderWidth: 2,
-          //   },
-          //   tooltip: {
-          //     show: true,
-          //   },
-          //   areaStyle: {
-          //     //区域填充样式
-          //     normal: {
-          //       //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-          //       color: new echarts.graphic.LinearGradient(
-          //         0,
-          //         0,
-          //         0,
-          //         1,
-          //         [
-          //           {
-          //             offset: 0,
-          //             color: 'rgba(25,163,223,.3)',
-          //           },
-          //           {
-          //             offset: 1,
-          //             color: 'rgba(25,163,223, 0)',
-          //           },
-          //         ],
-          //         false
-          //       ),
-          //       shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
-          //       shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          //     },
-          //   },
-          //   data: props.data.data1,
-          // },
           {
             name: '',
             type: 'line',
@@ -265,10 +206,8 @@
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              normal: {
-                width: 2,
-                color: '#FFF21C', // 线条颜色
-              },
+              width: 2,
+              color: '#FFF21C', // 线条颜色
               borderColor: '#FFF21C',
             },
             itemStyle: {
@@ -281,28 +220,26 @@
             },
             areaStyle: {
               //区域填充样式
-              normal: {
-                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(10,219,250,.3)',
-                    },
-                    {
-                      offset: 1,
-                      color: 'rgba(10,219,250, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
-                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-              },
+              //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+              color: new echarts.graphic.LinearGradient(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: 'rgba(10,219,250,.3)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(10,219,250, 0)',
+                  },
+                ],
+                false
+              ),
+              shadowColor: 'rgba(10,219,250, 0.5)', //阴影颜色
+              shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
             },
             markLine: {
               symbol: 'none', //去掉警戒线最后面的箭头
diff --git a/src/views/sponeScreen/longYW/MonitoringStation.vue b/src/views/sponeScreen/longYW/MonitoringStation.vue
index d7ca656..a4b504c 100644
--- a/src/views/sponeScreen/longYW/MonitoringStation.vue
+++ b/src/views/sponeScreen/longYW/MonitoringStation.vue
@@ -6,29 +6,23 @@
         <div class="one">
           <div class="iconTwo bgcBlue"></div>
           <span>总计</span>
-          <span class="bgcBlue">86</span>
+          <span class="bgcBlue">{{ tableData.length }}</span>
           个
         </div>
         <div class="two">
           <div class="iconTwo bgcgreen"></div>
           <span>在线</span>
-          <span class="bgcgreen">80</span>
+          <span class="bgcgreen">{{ onlineNum }}</span>
           个
         </div>
         <div class="three">
           <div class="iconTwo bgcRed"></div>
           <span>离线</span>
-          <span class="bgcRed">5</span>
-          个
-        </div>
-        <div class="four">
-          <div class="iconTwo bgcYellow"></div>
-          <span>故障</span>
-          <span class="bgcYellow">1</span>
+          <span class="bgcRed">{{ outlineNum }}</span>
           个
         </div>
       </div>
-      <div class="box-body">
+      <div class="box-body" v-loading="tableLoading">
         <div class="scrollMapHM">
           <div class="scrollTitle flex">
             <p>站点名称</p>
@@ -39,10 +33,40 @@
 
           <Vue3SeamlessScroll :list="tableData" :singleHeight="50" :singleWaitTime="1500" :hover="true" class="scroll">
             <div class="scrollCont flex" v-for="item in tableData" :key="item.id">
-              <p class="ellipsis">{{ item.start }}</p>
-              <p class="ellipsis">{{ item.num }}</p>
-              <p class="ellipsis">{{ item.time }}</p>
-              <p class="ellipsis reports" @click="checkReport(item)">{{ item.zt }}</p>
+              <p class="ellipsis">{{ item.stName }}</p>
+              <p class="ellipsis">
+                {{
+                  item.monitorTargetType == 'rainfall'
+                    ? '雨量站'
+                    : item.monitorTargetType == 'river'
+                    ? '河道'
+                    : item.monitorTargetType == 'lake'
+                    ? '湖泊'
+                    : item.monitorTargetType == 'pipeline'
+                    ? '管网'
+                    : item.monitorTargetType == 'channel'
+                    ? '港渠'
+                    : item.monitorTargetType == 'typical_land'
+                    ? '典型地块'
+                    : '--'
+                }}
+              </p>
+              <p class="ellipsis">{{ item.tt }}</p>
+              <p class="ellipsis reports">
+                {{
+                  item.faultStatus == 'normal'
+                    ? '正常'
+                    : item.faultStatus == 'low_battery'
+                    ? '低电压'
+                    : item.faultStatus == 'low_signal'
+                    ? '低信号'
+                    : item.faultStatus == 'exception'
+                    ? '异常值'
+                    : item.faultStatus == 'offline'
+                    ? '离线'
+                    : '--'
+                }}
+              </p>
             </div>
           </Vue3SeamlessScroll>
         </div>
@@ -53,18 +77,28 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { getStationList } from '@/api/dataAnalysis/syntherticData';
 
-const tableData = ref([
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '在线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '离线', id: 1 },
-  { start: '汴京路雨量站', num: '雨量站', time: '06-07  16:00', zt: '故障', id: 1 },
-]);
+const tableData = ref([]);
+const tableLoading = ref(true);
+const onlineNum = ref(0);
+const outlineNum = ref(0);
+
+// 获取设备数据
+function getDataList() {
+  tableLoading.value = true;
+  getStationList({ orderBy: 'tt desc' }).then(res => {
+    tableData.value = res.data || [];
+    tableLoading.value = false;
+    let arrOn = tableData.value.filter(item => item.onlineStatus == 'outline');
+    outlineNum.value = arrOn.length; //离线数
+    onlineNum.value = tableData.value.length - arrOn.length; //在线数
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -78,15 +112,12 @@
   background: #004565;
   margin-top: -5px;
   opacity: 0.8;
-  // background: red;
   .HeadContent {
     width: 100%;
-    height: 23%;
-    // background: #2270ff;
     align-items: center;
-    line-height: 25px;
-    margin-top: 2px;
     display: flex;
+    justify-content: space-around;
+    padding: 8px 0px;
     .one,
     .two,
     .three,
@@ -99,11 +130,10 @@
       font-size: 15px;
       font-family: SourceHanSansCN-Regular;
       font-weight: 600;
-      // background: red;
     }
   }
   .box-body {
-    height: 80%;
+    height: 90%;
     padding: 0px 10px;
     .scrollMapHM {
       height: 100%;
diff --git a/src/views/sponeScreen/longYW/PromotionTraining.vue b/src/views/sponeScreen/longYW/PromotionTraining.vue
index f8e01f8..b999d8d 100644
--- a/src/views/sponeScreen/longYW/PromotionTraining.vue
+++ b/src/views/sponeScreen/longYW/PromotionTraining.vue
@@ -8,8 +8,8 @@
           <p v-else>暂无照片</p>
         </div>
         <div class="PublicityContentlR">
-          <div class="PublicityContentXM" :title="item.address">
-            <span>{{ item.address }}</span>
+          <div class="PublicityContentXM" :title="item.title">
+            <span>{{ item.title }}</span>
           </div>
           <div class="PublicityContentTime">
             <span>发布时间</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
index a7b7a91..c0b162e 100644
--- a/src/views/sponeScreen/longYW/SewageBOD.vue
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -29,9 +29,9 @@
 </template>
 
 <script setup>
-import { ref, nextTick, onMounted, reactive } from 'vue';
 import SewageBODEchaer from '@/views/sponeScreen/Echarts/SewageBODEchaer.vue';
 import { sewageBodPage, facilitySewagelist } from '@/api/publicService/index';
+
 const { proxy } = getCurrentInstance();
 const ListBod = ref([]);
 
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 6c68ad8..2a0fe55 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -366,7 +366,6 @@
         width: 35%;
         display: flex;
         align-items: center;
-        // background: red;
         .ICON_zp {
           width: 28px;
           height: 28px;
@@ -378,14 +377,12 @@
         width: 65%;
         display: flex;
         align-items: center;
-        // background: yellowgreen;
       }
     }
     .assessment {
       margin-top: 5px;
       width: 100%;
-      height: 260px;
-      // background: red;
+      height: calc(100vh - 720px);
     }
   }
 }