diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 0dcce8e..2334f07 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -3,13 +3,13 @@
   <div class="hmMainPage">
     <!-- 地图 -->
     <!-- <GisMapMF v-show="menuIndex != 3"></GisMapMF> -->
-    <gisMapBox
+    <!-- <gisMapBox
       v-show="menuIndex != 3"
       :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"
       @map-click="mapClick"
       @map-moveOn="moveOn"
       @map-moveLeave="moveLeave"
-    ></gisMapBox>
+    ></gisMapBox> -->
 
     <!-- 图例 -->
     <Legend

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 0dcce8e..2334f07 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -3,13 +3,13 @@
   <div class="hmMainPage">
     <!-- 地图 -->
     <!-- <GisMapMF v-show="menuIndex != 3"></GisMapMF> -->
-    <gisMapBox
+    <!-- <gisMapBox
       v-show="menuIndex != 3"
       :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"
       @map-click="mapClick"
       @map-moveOn="moveOn"
       @map-moveLeave="moveLeave"
-    ></gisMapBox>
+    ></gisMapBox> -->
 
     <!-- 图例 -->
     <Legend
diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue
index e0e4bc5..ac190b9 100644
--- a/src/views/sponeScreen/gisMF/cesiumPopup.vue
+++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue
@@ -68,30 +68,7 @@
           <div class="contentName">地址：</div>
           <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
         </div>
