diff --git a/src/views/oneMap/SmartDrainage/PsRightBox.vue b/src/views/oneMap/SmartDrainage/PsRightBox.vue
index ffc537f..d719c72 100644
--- a/src/views/oneMap/SmartDrainage/PsRightBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsRightBox.vue
@@ -27,7 +27,7 @@
             <span class="tableHeaderList tableList5">状态</span>
           </div>
           <div class="tableBody">
-            <div class="tableBodyList" v-for="item in FXJCData">
+            <div class="tableBodyList" v-for="item in FXJCData" :class="HhName == item.hd ? 'activedright' : ''">
               <span class="tableBodyList_span1">{{ item.xh }}</span>
               <span class="tableBodyList_span2" @click="WzTrigger(item.hd)">{{ item.hd }} </span>
               <span class="tableBodyList_span3">{{ item.dqsw }}</span>
@@ -172,18 +172,14 @@
 </template>
 
 <script setup>
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import AssessmentjsEcharts from "@/views/oneMap/Echarts/AssessmentjsEcharts.vue";
-import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
-import bus from "@/bus";
-import { commonWarningList } from "@/api/RQWarning";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
-import {
-  selectBoxBySiteNo,
-  selectSiteMonitorBySiteType,
-  waterloggingArchiveList,
-} from "@/api/system/tanchuang";
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import AssessmentjsEcharts from '@/views/oneMap/Echarts/AssessmentjsEcharts.vue';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import bus from '@/bus';
+import { commonWarningList } from '@/api/RQWarning';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { selectBoxBySiteNo, selectSiteMonitorBySiteType, waterloggingArchiveList } from '@/api/system/tanchuang';
+import dialogTabsStore from '@/store/modules/dialogTabs';
 const useDialogTabs = dialogTabsStore();
 
 const FXJCData = ref([
@@ -192,54 +188,60 @@
     hd: '延河',
     dqsw: 130,
     kzsw: 2000,
-    zt: "超控制常水位",
-    siteNo: "2024101614",
-    position:[109.497341,36.603151],
+    zt: '超控制常水位',
+    siteNo: '2024101614',
+    position: [109.497341, 36.603151],
   },
   {
     xh: '2',
     hd: '杜甫川河',
     dqsw: 10,
     kzsw: 300,
-    zt: "正常",
-    siteNo: "2024101615",
-    position:[109.417646,36.571427],
+    zt: '正常',
+    siteNo: '2024101615',
+    position: [109.417646, 36.571427],
   },
   {
     xh: '3',
     hd: '西川河',
     dqsw: 11,
     kzsw: 700,
-    zt: "正常",
-    siteNo: "2024101616",
-    position:[109.383491,36.634602],
+    zt: '正常',
+    siteNo: '2024101616',
+    position: [109.383491, 36.634602],
   },
   {
     xh: '4',
     hd: '南川河',
     dqsw: 12,
     kzsw: 700,
-    zt: "正常",
-    siteNo: "2024101617",
-    position:[109.476953,36.536511],
+    zt: '正常',
+    siteNo: '2024101617',
+    position: [109.476953, 36.536511],
   },
 ]);
 const listData = ref([
   {
-    siteName: "东关大街与长青路交叉口",
-    onlineStatus: "online",
-    riskAnalysis: "无风险",
-    siteNo: "2024101612",
-    position:'109.504561,36.60637',
+    siteName: '东关大街与长青路交叉口',
+    onlineStatus: 'online',
+    riskAnalysis: '无风险',
+    siteNo: '2024101612',
+    position: '109.504561,36.60637',
   },
   {
-    siteName: "大桥街与延河西路交叉口",
-    onlineStatus: "online",
-    riskAnalysis: "无风险",
-    siteNo: "2024101613",
-    position:'109.497323,36.60318',
+    siteName: '大桥街与延河西路交叉口',
+    onlineStatus: 'online',
+    riskAnalysis: '无风险',
+    siteNo: '2024101613',
+    position: '109.497323,36.60318',
   },
-  { siteName: '文化沟路与延河西路交叉口', siteStatus: '在线', riskAnalysis: '无风险',siteNo: '2024101634',position:'109.480944,36.613436', },
+  {
+    siteName: '文化沟路与延河西路交叉口',
+    siteStatus: '在线',
+    riskAnalysis: '无风险',
+    siteNo: '2024101634',
+    position: '109.480944,36.613436',
+  },
 ]);
 const jsjcData = ref([
   // { siteName: '东关大街与长青路交叉口', siteStatus: '在线', warnInfo: '无风险', siteNo: '2024101612' },
@@ -319,7 +321,7 @@
         riskAnalysis: '无风险',
         siteNo: '2024101613',
       },
-      { siteName: '文化沟路与延河西路交叉口', siteStatus: 'online', warnInfo: '无风险',siteNo: '2024101634' },
+      { siteName: '文化沟路与延河西路交叉口', siteStatus: 'online', warnInfo: '无风险', siteNo: '2024101634' },
     ];
   } else if (monitorname.value == '积水监测(0/16)') {
     listData.value = jsjcData.value;
@@ -336,7 +338,7 @@
 function showMapDalog(val) {
   console.log('val.siteName', val);
 
-  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)))
+  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)));
   let data = {
     title: val.siteName,
     // comIDs: ['gwpm', 'jcsj', 'danganInfo'], //满溢监测
@@ -359,7 +361,7 @@
   // };
   // bus.emit('publicDialog', data);
   // useDialogTabs.addPosition(val.position); // 添加全景位置
-  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)))
+  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)));
   let data = {
     title: val.siteName,
     // comIDs: ['gwpm', 'jcsj', 'danganInfo'], //满溢监测
@@ -413,7 +415,7 @@
     const tabsList = res.data.boxList.map(item => item.boxId);
     return tabsList;
   } catch (error) {
-    console.log(" ~ getTabsList ~ error:", error);
+    console.log(' ~ getTabsList ~ error:', error);
   }
 };
 
@@ -688,7 +690,7 @@
               font-size: 14px;
               color: #ffffff;
               height: 34px;
-              line-height: 43px;
+              line-height: 34px;
               text-align: center;
               width: 33%;
             }
@@ -698,11 +700,14 @@
               font-size: 14px;
               color: #ffffff;
               height: 34px;
-              line-height: 35px;
+              line-height: 34px;
               text-align: center;
               width: 22%;
             }
           }
+          .activedright {
+            border: 2px solid #74dde1;
+          }
         }
       }
       .watercontent {