diff --git a/src/views/dataAnalysis/syntheticData/index.vue b/src/views/dataAnalysis/syntheticData/index.vue
index 8242fa8..d6ddaa3 100644
--- a/src/views/dataAnalysis/syntheticData/index.vue
+++ b/src/views/dataAnalysis/syntheticData/index.vue
@@ -77,11 +77,11 @@
 const headArr = reactive([
   { name: '全部', value: '', imgUrl: 'all_icon.png', key: 'total' },
   { name: '源头地块', value: '', imgUrl: 'land_icon.png', key: 'typical_land' },
-  { name: '雨量', value: '', imgUrl: 'gqjc_icon.png', key: 'rainfall' },
-  { name: '管网', value: '', imgUrl: 'line_icon.png', key: 'pipeline' },
+  { name: '雨量站', value: '', imgUrl: 'gqjc_icon.png', key: 'rainfall' },
+  { name: '管网监测点', value: '', imgUrl: 'line_icon.png', key: 'pipeline' },
   { name: '内涝点', value: '', imgUrl: 'lake_icon.png', key: 'waterlogging' },
-  { name: '排口', value: '', imgUrl: 'gqjc_icon.png', key: 'drain_outlet' },
-  { name: '河道', value: '', imgUrl: 'river_icon.png', key: 'river' },
+  { name: '海绵设施', value: '', imgUrl: 'gqjc_icon.png', key: 'drain_outlet' },
+  { name: '河道断面', value: '', imgUrl: 'river_icon.png', key: 'river' },
 ]);
 const headerObj = ref({});
 const checkedKey = ref('total');

diff --git a/src/views/dataAnalysis/syntheticData/index.vue b/src/views/dataAnalysis/syntheticData/index.vue
index 8242fa8..d6ddaa3 100644
--- a/src/views/dataAnalysis/syntheticData/index.vue
+++ b/src/views/dataAnalysis/syntheticData/index.vue
@@ -77,11 +77,11 @@
 const headArr = reactive([
   { name: '全部', value: '', imgUrl: 'all_icon.png', key: 'total' },
   { name: '源头地块', value: '', imgUrl: 'land_icon.png', key: 'typical_land' },
-  { name: '雨量', value: '', imgUrl: 'gqjc_icon.png', key: 'rainfall' },
-  { name: '管网', value: '', imgUrl: 'line_icon.png', key: 'pipeline' },
+  { name: '雨量站', value: '', imgUrl: 'gqjc_icon.png', key: 'rainfall' },
+  { name: '管网监测点', value: '', imgUrl: 'line_icon.png', key: 'pipeline' },
   { name: '内涝点', value: '', imgUrl: 'lake_icon.png', key: 'waterlogging' },
-  { name: '排口', value: '', imgUrl: 'gqjc_icon.png', key: 'drain_outlet' },
-  { name: '河道', value: '', imgUrl: 'river_icon.png', key: 'river' },
+  { name: '海绵设施', value: '', imgUrl: 'gqjc_icon.png', key: 'drain_outlet' },
+  { name: '河道断面', value: '', imgUrl: 'river_icon.png', key: 'river' },
 ]);
 const headerObj = ref({});
 const checkedKey = ref('total');
diff --git a/src/views/sponeScreen/waterFlood/equipMonitor.vue b/src/views/sponeScreen/waterFlood/equipMonitor.vue
index f094630..c6105e2 100644
--- a/src/views/sponeScreen/waterFlood/equipMonitor.vue
+++ b/src/views/sponeScreen/waterFlood/equipMonitor.vue
@@ -6,35 +6,50 @@
       <!-- 类型 -->
       <div class="flex flex-wrap flex-justcontent-spacearound">
         <div
-          :class="['part', stationIndex == item.value ? 'active' : '']"
+          :class="['part', stationIndex == item.key ? 'active' : '']"
           v-for="(item, index) in stationType"
           :key="index"
-          @click="checkStation(item)"
+          @click="checkStation(item.key)"
         >
-          {{ item.label }}
+          {{ item.name }}{{ headerObj[item.key] || '(--)' }}
         </div>
       </div>
       <!-- 监测内容 -->
-      <div class="monitorCont">
-        <el-select clearable v-model="stationCode" placeholder="请输入站点名称" class="stationSel">
-          <el-option v-for="item in stationList" :key="item.stationCode" :label="item.stationName" :value="item.stationCode" />
+      <div class="monitorCont" v-loading="loadingList">
+        <el-select clearable filterable v-model="stationCode" placeholder="请输入站点名称" class="stationSel" @change="searchData">
+          <el-option v-for="item in stationList" :key="item.stCode" :label="item.stName" :value="item.stCode" />
         </el-select>
-        <div class="contPart" v-for="item in stationList" :key="item.stationCode">
-          <p class="title">{{ item.stationName }}</p>
+        <div class="contPart" v-for="item in stationList" :key="item.stCode">
+          <p class="title">{{ item.stName }}</p>
           <p>
-            站点状态 <span :class="[item.status1 == '在线' ? 'green' : 'red']">{{ item.status1 }}</span>
+            站点状态
+            <span class="green" v-if="item.onlineStatus == 'online'">在线</span>
+            <span class="red" v-if="item.onlineStatus == 'offline'">离线</span>
           </p>
           <p>
