diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;

diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartBridge/RightBox.vue b/src/views/oneMap/smartBridge/RightBox.vue
index 3a7283e..fcdb83a 100644
--- a/src/views/oneMap/smartBridge/RightBox.vue
+++ b/src/views/oneMap/smartBridge/RightBox.vue
@@ -50,13 +50,6 @@
             <span class="jcBox_HeaderFont">负荷监测</span>
           </div>
           <div class="jcBox_Content">
-            <!-- <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
-              <img :src="item.icon" alt="" class="tfInfo_icon" />
-              <div class="tfInfo_title">{{ item.name }}</div>
-              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
-                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
-              </div>
-            </div> -->
             <div class="YXJC_Box3_tableHeader">
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">方向</span>
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">车牌</span>
@@ -255,7 +248,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -263,7 +256,7 @@
 
           &::after {
             content: '';
-            width: 60px;
+            width: 100%;
             height: 10px;
             background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
             position: absolute;
@@ -303,7 +296,7 @@
               text-align: center;
               span {
                 font-weight: 500;
-                font-size: 14px;
+                font-size: 16px;
                 color: #cef6ff;
               }
             }
@@ -450,17 +443,6 @@
             }
           }
 
-          .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
-            background: #0ea3c3;
-            border-radius: 11px;
-            font-weight: 500;
-            font-size: 14px;
-            color: #ebfeff;
-            text-align: center;
-          }
         }
         .tfInfo {
           width: 136px;
@@ -475,19 +457,6 @@
             width: 60px;
             height: 60px;
           }
-          .tfInfo_title {
-            font-weight: bold;
-            font-size: 14px;
-            color: #09bdf2;
-          }
-          .tfInfo_state {
-            font-weight: bold;
-            font-size: 26px;
-            color: #3effb9;
-            &.active {
-              color: #fe667b;
-            }
-          }
         }
         .YXJC_Box3_tableHeader {
           width: 100%;
@@ -506,6 +475,7 @@
             width: 100%;
             height: 40px;
             line-height: 40px;
+            font-size: 16px;
             background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
@@ -585,10 +555,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }

diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartBridge/RightBox.vue b/src/views/oneMap/smartBridge/RightBox.vue
index 3a7283e..fcdb83a 100644
--- a/src/views/oneMap/smartBridge/RightBox.vue
+++ b/src/views/oneMap/smartBridge/RightBox.vue
@@ -50,13 +50,6 @@
             <span class="jcBox_HeaderFont">负荷监测</span>
           </div>
           <div class="jcBox_Content">
-            <!-- <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
-              <img :src="item.icon" alt="" class="tfInfo_icon" />
-              <div class="tfInfo_title">{{ item.name }}</div>
-              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
-                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
-              </div>
-            </div> -->
             <div class="YXJC_Box3_tableHeader">
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">方向</span>
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">车牌</span>
@@ -255,7 +248,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -263,7 +256,7 @@
 
           &::after {
             content: '';
-            width: 60px;
+            width: 100%;
             height: 10px;
             background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
             position: absolute;
@@ -303,7 +296,7 @@
               text-align: center;
               span {
                 font-weight: 500;
-                font-size: 14px;
+                font-size: 16px;
                 color: #cef6ff;
               }
             }
@@ -450,17 +443,6 @@
             }
           }
 
-          .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
-            background: #0ea3c3;
-            border-radius: 11px;
-            font-weight: 500;
-            font-size: 14px;
-            color: #ebfeff;
-            text-align: center;
-          }
         }
         .tfInfo {
           width: 136px;
@@ -475,19 +457,6 @@
             width: 60px;
             height: 60px;
           }
-          .tfInfo_title {
-            font-weight: bold;
-            font-size: 14px;
-            color: #09bdf2;
-          }
-          .tfInfo_state {
-            font-weight: bold;
-            font-size: 26px;
-            color: #3effb9;
-            &.active {
-              color: #fe667b;
-            }
-          }
         }
         .YXJC_Box3_tableHeader {
           width: 100%;
@@ -506,6 +475,7 @@
             width: 100%;
             height: 40px;
             line-height: 40px;
+            font-size: 16px;
             background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
@@ -585,10 +555,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }
diff --git a/src/views/oneMap/smartBridge/components/pieRing.vue b/src/views/oneMap/smartBridge/components/pieRing.vue
index 917987e..2755843 100644
--- a/src/views/oneMap/smartBridge/components/pieRing.vue
+++ b/src/views/oneMap/smartBridge/components/pieRing.vue
@@ -65,7 +65,7 @@
 
 //初始化
 function intChart() {
-  pieValue.value = props.echartData?.data || 0 
+  pieValue.value = props.echartData?.data || 0;
   let percent = ((pieValue.value / maxvalue) * 100).toFixed(0);
   myChart.value = proxy.echarts.init(document.getElementById(id));
   myChart.value.clear();
@@ -243,7 +243,9 @@
 });
 
 onBeforeUnmount(() => {
-  clearInterval(timerId);
+  if (timerId) {
+    clearInterval(timerId);
+  }
   myChart.value && myChart.value.dispose();
   window.removeEventListener('resize', resizeTheChart);
 });

diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartBridge/RightBox.vue b/src/views/oneMap/smartBridge/RightBox.vue
index 3a7283e..fcdb83a 100644
--- a/src/views/oneMap/smartBridge/RightBox.vue
+++ b/src/views/oneMap/smartBridge/RightBox.vue
@@ -50,13 +50,6 @@
             <span class="jcBox_HeaderFont">负荷监测</span>
           </div>
           <div class="jcBox_Content">
-            <!-- <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
-              <img :src="item.icon" alt="" class="tfInfo_icon" />
-              <div class="tfInfo_title">{{ item.name }}</div>
-              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
-                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
-              </div>
-            </div> -->
             <div class="YXJC_Box3_tableHeader">
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">方向</span>
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">车牌</span>
@@ -255,7 +248,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -263,7 +256,7 @@
 
           &::after {
             content: '';
-            width: 60px;
+            width: 100%;
             height: 10px;
             background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
             position: absolute;
@@ -303,7 +296,7 @@
               text-align: center;
               span {
                 font-weight: 500;
-                font-size: 14px;
+                font-size: 16px;
                 color: #cef6ff;
               }
             }
@@ -450,17 +443,6 @@
             }
           }
 
-          .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
-            background: #0ea3c3;
-            border-radius: 11px;
-            font-weight: 500;
-            font-size: 14px;
-            color: #ebfeff;
-            text-align: center;
-          }
         }
         .tfInfo {
           width: 136px;
@@ -475,19 +457,6 @@
             width: 60px;
             height: 60px;
           }
-          .tfInfo_title {
-            font-weight: bold;
-            font-size: 14px;
-            color: #09bdf2;
-          }
-          .tfInfo_state {
-            font-weight: bold;
-            font-size: 26px;
-            color: #3effb9;
-            &.active {
-              color: #fe667b;
-            }
-          }
         }
         .YXJC_Box3_tableHeader {
           width: 100%;
@@ -506,6 +475,7 @@
             width: 100%;
             height: 40px;
             line-height: 40px;
+            font-size: 16px;
             background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
@@ -585,10 +555,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }
diff --git a/src/views/oneMap/smartBridge/components/pieRing.vue b/src/views/oneMap/smartBridge/components/pieRing.vue
index 917987e..2755843 100644
--- a/src/views/oneMap/smartBridge/components/pieRing.vue
+++ b/src/views/oneMap/smartBridge/components/pieRing.vue
@@ -65,7 +65,7 @@
 
 //初始化
 function intChart() {
-  pieValue.value = props.echartData?.data || 0 
+  pieValue.value = props.echartData?.data || 0;
   let percent = ((pieValue.value / maxvalue) * 100).toFixed(0);
   myChart.value = proxy.echarts.init(document.getElementById(id));
   myChart.value.clear();
@@ -243,7 +243,9 @@
 });
 
 onBeforeUnmount(() => {
-  clearInterval(timerId);
+  if (timerId) {
+    clearInterval(timerId);
+  }
   myChart.value && myChart.value.dispose();
   window.removeEventListener('resize', resizeTheChart);
 });
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index 20586bb..2278599 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 145px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 140px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;

diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartBridge/RightBox.vue b/src/views/oneMap/smartBridge/RightBox.vue
index 3a7283e..fcdb83a 100644
--- a/src/views/oneMap/smartBridge/RightBox.vue
+++ b/src/views/oneMap/smartBridge/RightBox.vue
@@ -50,13 +50,6 @@
             <span class="jcBox_HeaderFont">负荷监测</span>
           </div>
           <div class="jcBox_Content">
-            <!-- <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
-              <img :src="item.icon" alt="" class="tfInfo_icon" />
-              <div class="tfInfo_title">{{ item.name }}</div>
-              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
-                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
-              </div>
-            </div> -->
             <div class="YXJC_Box3_tableHeader">
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">方向</span>
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">车牌</span>
@@ -255,7 +248,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -263,7 +256,7 @@
 
           &::after {
             content: '';
-            width: 60px;
+            width: 100%;
             height: 10px;
             background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
             position: absolute;
@@ -303,7 +296,7 @@
               text-align: center;
               span {
                 font-weight: 500;
-                font-size: 14px;
+                font-size: 16px;
                 color: #cef6ff;
               }
             }