-        <div class="contentInfo">
-          <div class="contentName">进水COD：</div>
-          <div class="contentValue">{{ sewageObj.jsCOD || '--' }}mg/L</div>
-          <div class="contentName">进水总磷：</div>
-          <div class="contentValue">{{ sewageObj.jsTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">进水总氮：</div>
-          <div class="contentValue">{{ sewageObj.jsTN || '--' }}mg/L</div>
-          <div class="contentName">进水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.jsNH3N || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水COD：</div>
-          <div class="contentValue">{{ sewageObj.csCOD || '--' }}mg/L</div>
-          <div class="contentName">出水总磷：</div>
-          <div class="contentValue">{{ sewageObj.csTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水总氮：</div>
-          <div class="contentValue">{{ sewageObj.csTN || '--' }}mg/L</div>
-          <div class="contentName">出水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.csNH3N || '--' }}mg/L</div>
-        </div>
+        <el-button type="warning" @click="checkWSC" style="margin: 20px 0px 0px 5%">查看工况图</el-button>
       </div>
     </div>
     <!-- 排口 -->
@@ -211,7 +188,6 @@
 const seleceName = ref('');
 const unitName = ref('');
 const propertyMonitorXList = ref([]);
-const sewageObj = ref({});
 
 //
 function closePopupCES() {
@@ -288,62 +264,23 @@
   }
 };
 
-// 污水处理厂数据
-function getDataWSC() {
-  let params = {
-    stationCode: allData.dataList.sewageCode,
-  };
-  realtimeDataList(params).then(res => {
-    let datas = res.data || {};
-    console.log(datas);
-    if (Object.keys(datas).length > 0) {
-      for (let i in datas) {
-        if (i.includes('COD-JS')) {
-          sewageObj.value.jsCOD = datas[i];
-        }
-        // 总磷
-        if (i.includes('TP-JS')) {
-          sewageObj.value.jsTP = datas[i];
-        }
-        // 总氮
-        if (i.includes('TN-JS')) {
-          sewageObj.value.jsTN = datas[i];
-        }
-        // 氨氮
-        if (i.includes('NH3N-JS')) {
-          sewageObj.value.jsNH3N = datas[i];
-        }
-        if (i.includes('COD-CS')) {
-          sewageObj.value.csCOD = datas[i];
-        }
-        if (i.includes('TP-CS')) {
-          sewageObj.value.csTP = datas[i];
-        }
-        if (i.includes('TN-CS')) {
-          sewageObj.value.csTN = datas[i];
-        }
-        if (i.includes('NH3N-CS')) {
-          sewageObj.value.csNH3N = datas[i];
-        }
-      }
-    } else {
-      sewageObj.value = {};
-    }
-  });
-}
-
 // 泵站工况图查看
 function checkGYT() {
   closePopupCES(); //关闭弹窗
   bus.emit('checkBZGYT', allData.dataList);
 }
 
+// 污水厂工艺图查看
+function checkWSC() {
+  closePopupCES(); //关闭弹窗
+  bus.emit('checkWSCGYT', allData.dataList);
+}
+
 onMounted(() => {
   bus.on('popupcontent', data => {
     allData.dataList = data.popupInfo;
     console.log(allData.dataList, 9999);
     if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
-    if (allData.dataList.sewageCode) getDataWSC(); //污水处理厂pcl实时数据
   });
 });
 onBeforeUnmount(() => {

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 0dcce8e..2334f07 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -3,13 +3,13 @@
   <div class="hmMainPage">
     <!-- 地图 -->
     <!-- <GisMapMF v-show="menuIndex != 3"></GisMapMF> -->
-    <gisMapBox
+    <!-- <gisMapBox
       v-show="menuIndex != 3"
       :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"
       @map-click="mapClick"
       @map-moveOn="moveOn"
       @map-moveLeave="moveLeave"
-    ></gisMapBox>
+    ></gisMapBox> -->
 
     <!-- 图例 -->
     <Legend
diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue
index e0e4bc5..ac190b9 100644
--- a/src/views/sponeScreen/gisMF/cesiumPopup.vue
+++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue
@@ -68,30 +68,7 @@
           <div class="contentName">地址：</div>
           <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
         </div>
-        <div class="contentInfo">
-          <div class="contentName">进水COD：</div>
-          <div class="contentValue">{{ sewageObj.jsCOD || '--' }}mg/L</div>
-          <div class="contentName">进水总磷：</div>
-          <div class="contentValue">{{ sewageObj.jsTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">进水总氮：</div>
-          <div class="contentValue">{{ sewageObj.jsTN || '--' }}mg/L</div>
-          <div class="contentName">进水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.jsNH3N || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水COD：</div>
-          <div class="contentValue">{{ sewageObj.csCOD || '--' }}mg/L</div>
-          <div class="contentName">出水总磷：</div>
-          <div class="contentValue">{{ sewageObj.csTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水总氮：</div>
-          <div class="contentValue">{{ sewageObj.csTN || '--' }}mg/L</div>
-          <div class="contentName">出水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.csNH3N || '--' }}mg/L</div>
-        </div>
+        <el-button type="warning" @click="checkWSC" style="margin: 20px 0px 0px 5%">查看工况图</el-button>
       </div>
     </div>
     <!-- 排口 -->
@@ -211,7 +188,6 @@
 const seleceName = ref('');
 const unitName = ref('');
 const propertyMonitorXList = ref([]);
-const sewageObj = ref({});
 
 //
 function closePopupCES() {
@@ -288,62 +264,23 @@
   }
 };
 
-// 污水处理厂数据
-function getDataWSC() {
-  let params = {
-    stationCode: allData.dataList.sewageCode,
-  };
-  realtimeDataList(params).then(res => {
-    let datas = res.data || {};
-    console.log(datas);
-    if (Object.keys(datas).length > 0) {
-      for (let i in datas) {
-        if (i.includes('COD-JS')) {
-          sewageObj.value.jsCOD = datas[i];
-        }
-        // 总磷
-        if (i.includes('TP-JS')) {
-          sewageObj.value.jsTP = datas[i];
-        }
-        // 总氮
-        if (i.includes('TN-JS')) {
-          sewageObj.value.jsTN = datas[i];
-        }
-        // 氨氮
-        if (i.includes('NH3N-JS')) {
-          sewageObj.value.jsNH3N = datas[i];
-        }
-        if (i.includes('COD-CS')) {
-          sewageObj.value.csCOD = datas[i];
-        }
-        if (i.includes('TP-CS')) {
-          sewageObj.value.csTP = datas[i];
-        }
-        if (i.includes('TN-CS')) {
-          sewageObj.value.csTN = datas[i];
-        }
-        if (i.includes('NH3N-CS')) {
-          sewageObj.value.csNH3N = datas[i];
-        }
-      }
-    } else {
-      sewageObj.value = {};
-    }
-  });
-}
-
 // 泵站工况图查看
 function checkGYT() {
   closePopupCES(); //关闭弹窗
   bus.emit('checkBZGYT', allData.dataList);
 }
 
+// 污水厂工艺图查看
+function checkWSC() {
+  closePopupCES(); //关闭弹窗
+  bus.emit('checkWSCGYT', allData.dataList);
+}
+
 onMounted(() => {
   bus.on('popupcontent', data => {
     allData.dataList = data.popupInfo;
     console.log(allData.dataList, 9999);
     if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
-    if (allData.dataList.sewageCode) getDataWSC(); //污水处理厂pcl实时数据
   });
 });
 onBeforeUnmount(() => {
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index c2a10a0..99df467 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -33,6 +33,9 @@
     </el-dialog>
 
     <!-- 污水处理厂工艺图 -->
+    <el-dialog v-model="showWSC" :title="wscTitle + '实时数据'" width="1000px" append-to-body>
+      <WscMonitor v-if="showWSC" :wscObj="wscObj"></WscMonitor>
+    </el-dialog>
 
     <!-- 管网监测点详情 -->
     <el-dialog v-model="showPipe" title="管网监测详情" width="900px" append-to-body>
@@ -42,6 +45,7 @@
 </template>
 
 <script setup>
+import WscMonitor from '@/views/sponeScreen/waterFlood/wscMonitor.vue'; //污水处理厂工艺图
 import PipeDetail from '@/views/sponeScreen/waterFlood/pipeDetail.vue'; //管网监测点详情
 import PumpProcess from '@/views/sponeScreen/waterFlood/pumpProcess.vue'; //泵站运行工况图
 import PsssCount from '@/views/sponeScreen/waterFlood/PsssCount.vue'; //排水设施统计
@@ -58,6 +62,9 @@
 const dialogShow = ref(false);
 const pumpObj = ref({});
 const showPipe = ref(false);
+const showWSC = ref(false);
+const wscObj = ref({});
+const wscTitle = ref('');
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -76,10 +83,15 @@
 onMounted(() => {
   // 泵站工况图
   bus.on('checkBZGYT', params => {
-    console.log('checkBZGYT--', params);
     pumpObj.value = params;
     dialogShow.value = true;
   });
+  // 污水厂工况图
+  bus.on('checkWSCGYT', params => {
+    wscTitle.value = params.sewageName;
+    wscObj.value = params;
+    showWSC.value = true;
+  });
   setTimeout(() => {
     newfiberMap.setView({
       lng: 114.342,
@@ -92,27 +104,31 @@
 
     bus.emit('setIniteLayer', [
       {
-        layername: 'YSBZ',
+        layername: 'YSBZ', //雨水泵站
         show: false,
       },
       {
-        layername: 'sewageFactory',
+        layername: 'combineBengZhan', //合流泵站
         show: false,
       },
       {
-        layername: 'henan_kaifeng_ysline',
+        layername: 'sewageFactory', //污水处理厂
         show: false,
       },
       {
-        layername: 'henan_kaifeng_hsline',
+        layername: 'henan_kaifeng_ysline', //雨水管网
         show: false,
       },
       {
-        layername: 'pipeLineFlow',
+        layername: 'henan_kaifeng_hsline', //合流管网
         show: false,
       },
       {
-        layername: 'pipeMonitor',
+        layername: 'pipeLineFlow', //管网流向
+        show: false,
+      },
+      {
+        layername: 'pipeMonitor', //管网监测点，测试
         show: false,
       },
     ]);

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 0dcce8e..2334f07 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -3,13 +3,13 @@
   <div class="hmMainPage">
     <!-- 地图 -->
     <!-- <GisMapMF v-show="menuIndex != 3"></GisMapMF> -->
-    <gisMapBox
+    <!-- <gisMapBox
       v-show="menuIndex != 3"
       :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"
       @map-click="mapClick"
       @map-moveOn="moveOn"
       @map-moveLeave="moveLeave"
-    ></gisMapBox>
+    ></gisMapBox> -->
 
     <!-- 图例 -->
     <Legend
diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue
index e0e4bc5..ac190b9 100644
--- a/src/views/sponeScreen/gisMF/cesiumPopup.vue
+++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue
@@ -68,30 +68,7 @@
           <div class="contentName">地址：</div>
           <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
         </div>
-        <div class="contentInfo">
-          <div class="contentName">进水COD：</div>
-          <div class="contentValue">{{ sewageObj.jsCOD || '--' }}mg/L</div>
-          <div class="contentName">进水总磷：</div>
-          <div class="contentValue">{{ sewageObj.jsTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">进水总氮：</div>
-          <div class="contentValue">{{ sewageObj.jsTN || '--' }}mg/L</div>
-          <div class="contentName">进水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.jsNH3N || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水COD：</div>
-          <div class="contentValue">{{ sewageObj.csCOD || '--' }}mg/L</div>
-          <div class="contentName">出水总磷：</div>
-          <div class="contentValue">{{ sewageObj.csTP || '--' }}mg/L</div>
-        </div>
-        <div class="contentInfo">
-          <div class="contentName">出水总氮：</div>
-          <div class="contentValue">{{ sewageObj.csTN || '--' }}mg/L</div>
-          <div class="contentName">出水氨氮：</div>
-          <div class="contentValue">{{ sewageObj.csNH3N || '--' }}mg/L</div>
-        </div>
+        <el-button type="warning" @click="checkWSC" style="margin: 20px 0px 0px 5%">查看工况图</el-button>
       </div>
     </div>
     <!-- 排口 -->
@@ -211,7 +188,6 @@
 const seleceName = ref('');
 const unitName = ref('');
 const propertyMonitorXList = ref([]);
-const sewageObj = ref({});
 
 //
 function closePopupCES() {
@@ -288,62 +264,23 @@
   }
 };
 
-// 污水处理厂数据
-function getDataWSC() {
-  let params = {
-    stationCode: allData.dataList.sewageCode,
-  };
-  realtimeDataList(params).then(res => {
-    let datas = res.data || {};
-    console.log(datas);
-    if (Object.keys(datas).length > 0) {
-      for (let i in datas) {
-        if (i.includes('COD-JS')) {
-          sewageObj.value.jsCOD = datas[i];
-        }
-        // 总磷
-        if (i.includes('TP-JS')) {
-          sewageObj.value.jsTP = datas[i];
-        }
-        // 总氮
-        if (i.includes('TN-JS')) {
-          sewageObj.value.jsTN = datas[i];
-        }
-        // 氨氮
-        if (i.includes('NH3N-JS')) {
-          sewageObj.value.jsNH3N = datas[i];
-        }
-        if (i.includes('COD-CS')) {
-          sewageObj.value.csCOD = datas[i];
-        }
-        if (i.includes('TP-CS')) {
-          sewageObj.value.csTP = datas[i];
-        }
-        if (i.includes('TN-CS')) {
-          sewageObj.value.csTN = datas[i];
-        }
-        if (i.includes('NH3N-CS')) {
-          sewageObj.value.csNH3N = datas[i];
-        }
-      }
-    } else {
-      sewageObj.value = {};
-    }
-  });
-}
-
 // 泵站工况图查看
 function checkGYT() {
   closePopupCES(); //关闭弹窗
   bus.emit('checkBZGYT', allData.dataList);
 }
 
+// 污水厂工艺图查看
+function checkWSC() {
+  closePopupCES(); //关闭弹窗
+  bus.emit('checkWSCGYT', allData.dataList);
+}
+
 onMounted(() => {
   bus.on('popupcontent', data => {
     allData.dataList = data.popupInfo;
     console.log(allData.dataList, 9999);
     if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
-    if (allData.dataList.sewageCode) getDataWSC(); //污水处理厂pcl实时数据
   });
 });
 onBeforeUnmount(() => {
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index c2a10a0..99df467 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -33,6 +33,9 @@
     </el-dialog>
 
     <!-- 污水处理厂工艺图 -->
+    <el-dialog v-model="showWSC" :title="wscTitle + '实时数据'" width="1000px" append-to-body>
+      <WscMonitor v-if="showWSC" :wscObj="wscObj"></WscMonitor>
+    </el-dialog>
 
     <!-- 管网监测点详情 -->
     <el-dialog v-model="showPipe" title="管网监测详情" width="900px" append-to-body>
@@ -42,6 +45,7 @@
 </template>
 
 <script setup>
+import WscMonitor from '@/views/sponeScreen/waterFlood/wscMonitor.vue'; //污水处理厂工艺图
 import PipeDetail from '@/views/sponeScreen/waterFlood/pipeDetail.vue'; //管网监测点详情
 import PumpProcess from '@/views/sponeScreen/waterFlood/pumpProcess.vue'; //泵站运行工况图
 import PsssCount from '@/views/sponeScreen/waterFlood/PsssCount.vue'; //排水设施统计
@@ -58,6 +62,9 @@
 const dialogShow = ref(false);
 const pumpObj = ref({});
 const showPipe = ref(false);
+const showWSC = ref(false);
+const wscObj = ref({});
+const wscTitle = ref('');
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -76,10 +83,15 @@
 onMounted(() => {
   // 泵站工况图
   bus.on('checkBZGYT', params => {
-    console.log('checkBZGYT--', params);
     pumpObj.value = params;
     dialogShow.value = true;
   });
+  // 污水厂工况图
+  bus.on('checkWSCGYT', params => {
+    wscTitle.value = params.sewageName;
+    wscObj.value = params;
+    showWSC.value = true;
+  });
   setTimeout(() => {
     newfiberMap.setView({
       lng: 114.342,
@@ -92,27 +104,31 @@
 
     bus.emit('setIniteLayer', [
       {
-        layername: 'YSBZ',
+        layername: 'YSBZ', //雨水泵站
         show: false,
       },
       {
-        layername: 'sewageFactory',
+        layername: 'combineBengZhan', //合流泵站
         show: false,
       },
       {
-        layername: 'henan_kaifeng_ysline',
+        layername: 'sewageFactory', //污水处理厂
         show: false,
       },
       {
-        layername: 'henan_kaifeng_hsline',
+        layername: 'henan_kaifeng_ysline', //雨水管网
         show: false,
       },
       {
-        layername: 'pipeLineFlow',
+        layername: 'henan_kaifeng_hsline', //合流管网
         show: false,
       },
       {
-        layername: 'pipeMonitor',
+        layername: 'pipeLineFlow', //管网流向
+        show: false,
+      },
+      {
+        layername: 'pipeMonitor', //管网监测点，测试
         show: false,
       },
     ]);
diff --git a/src/views/sponeScreen/waterFlood/wscMonitor.vue b/src/views/sponeScreen/waterFlood/wscMonitor.vue
new file mode 100644
index 0000000..9e57fd4
--- /dev/null
+++ b/src/views/sponeScreen/waterFlood/wscMonitor.vue
@@ -0,0 +1,88 @@
+<template>
+  <!-- 污水处理厂工艺图 -->
+  <div class="wscMonitorPage"></div>
+</template>
+
+<script setup>
+const { proxy } = getCurrentInstance();
+const wscObj = ref({});
+const timer = ref(null);
+
+const props = defineProps({
+  wscObj: {
+    type: Object,
+  },
+});
+watch(
+  () => props.wscObj,
+  () => {
+    wscObj.value = props.wscObj;
+  },
+  { immediate: true }
+);
+
+// 污水处理厂数据
+function getDataWSC() {
+  let params = {
+    stationCode: wscObj.value.sewageCode,
+  };
+  realtimeDataList(params).then(res => {
+    let datas = res.data || {};
+    if (Object.keys(datas).length > 0) {
+      for (let i in datas) {
+        if (i.includes('COD-JS')) {
+          sewageObj.value.jsCOD = datas[i];
+        }
+        // 总磷
+        if (i.includes('TP-JS')) {
+          sewageObj.value.jsTP = datas[i];
+        }
+        // 总氮
+        if (i.includes('TN-JS')) {
+          sewageObj.value.jsTN = datas[i];
+        }
+        // 氨氮
+        if (i.includes('NH3N-JS')) {
+          sewageObj.value.jsNH3N = datas[i];
+        }
+        if (i.includes('COD-CS')) {
+          sewageObj.value.csCOD = datas[i];
+        }
+        if (i.includes('TP-CS')) {
+          sewageObj.value.csTP = datas[i];
+        }
+        if (i.includes('TN-CS')) {
+          sewageObj.value.csTN = datas[i];
+        }
+        if (i.includes('NH3N-CS')) {
+          sewageObj.value.csNH3N = datas[i];
+        }
+      }
+    } else {
+      sewageObj.value = {};
+    }
+  });
+}
+
+onMounted(() => {
+  getDataWSC(); //污水处理厂pcl实时数据
+  // 定时刷新
+  timer.value = setInterval(() => {
+    getDataWSC();
+  }, 5 * 60 * 1000);
+});
+
+onBeforeUnmount(() => {
+  if (timer.value) clearInterval(timer.value);
+});
+</script>
+
+<style lang="scss" scoped>
+.wscMonitorPage {
+  width: 934px;
+  height: 590px;
+  background: url('http://58.19.180.222:8125/static/img/gygWsc.0d9a1c49.png') no-repeat;
+  background-size: 100% 100%;
+  margin: 0px 0px 30px 10px;
+}
+</style>