-            数据状态 <span :class="[item.status2 == '正常' ? 'green' : 'red']">{{ item.status2 }}</span>
+            数据状态
+            <span :class="item.faultStatus == 'normal' ? 'success' : 'fail'">
+              {{ item.faultStatus ? faultList.filter(item2 => item2.value == item.faultStatus)[0].label : '--' }}
+            </span>
           </p>
           <p>
-            站点类型 <span>{{ item.type }}</span>
+            监测类型
+            <span>
+              {{ item.siteType == 'water_level' ? '水位' : item.siteType == 'flow' ? '流量' : item.siteType == 'rain' ? '降雨' : '水质' }}
+            </span>
           </p>
           <p>
-            最后通讯 <span>{{ item.date }}</span>
+            建设方式
+            <span :class="item.buildType == 'owner' ? 'success' : 'yellow'">
+              {{ item.buildType == 'owner' ? '新建' : '共享' }}
+            </span>
           </p>
-          <img src="@/assets/newImgs/HMScreen/video.png" alt="" v-if="!!item.video" @click="dialogShowVideo = true" />
+          <p>
+            最后通讯 <span>{{ item.tt }}</span>
+          </p>
+          <img src="@/assets/newImgs/HMScreen/video.png" alt="" @click="dialogShowVideo = true" />
         </div>
+        <empty v-if="stationList.length == 0" :width="100" :height="100" style="margin-top: 50px"></empty>
       </div>
     </div>
     <!-- 视频弹窗 -->
@@ -45,57 +60,72 @@
 </template>
 
 <script setup>
+import { getSiteInfoCountZH } from '@/api/dataAnalysis/syntherticData';
+import { getStationList } from '@/api/dataAnalysis/syntherticData';
 const { proxy } = getCurrentInstance();
 
 const dialogShowVideo = ref(false);
-const stationIndex = ref('');
+const stationIndex = ref('total');
 const stationType = ref([
-  { value: '', label: '全部(87)' },
-  { value: '1', label: '源头减排(29)' },
-  { value: '5', label: '河道断面(5)' },
-  { value: '6', label: '污水处理厂(5)' },
-  { value: '2', label: '雨量站(8)' },
-  { value: '7', label: '泵站(2)' },
-  { value: '4', label: '管网(20)' },
-  { value: '3', label: '内涝点(18)' },
+  { name: '全部', value: '1', key: 'total' },
+  { name: '源头地块', value: '2', key: 'typical_land' },
+  { name: '雨量站', value: '3', key: 'rainfall' },
+  { name: '管网监测点', value: '4', key: 'pipeline' },
+  { name: '内涝点', value: '5', key: 'waterlogging' },
+  { name: '海绵设施', value: '6', key: 'drain_outlet' },
+  { name: '河道断面', value: '7', key: 'river' },
 ]);
+const loadingList = ref(true);
+const headerObj = ref({});
 const stationCode = ref('');
-const stationList = ref([
-  {
-    stationName: '十四大街马家河支桥雨量站',
-    stationCode: '1',
-    status1: '在线',
-    status2: '正常',
-    type: '降雨',
-    date: '2024-05-10 12:03:20',
-    video: '11',
-  },
-  {
-    stationName: '汴京路雨水进口',
-    stationCode: '2',
-    status1: '离线',
-    status2: '异常',
-    type: '流量、ss',
-    date: '2024-06-10 12:03:20',
-    video: '',
-  },
-  {
-    stationName: '汴京路雨水出口',
-    stationCode: '3',
-    status1: '离线',
-    status2: '异常',
-    type: '流量、ss',
-    date: '2024-06-10 15:03:20',
-    video: '',
-  },
+const stationList = ref([]);
+const faultList = ref([
+  { value: 'normal', label: '正常' },
+  { value: 'low_battery', label: '低电压' },
+  { value: 'low_signal', label: '低信号' },
+  { value: 'exception', label: '异常值' },
+  { value: 'offline', label: '离线' },
 ]);
 
+// 获取不同监测类型对应数量
+const getStationCount = async () => {
+  let res = await getSiteInfoCountZH();
+  if (res && res.code == 200) {
+    headerObj.value = res.data;
+  }
+};
+
 // 类型点击
-function checkStation(item) {
-  stationIndex.value = item.value;
+function checkStation(key) {
+  stationIndex.value = key;
+  getStationData();
 }
 
-onMounted(() => {});
+// 按名称搜索
+function searchData() {
+  getStationData(stationCode.value);
+}
+
+//获取站点数据
+const getStationData = async () => {
+  loadingList.value = true;
+  let params = {
+    monitorTargetType: stationIndex.value == 'total' ? '' : stationIndex.value,
+    stCode: stationCode.value,
+    orderBy: 'tt desc',
+  };
+  let res = await getStationList(params);
+  if (res && res.code == 200) {
+    let datas = res.data;
+    stationList.value = datas || [];
+  }
+  loadingList.value = false;
+};
+
+onMounted(() => {
+  getStationCount(); // 获取不同监测类型对应数量
+  checkStation('total'); //加载全部站点
+});
 </script>
 
 <style lang="scss" scoped>