@@ -450,17 +443,6 @@
             }
           }
 
-          .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
-            background: #0ea3c3;
-            border-radius: 11px;
-            font-weight: 500;
-            font-size: 14px;
-            color: #ebfeff;
-            text-align: center;
-          }
         }
         .tfInfo {
           width: 136px;
@@ -475,19 +457,6 @@
             width: 60px;
             height: 60px;
           }
-          .tfInfo_title {
-            font-weight: bold;
-            font-size: 14px;
-            color: #09bdf2;
-          }
-          .tfInfo_state {
-            font-weight: bold;
-            font-size: 26px;
-            color: #3effb9;
-            &.active {
-              color: #fe667b;
-            }
-          }
         }
         .YXJC_Box3_tableHeader {
           width: 100%;
@@ -506,6 +475,7 @@
             width: 100%;
             height: 40px;
             line-height: 40px;
+            font-size: 16px;
             background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
@@ -585,10 +555,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }
diff --git a/src/views/oneMap/smartBridge/components/pieRing.vue b/src/views/oneMap/smartBridge/components/pieRing.vue
index 917987e..2755843 100644
--- a/src/views/oneMap/smartBridge/components/pieRing.vue
+++ b/src/views/oneMap/smartBridge/components/pieRing.vue
@@ -65,7 +65,7 @@
 
 //初始化
 function intChart() {
-  pieValue.value = props.echartData?.data || 0 
+  pieValue.value = props.echartData?.data || 0;
   let percent = ((pieValue.value / maxvalue) * 100).toFixed(0);
   myChart.value = proxy.echarts.init(document.getElementById(id));
   myChart.value.clear();
@@ -243,7 +243,9 @@
 });
 
 onBeforeUnmount(() => {
-  clearInterval(timerId);
+  if (timerId) {
+    clearInterval(timerId);
+  }
   myChart.value && myChart.value.dispose();
   window.removeEventListener('resize', resizeTheChart);
 });
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index 20586bb..2278599 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 145px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 140px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
index 9f092a3..1f97e0c 100644
--- a/src/views/oneMap/smartTunnel/RightBox.vue
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -214,7 +214,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -285,13 +285,13 @@
             }
           }
           .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
+            width: 42px;
+            height: 24px;
+            margin-left: 12px;
             background: #0ea3c3;
             border-radius: 11px;
             font-weight: 500;
-            font-size: 14px;
+            font-size: 16px;
             color: #ebfeff;
             text-align: center;
           }
@@ -311,7 +311,7 @@
           }
           .tfInfo_title {
             font-weight: bold;
-            font-size: 14px;
+            font-size: 16px;
             color: #09bdf2;
           }
           .tfInfo_state {
@@ -370,10 +370,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }

diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 5a938da..d0a12d8 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 160px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 155px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartBridge/RightBox.vue b/src/views/oneMap/smartBridge/RightBox.vue
index 3a7283e..fcdb83a 100644
--- a/src/views/oneMap/smartBridge/RightBox.vue
+++ b/src/views/oneMap/smartBridge/RightBox.vue
@@ -50,13 +50,6 @@
             <span class="jcBox_HeaderFont">负荷监测</span>
           </div>
           <div class="jcBox_Content">
-            <!-- <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
-              <img :src="item.icon" alt="" class="tfInfo_icon" />
-              <div class="tfInfo_title">{{ item.name }}</div>
-              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
-                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
-              </div>
-            </div> -->
             <div class="YXJC_Box3_tableHeader">
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">方向</span>
               <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">车牌</span>
@@ -255,7 +248,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -263,7 +256,7 @@
 
           &::after {
             content: '';
-            width: 60px;
+            width: 100%;
             height: 10px;
             background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
             position: absolute;
@@ -303,7 +296,7 @@
               text-align: center;
               span {
                 font-weight: 500;
-                font-size: 14px;
+                font-size: 16px;
                 color: #cef6ff;
               }
             }
@@ -450,17 +443,6 @@
             }
           }
 
-          .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
-            background: #0ea3c3;
-            border-radius: 11px;
-            font-weight: 500;
-            font-size: 14px;
-            color: #ebfeff;
-            text-align: center;
-          }
         }
         .tfInfo {
           width: 136px;
@@ -475,19 +457,6 @@
             width: 60px;
             height: 60px;
           }
