diff --git a/ruoyi-ui/src/api/event/perceiveEvent.js b/ruoyi-ui/src/api/event/perceiveEvent.js
new file mode 100644
index 00000000..fb81f30e
--- /dev/null
+++ b/ruoyi-ui/src/api/event/perceiveEvent.js
@@ -0,0 +1,160 @@
+import request from '@/utils/request'
+import { download } from '../../utils/request'
+// 全景数据 - 运行环境接口
+
+
+//查询预警表与历史表所有感知事件的数量
+export function geTwarningTotal(query) {
+    return request({
+      url: '/perceivedEvents/warning/warningTotal',
+      method: 'post',
+      params: {
+        ...query,
+      }
+    })
+  }
+
+  //查询全部的感知事件类型
+  export function getSystemStatusTabList(query) {
+    //system/status/tablist
+    return request({
+        url: '/system/status/tablist',
+        method: 'get',
+        params: {
+          ...query,
+        }
+      })
+  }
+
+   //根据事件主子类查询事件列表
+   export function getPerceivedEventsList(query) {
+    //system/status/tablist
+    return request({
+        url: '/perceivedEvents/warning/perceivedEventsList',
+        method: 'get',
+        params: {
+          ...query,
+        }
+      })
+  }
+
+     //路段感知事件排名
+     export function getSectionPerceivedList(query) {
+        //system/status/tablist
+        return request({
+            url: '/perceivedEvents/warning/sectionPerceivedList',
+            method: 'get',
+            params: {
+              ...query,
+            }
+          })
+      }
+
+ 
+     //路段日感知事件
+     export function getSectionPerceivedNumber(query) {
+        //system/status/tablist
+        return request({
+            url: '/perceivedEvents/warning/sectionPerceivedNumber',
+            method: 'get',
+            params: {
+              ...query,
+            }
+          })
+      }     
+
+      //日累计感知事件
+      export function getDailyCumulative(query) {
+        //system/status/tablist
+        return request({
+            url: '/perceivedEvents/warning/dailyCumulative',
+            method: 'get',
+            params: {
+              ...query,
+            }
+          })
+      }          
+
+         //感知事件源分析
+         export function getWarningSourceGroup(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/warningSourceGroup',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }          
+
+         //日事件处置情况占比
+         export function getWarningStateDay(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/warningStateDay',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
+
+         //近一月感知事件时段分布统计
+         export function getDailyCumulativeMonth(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/dailyCumulativeMonth',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
+
+         //感知事件类型分析
+         export function getWarningTypeDay(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/warningTypeDay',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
+
+         //感知事件查询-感知事件趋势
+         export function getWarningTrend(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/warningTrend',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
+
+         //感知事件查询-类型占比
+         export function getWarningSectionType(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/warningSectionType',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
+
+         //感知事件查询-路段范围内桩号分布
+         export function getSectionMarkNumber(query) {
+            //system/status/tablist
+            return request({
+                url: '/perceivedEvents/warning/sectionMarkNumber',
+                method: 'get',
+                params: {
+                  ...query,
+                }
+              })
+          }  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue
index 10d82fc8..92e60219 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue
@@ -25,7 +25,7 @@
       <div class="box-title"><span>在途车辆统计</span></div>
       <div class="box-content">
         <div class="count">
-          <div class="charts" ref="carStatisticsEchartBox"></div>
+          <div class="charts keep-ratio " ref="carStatisticsEchartBox"></div>
           <div class="count-item cars">
             <span class="icon"></span>
             <span class="label">数量：</span>
@@ -34,7 +34,7 @@
           </div>
         </div>
         <div class="count">
-          <div class="charts" ref="focusStatisticsEchartBox"></div>
+          <div class="charts keep-ratio " ref="focusStatisticsEchartBox"></div>
           <div class="count-item focus">
             <span class="icon"></span>
             <span class="label">数量：</span>
@@ -43,7 +43,7 @@
           </div>
         </div>
         <div class="count">
-          <div class="charts" ref="otherStatisticsEchartBox"></div>
+          <div class="charts keep-ratio " ref="otherStatisticsEchartBox"></div>
           <div class="count-item other">
             <span class="icon"></span>
             <span class="label">数量：</span>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue
index 30486d27..3868aa56 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'收费站管制分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="auditAnalytics"></div>
+        <div class="charts keep-ratio " id="auditAnalytics"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue
index d3a60c57..fab7fdb1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'事件源分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="channelAnalytics"></div>
+        <div class="charts keep-ratio " id="channelAnalytics"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue
index f83ed3af..394ef9ab 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'事件类型分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="eventTypeAnalysis"></div>
+        <div class="charts keep-ratio " id="eventTypeAnalysis"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/nucleusThrough/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/nucleusThrough/index.vue
index 8ddc301c..8a7d33f7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/nucleusThrough/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/nucleusThrough/index.vue
@@ -17,7 +17,7 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-        <div class="charts" id="nucleusThrough"></div>
+        <div class="charts keep-ratio " id="nucleusThrough"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/index.vue
index 606d6f7e..8354d8c5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'今日事件趋势'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="postTrendsDay"></div>
+        <div class="charts keep-ratio " id="postTrendsDay"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
index 5d21afca..5fa780bd 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
@@ -18,14 +18,14 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-        <div class="charts" id="chart1"></div>
+        <div class="charts keep-ratio " id="chart1"></div>
        </div>
        <div class="board board-l">
-        <div class="charts" id="chart2"></div>
+        <div class="charts keep-ratio " id="chart2"></div>
        </div>
        <div class="board board-s">
         
-        <div class="charts" id="chart3"></div>
+        <div class="charts keep-ratio " id="chart3"></div>
        </div>
       </div>
     </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/topComponent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/topComponent/index.vue
index b778310b..faa484cb 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/topComponent/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/topComponent/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class='TrafficFlow'>
       <section class="foot">
-        <div class="item" v-for="(item,index) in topDatas" >
+        <div class="item keep-ratio" v-for="(item,index) in topDatas" >
             <div class="item-title" >
                <span> {{ item.text }} <span class="num">{{ item.textNum }}</span>{{ item.textEnd }}</span>
             </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue
index 1ccd1501..94321a02 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'路段收费通行分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="roadSectionTolls"></div>
+        <div class="charts keep-ratio " id="roadSectionTolls"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue
index a5924379..5d2739b6 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'增收金额日分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="daylyAnalysis"></div>
+        <div class="charts keep-ratio " id="daylyAnalysis"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue
index b19593e3..2bf13ff5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'增收金额月分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="monthlyAnalysis"></div>
+        <div class="charts keep-ratio " id="monthlyAnalysis"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/index.vue
index 9e1e1eb9..b8751ab7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'设备在线率'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="deviceUptime"></div>
+        <div class="charts keep-ratio " id="deviceUptime"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
index 9505dea3..20e97b54 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
@@ -52,7 +52,7 @@
                 </div>
               </div>
               <div class="middleDiv" >
-                <div id="chart1" >
+                <div id="chart1" class="keep-ratio" >
 
                 </div>
               </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
index 1dd68db7..fc57e438 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'日事件处置情况占比'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="dailyDisposal"></div>
+        <div class="charts keep-ratio " id="dailyDisposal"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/index.vue
index 819bc403..598de63b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'日累计感知事件'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="daytotal"></div>
+        <div class="charts keep-ratio " id="daytotal"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index f51c5963..c5c6d5c4 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
@@ -33,16 +33,16 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-        <ProgressBar  :dataList="dataList"  :selectIndex="7" />
+        <ProgressBar class="keep-ratio" :dataList="dataList"  :selectIndex="7" />
       </div>  
       <div class="body" >
-        <div  id="chart1" >
+        <div  id="chart1" class="keep-ratio" >
 
         </div>
-        <div   id="chart2" >
+        <div   id="chart2" class="keep-ratio" >
             
         </div>
-        <div   id="chart3" >
+        <div   id="chart3" class="keep-ratio" >
             
         </div>
       </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
index c9091b95..7c16f575 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
@@ -60,10 +60,10 @@ var options = {
       confine: true,
       textStyle: {
          fontSize: 10, // 字体大小
-         color:'#fff',
+         color:'#333',
       },
-      color:'#fff',
-      backgroundColor:"#064258",
+      color:'#333',
+      backgroundColor:"#ffffff",
    },
    title:{   //圆环中间内容
       text: '99% ',
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/index.vue
index 34948032..5f59fb55 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/index.vue
@@ -1,8 +1,8 @@
 <template>
-    <div class='congestion'>
+    <div @resize="changeReisze" class='congestion'>
       <WgtTitle :title="'感知事件源分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="eventSource"></div>
+        <div class="charts keep-ratio " id="eventSource"></div>
        </div>
     </div>
   </template>
@@ -27,7 +27,9 @@
       
     },
     methods: {
-  
+       changeReisze(){
+          this.myChart.resize();
+       },
     },
     mounted() {
       setTimeout(() => {
@@ -35,7 +37,7 @@
         this.$nextTick(() => {
           var myChart = echarts.init(document.getElementById('eventSource'));
           myChart.setOption(chartsStatistics);
-          
+          this.myChart = myChart;
 
             myChart.on('mouseover', (params) => {
            // oldIndex = currentIndex;
@@ -73,7 +75,7 @@
       padding: 40px 40px;
       background: linear-gradient(180deg, rgba(6,66,88,0.2) 0%, #064258 100%);
       border-radius: 5px 5px 5px 5px;
-      opacity: 0.8;
+      opacity: 1;
       border: 1px solid;
       border-image: linear-gradient(360deg, rgba(55, 231, 255,0.3), rgba(55, 231, 255, 0)) 1 1;
       display: flex;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/index.vue
index 4414ea2d..797801a7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'近一月感知事件时段分布统计'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="monthStatistics"></div>
+        <div class="charts keep-ratio " id="monthStatistics"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railway/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railway/index.vue
index 9cc51b69..1e39f500 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railway/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railway/index.vue
@@ -6,7 +6,7 @@
           <div class="checked">路段车流量Top10</div>
           <div>断面交通量Top10</div>
         </div> -->
-        <div class="charts" id="situationEchartBox"></div>
+        <div class="charts keep-ratio " id="situationEchartBox"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/index.vue
index d7640c6c..b6e39c92 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/index.vue
@@ -2,7 +2,7 @@
   <div class='congestion'>
     <WgtTitle :title="'路段日感知事件'"></WgtTitle>
     <div class="board">
-      <div class="charts" id="railwayDay"></div>
+      <div class="charts keep-ratio " id="railwayDay"></div>
      </div>
   </div>
 </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
index 0c14f2a1..b0af834d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'感知事件类型分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="typeAnalysis"></div>
+        <div class="charts keep-ratio " id="typeAnalysis"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/index.vue
index 05bdf22e..899ed88f 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'气温变化趋势'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="temperatureTrend"></div>
+        <div class="charts keep-ratio " id="temperatureTrend"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/index.vue
index e5753033..944ab338 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'能见度变化趋势'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="VisibilityTrends"></div>
+        <div class="charts keep-ratio " id="VisibilityTrends"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/assets/charts.js
index a992f55b..02ba49b5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/assets/charts.js
@@ -46,9 +46,13 @@ for (var i of datas) {
 
 var options = {
     tooltip: {
-        show:false,
+        show:true,
         trigger: 'item',
-        formatter: '{a} <br/>{b}: {c} ({d}%)'
+        formatter: '{a} <br/>{b}: {c} ({d}%)',
+        backgroundColor:"#ffffff",
+        textStyle:{
+            color:"#666"
+        }
     },
     legend: {
         orient: 'vertical',
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
index 5a72c9eb..1b4c87b5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
@@ -4,7 +4,7 @@
     <div class="board">
       <!-- <div v-for="(item, index) in list" class="list">
           <div class="title">{{ item.label }}</div>
-          <div class="charts" :id="'busEchartBox'+index"></div>
+          <div class="charts keep-ratio " :id="'busEchartBox'+index"></div>
           <div class="detail">
             <div class="detailItem"  v-for="(itm,idx) in item.detail">
               <div class="tag" :style="'background-color:'+itm.color"></div>
@@ -14,7 +14,7 @@
             </div>
           </div>
       </div> -->
-      <div id="classification" >
+      <div id="classification" class="keep-ratio" >
 
       </div>
     </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/congestion/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/congestion/index.vue
index db54de35..a72c25dd 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/congestion/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/congestion/index.vue
@@ -2,7 +2,7 @@
   <div class='congestion'>
     <WgtTitle :title="'在途车流量车型分类'"></WgtTitle>
     <div class="board">
-      <div class="charts" id="congestionEchartBox"></div>
+      <div class="charts keep-ratio " id="congestionEchartBox"></div>
      </div>
   </div>
 </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/index.vue
index fc5600a3..b70cb57f 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/index.vue
@@ -4,7 +4,7 @@
     <div class="board">
       <div class="tag1">方向：济南</div>
       <div class="tag2">方向：菏泽</div>
-      <div class="charts" id="flowStateEchartBox"></div>
+      <div class="charts keep-ratio " id="flowStateEchartBox"></div>
      </div>
   </div>
 </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
index d0457f1f..065e834c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
@@ -6,7 +6,7 @@
         <div class="checked">路段车流量Top10</div>
         <div>断面交通量Top10</div>
       </div>
-      <div class="charts" id="situationEchartBox"></div>
+      <div class="charts keep-ratio " id="situationEchartBox"></div>
      </div>
   </div>
 </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/unblocked/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/unblocked/index.vue
index fe87acab..f837cb3b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/unblocked/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/unblocked/index.vue
@@ -2,7 +2,7 @@
   <div class='unblocked'>
     <WgtTitle :title="'666'"></WgtTitle>
     <div class="uboard">
-      <div class="charts" id="unblockedEchartBox"></div>
+      <div class="charts keep-ratio " id="unblockedEchartBox"></div>
       <div class="content">
         <div class="c1"></div>
         <div class="c2">总里程</div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
index 86d08165..1c9afe02 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
         <WgtTitle :title="'指标变化情况'"></WgtTitle>
       <div class="board">
-         <div id="ChangesIndictors" >
+         <div id="ChangesIndictors" class="keep-ratio" >
 
          </div>
        </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/index.vue
index 0d8d3520..e03b225d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'近一年交通组成特征指数最大值'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="composeFeatures"></div>
+        <div class="charts keep-ratio " id="composeFeatures"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/congestionIndicator/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/congestionIndicator/index.vue
index ea55ede4..43026c0f 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/congestionIndicator/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/congestionIndicator/index.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class='congestion'>
+    <div class='congestion '>
         <WgtTitle :title="'指标变化情况'"></WgtTitle>
-      <div class="board">
+      <div class="board ">
          <div class="textStr" >
             <div class="textbar action" >
                 拥挤度
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/index.vue
index 5f9b5811..1080d88a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'近一年拥挤度最大值'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="Crowding"></div>
+        <div class="charts keep-ratio " id="Crowding"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/roadIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/roadIndicators/index.vue
index 45ae9c13..ef68d948 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/roadIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/roadIndicators/index.vue
@@ -2,13 +2,13 @@
     <div class='congestion'>
         <WgtTitle :title="'道路指标情况'"></WgtTitle>
       <div class="board">
-         <div id="roadChart1" >
+         <div id="roadChart1" class="keep-ratio" >
 
          </div>
-         <div id="roadChart2" >
+         <div id="roadChart2" class="keep-ratio" >
 
         </div>
-        <div id="roadChart3" >
+        <div id="roadChart3" class="keep-ratio" >
 
         </div>
        </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/index.vue
index 5fa590b3..946acc5a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'近一年饱和度最大值'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="temperatureTrend"></div>
+        <div class="charts keep-ratio " id="temperatureTrend"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
index da8d94ab..a9d7fb67 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
@@ -33,7 +33,7 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div> -->
-        <ProgressBar  :dataList="dataList"  class="progressbar" :selectIndex="7" />
+        <ProgressBar  :dataList="dataList"  class="keep-ratio progressbar" :selectIndex="7" />
         <div class="body" >
           <div  style="width:70%" >
             <div class="searchPanel_1" >
@@ -67,16 +67,16 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-           <div  id="chart1" ></div>
+           <div  id="chart1" class="keep-ratio" ></div>
           </div>
           <div  class="chartOrg" >
               <div  class="itemChart"   >
                 <div  class="title">上月指标</div>
-                <div id="chart2" ></div>
+                <div id="chart2" class="keep-ratio" ></div>
               </div>
               <div  class="itemChart"   >
                 <div  class="title">上月指标</div>
-                <div id="chart3" ></div>
+                <div id="chart3" class="keep-ratio" ></div>
               </div>
           </div>
         </div>
@@ -197,7 +197,7 @@
         }
       ],
       quarter:"",
-      year:"2024",
+      year:"",
         list:[
           {name:'大学城-长清', direction:'济南方向', state:"正常",speed:'108.14km/h', follow:'161'},
           {name:'大学城-长清', direction:'济南方向', state:"正常",speed:'108.14km/h', follow:'161'},
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorQuery/index.vue
index 7048f956..c41d8a16 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorQuery/index.vue
@@ -107,6 +107,114 @@
           date: '2023-12-31 13:00:00',
           name: '2640.78m',
           address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },,{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
+        },{
+          date: '2023-12-31 13:00:00',
+          name: '2640.78m',
+          address: 'K100+000-K110+000'
         },
         ]
        }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/index.vue
index 69bebb9b..2e446b1a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'今日发布渠道分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="auditAnalytics"></div>
+        <div class="charts keep-ratio" id="auditAnalytics"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/index.vue
index a27cca54..4fa232c7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'今日发布渠道分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="channelAnalytics"></div>
+        <div class="charts keep-ratio " id="channelAnalytics"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/index.vue
index 78afb1da..0603d08c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/index.vue
@@ -1,8 +1,8 @@
 <template>
-    <div class='congestion'>
+    <div class='congestion '>
       <WgtTitle :title="'今日发布事件类型分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="eventTypeAnalysis"></div>
+        <div class="charts  keep-ratio" id="eventTypeAnalysis"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/index.vue
index b0682482..25ef4084 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/index.vue
@@ -16,7 +16,7 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-        <div class="charts" id="nucleusThrough"></div>
+        <div class="charts keep-ratio " id="nucleusThrough"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsDay/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsDay/index.vue
index 924b5dc9..a05e8989 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsDay/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsDay/index.vue
@@ -2,7 +2,7 @@
     <div class='congestion'>
       <WgtTitle :title="'今日发布趋势分析'"></WgtTitle>
       <div class="board">
-        <div class="charts" id="postTrendsDay"></div>
+        <div class="charts keep-ratio " id="postTrendsDay"></div>
        </div>
     </div>
   </template>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsMonth/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsMonth/index.vue
index 59b778a6..438b7673 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsMonth/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsMonth/index.vue
@@ -17,7 +17,7 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div>
-        <div class="charts" id="postTrendsMonth"></div>
+        <div class="charts keep-ratio " id="postTrendsMonth"></div>
        </div>
     </div>
   </template>
@@ -33,7 +33,7 @@
     },
     data() {
       return {
-       
+        dateTime:"",
       }
     },
   
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/topComponent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/topComponent/index.vue
index 96139f77..97e4a12d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/topComponent/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/topComponent/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class='TrafficFlow'>
       <section class="foot">
-        <div class="item" v-for="(item,index) in topDatas" >
+        <div class="item keep-ratio" v-for="(item,index) in topDatas" >
             <div class="item-title" >
                <span> {{ item.text }} <span class="num">{{ item.textNum }}</span>{{ item.textEnd }}</span>
             </div>
diff --git a/ruoyi-ui/src/views/bigScreen2/index.vue b/ruoyi-ui/src/views/bigScreen2/index.vue
index 88f7a0d2..a41c2924 100644
--- a/ruoyi-ui/src/views/bigScreen2/index.vue
+++ b/ruoyi-ui/src/views/bigScreen2/index.vue
@@ -47,12 +47,12 @@
       style="height: calc(100% - 72px) !important; z-index: 2;position: absolute;top: 72px;"
     ></gisMap>
     <!-- <div style="width:100%;height:calc(100% - 72px) !important;background-color: #000;"></div> -->
-    <bigScreen v-if="bigScreenList[0].type" class="charts" />
-    <bigScreen2 v-if="bigScreenList[1].type" class="charts" />
-    <bigScreen3 v-if="bigScreenList[2].type" class="charts" />
-    <bigScreen4 v-if="bigScreenList[3].type" class="charts" />
-    <!-- <bigScreen5  v-if="bigScreenList[0].type" class="charts"/> -->
-    <bigScreen6 v-if="bigScreenList[4].type" class="charts" />
+    <bigScreen v-if="bigScreenList[0].type" class="charts keep-ratio " />
+    <bigScreen2 v-if="bigScreenList[1].type" class="charts keep-ratio " />
+    <bigScreen3 v-if="bigScreenList[2].type" class="charts keep-ratio " />
+    <bigScreen4 v-if="bigScreenList[3].type" class="charts keep-ratio " />
+    <!-- <bigScreen5  v-if="bigScreenList[0].type" class="charts keep-ratio "/> -->
+    <bigScreen6 v-if="bigScreenList[4].type" class="charts keep-ratio " />
     <div class="bottomRoad">
       <div class="bottomRoad-main">
         <div class="box">
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 97b1b9bd..7594df2a 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -43,11 +43,12 @@ module.exports = {
         // target: `http://10.168.73.36:8080`, // 周乐
         // target: `http://10.168.77.209:8080`, // 刘朋
         // target: `http://10.168.66.196:8080`, //刘文阁 
-        // target: `http://10.168.56.206:8087`, //孟
-        // target: `http://10.168.65.156:8087`,
+       // target: `http://10.168.56.206:8087`, //孟
+        target: `http://10.168.78.135:8087`, //孟
+        // target: `http://10.168.78.135:8087`,
         // target: `http://10.0.81.202:8087`, //现场后台
         // target: `http://10.0.81.204:8087`, //现场后台 刘文阁 
-        target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁
+       // target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁
         changeOrigin: true,
         pathRewrite: {
           ["^" + process.env.VUE_APP_BASE_API]: "",