-          .tfInfo_title {
-            font-weight: bold;
-            font-size: 14px;
-            color: #09bdf2;
-          }
-          .tfInfo_state {
-            font-weight: bold;
-            font-size: 26px;
-            color: #3effb9;
-            &.active {
-              color: #fe667b;
-            }
-          }
         }
         .YXJC_Box3_tableHeader {
           width: 100%;
@@ -506,6 +475,7 @@
             width: 100%;
             height: 40px;
             line-height: 40px;
+            font-size: 16px;
             background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
@@ -585,10 +555,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }
diff --git a/src/views/oneMap/smartBridge/components/pieRing.vue b/src/views/oneMap/smartBridge/components/pieRing.vue
index 917987e..2755843 100644
--- a/src/views/oneMap/smartBridge/components/pieRing.vue
+++ b/src/views/oneMap/smartBridge/components/pieRing.vue
@@ -65,7 +65,7 @@
 
 //初始化
 function intChart() {
-  pieValue.value = props.echartData?.data || 0 
+  pieValue.value = props.echartData?.data || 0;
   let percent = ((pieValue.value / maxvalue) * 100).toFixed(0);
   myChart.value = proxy.echarts.init(document.getElementById(id));
   myChart.value.clear();
@@ -243,7 +243,9 @@
 });
 
 onBeforeUnmount(() => {
-  clearInterval(timerId);
+  if (timerId) {
+    clearInterval(timerId);
+  }
   myChart.value && myChart.value.dispose();
   window.removeEventListener('resize', resizeTheChart);
 });
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index 20586bb..2278599 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -142,11 +142,11 @@
     .topImg {
       display: block;
       width: 100%;
-      height: calc(100% - 135px);
+      height: calc(100% - 145px);
     }
     .topWZ {
       width: 100%;
-      height: 130px;
+      height: 140px;
       white-space: pre-wrap;
       word-break: break-word;
       text-indent: 2em;
@@ -157,7 +157,7 @@
       background-size: 100% 100%;
       font-family: Source Han Sans CN;
       font-weight: bold;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 22px;
       color: #61cafc;
     }
@@ -175,7 +175,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      padding: 6px 5px 6px 8px;
+      padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
       border-radius: 2px;
       // border: 1px solid #007aa8;
@@ -196,7 +196,7 @@
         .shebeiBox_left_font {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
           // height: 26px;
           // line-height: 26px;
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
index 9f092a3..1f97e0c 100644
--- a/src/views/oneMap/smartTunnel/RightBox.vue
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -214,7 +214,7 @@
           display: inline-block;
           font-family: Source Han Sans CN;
           font-weight: bold;
-          font-size: 14px;
+          font-size: 16px;
           color: #ebfeff;
           height: 24px;
           line-height: 24px;
@@ -285,13 +285,13 @@
             }
           }
           .jcInfo_btn {
-            width: 38px;
-            height: 21px;
-            margin-left: 18px;
+            width: 42px;
+            height: 24px;
+            margin-left: 12px;
             background: #0ea3c3;
             border-radius: 11px;
             font-weight: 500;
-            font-size: 14px;
+            font-size: 16px;
             color: #ebfeff;
             text-align: center;
           }
@@ -311,7 +311,7 @@
           }
           .tfInfo_title {
             font-weight: bold;
-            font-size: 14px;
+            font-size: 16px;
             color: #09bdf2;
           }
           .tfInfo_state {
@@ -370,10 +370,10 @@
         .pgTitle {
           font-family: Source Han Sans CN;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 16px;
           color: #ffffff;
-          height: 14px;
-          line-height: 14px;
+          height: 16px;
+          line-height: 16px;
           // border: 1px solid red;
         }
       }
diff --git a/src/views/oneMap/smartTunnel/components/twoLine.vue b/src/views/oneMap/smartTunnel/components/twoLine.vue
index 1ba54c5..d34aa79 100644
--- a/src/views/oneMap/smartTunnel/components/twoLine.vue
+++ b/src/views/oneMap/smartTunnel/components/twoLine.vue
@@ -120,7 +120,7 @@
       data: ['南向北', '北向南'],
       textStyle: {
         color: '#7e99aa',
-        fontSize: 12,
+        fontSize: 16,
       },
     },
     xAxis: {
@@ -142,7 +142,7 @@
         show: true,
         color: '#e2f5f7',
         // interval: 0,
-        fontSize: 12,
+        fontSize: 16,
         // formatter: function (value) {
         //   // return value.split(' ').join('\n');
         //   return value.slice(5);
@@ -162,7 +162,7 @@
       // nameRotate: 0, // 名称水平显示
       nameTextStyle: {
         color: '#7e99aa',
-        fontSize: 12,
+        fontSize: 16,
         padding: [0, 20, -2, 0],
       },
       axisLine: {
@@ -171,7 +171,7 @@
       axisLabel: {
         show: true,
         color: '#7e99aa',
-        fontSize: 12,
+        fontSize: 16,
       },
       splitLine: {
         //网格线