diff --git a/ruoyi-admin/src/main/resources/static/img/card.png b/ruoyi-admin/src/main/resources/static/img/card.png
deleted file mode 100644
index 12ca16e..0000000
Binary files a/ruoyi-admin/src/main/resources/static/img/card.png and /dev/null differ
diff --git a/ruoyi-admin/src/main/resources/static/img/title.png b/ruoyi-admin/src/main/resources/static/img/title.png
new file mode 100644
index 0000000..ae155bb
Binary files /dev/null and b/ruoyi-admin/src/main/resources/static/img/title.png differ
diff --git a/ruoyi-admin/src/main/resources/templates/index.html b/ruoyi-admin/src/main/resources/templates/index.html
index 0153f97..a38866b 100644
--- a/ruoyi-admin/src/main/resources/templates/index.html
+++ b/ruoyi-admin/src/main/resources/templates/index.html
@@ -21,7 +21,8 @@
 		.tipfloat{display:none;z-index:999;border:1px #8e9cde solid; position:absolute; bottom:0px; right:17px;
 			width: 268px;height:auto; background:#fff}
 	</style>
-	<script src="../static/js/bootstrap.min.js"></script>
+	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
+	<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
 </head>
 <body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
 <div id="wrapper">
diff --git a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
index 118fcd0..ea00db5 100644
--- a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
+++ b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
@@ -7,8 +7,17 @@
     <th:block th:include="include :: datetimepicker-css"/>
 </head>
 
-<style>
+<style th:inline="css">
+    html,
+    body {
+        width: 100%;
+        height: 100vh;
+        margin: 0;
+        overflow: hidden;
+    }
+
     body.gray-bg {
+        height: 100vh;
         background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
         color: #fff;
     }
@@ -18,6 +27,11 @@
     .search-collapse {
         background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
         color: #fff;
+        overflow: hidden;
+    }
+
+    .container-div {
+        height: calc(100vh - 5vw);
     }
 
     .ui-layout-west,
@@ -36,21 +50,21 @@
         justify-content: space-between;
         width: 100%;
         box-sizing: border-box;
-        height: 3.2vw;
+        height: 4.2vw;
         min-height: 44px;
         margin: 0 0 0.8vw;
         padding: 0 1.4vw;
-        border: 1px solid rgba(255, 255, 255, 0.18);
-        background: rgba(1, 36, 71, 0.42);
+        border: 0;
+        background: url([[@{/img/title.png}]]) center / 80% auto no-repeat;
         color: #fff;
-        box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.12);
+        box-shadow: none;
     }
 
     .monitor-header::after {
         content: "";
         position: absolute;
-        left: 1.2vw;
-        right: 1.2vw;
+        left: 10%;
+        right: 10%;
         bottom: -1px;
         height: 2px;
         background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
@@ -58,13 +72,18 @@
     }
 
     .monitor-header-title {
-        font-size: 1.35vw;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 1.8vw;
         font-weight: 700;
         line-height: 1;
+        text-align: center;
         white-space: nowrap;
     }
 
     .monitor-header-time {
+        margin-left: auto;
         font-size: 1vw;
         line-height: 1;
         white-space: nowrap;
@@ -255,11 +274,12 @@
     var prefix = ctx + "system/TVibrationsensorData";
 
     $(function () {
-        var panehHidden = false;
-        if ($(this).width() < 769) {
-            panehHidden = true;
-        }
-        $('body').layout({initClosed: panehHidden, west__size: 245});
+        var pageLayout = $('body').layout({
+            west__initClosed: true,
+            west__size: 245,
+            west__spacing_closed: 0
+        });
+        setupLeftPanelAutoToggle(pageLayout);
         updateHeaderTime();
         setInterval(updateHeaderTime, 1000);
         queryDeptTree();
@@ -286,6 +306,37 @@
         $("#currentTime").text(text);
     }
 
+    function setupLeftPanelAutoToggle(pageLayout) {
+        var hoverTimer = null;
+        var isOpen = false;
+
+        function clearHoverTimer() {
+            if (hoverTimer) {
+                clearTimeout(hoverTimer);
+                hoverTimer = null;
+            }
+        }
+
+        $(document).on("mousemove.leftPanelToggle", function (event) {
+            var triggerWidth = $(window).width() * 0.3;
+            if (event.clientX <= triggerWidth) {
+                if (!isOpen && !hoverTimer) {
+                    hoverTimer = setTimeout(function () {
+                        pageLayout.open("west");
+                        isOpen = true;
+                        hoverTimer = null;
+                    }, 1000);
+                }
+            } else {
+                clearHoverTimer();
+                if (isOpen) {
+                    pageLayout.close("west");
+                    isOpen = false;
+                }
+            }
+        });
+    }
+
     function queryDeptTree() {
         var url = ctx + "system/Monitor/treeData?monitorType=" + 20;
         var options = {
diff --git a/ruoyi-admin/src/main/resources/templates/system/TempertureData/DistributionCabinetMonitor.html b/ruoyi-admin/src/main/resources/templates/system/TempertureData/DistributionCabinetMonitor.html
index 20eb5de..5b79f65 100644
--- a/ruoyi-admin/src/main/resources/templates/system/TempertureData/DistributionCabinetMonitor.html
+++ b/ruoyi-admin/src/main/resources/templates/system/TempertureData/DistributionCabinetMonitor.html
@@ -7,8 +7,17 @@
     <th:block th:include="include :: datetimepicker-css"/>
 </head>
 
-<style>
+<style th:inline="css">
+    html,
+    body {
+        width: 100%;
+        height: 100vh;
+        margin: 0;
+        overflow: hidden;
+    }
+
     body.gray-bg {
+        height: 100vh;
         background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
         color: #fff;
     }
@@ -18,6 +27,11 @@
     .search-collapse {
         background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
         color: #fff;
+        overflow: hidden;
+    }
+
+    .container-div {
+        height: calc(100vh - 5vw);
     }
 
     .ui-layout-west,
@@ -36,21 +50,21 @@
         justify-content: space-between;
         width: 100%;
         box-sizing: border-box;
-        height: 3.2vw;
+        height: 4.2vw;
         min-height: 44px;
         margin: 0 0 0.8vw;
         padding: 0 1.4vw;
-        border: 1px solid rgba(255, 255, 255, 0.18);
-        background: rgba(1, 36, 71, 0.42);
+        border: 0;
+        background: url([[@{/img/title.png}]]) center / 80% auto no-repeat;
         color: #fff;
-        box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.12);
+        box-shadow: none;
     }
 
     .monitor-header::after {
         content: "";
         position: absolute;
-        left: 1.2vw;
-        right: 1.2vw;
+        left: 10%;
+        right: 10%;
         bottom: -1px;
         height: 2px;
         background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
@@ -58,13 +72,18 @@
     }
 
     .monitor-header-title {
-        font-size: 1.35vw;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 1.8vw;
         font-weight: 700;
         line-height: 1;
+        text-align: center;
         white-space: nowrap;
     }
 
     .monitor-header-time {
+        margin-left: auto;
         font-size: 1vw;
         line-height: 1;
         white-space: nowrap;
@@ -310,11 +329,12 @@
     var prefix = ctx + "system/TempertureData";
 
     $(function () {
-        var panehHidden = false;
-        if ($(this).width() < 769) {
-            panehHidden = true;
-        }
-        $('body').layout({initClosed: panehHidden, west__size: 245});
+        var pageLayout = $('body').layout({
+            west__initClosed: true,
+            west__size: 245,
+            west__spacing_closed: 0
+        });
+        setupLeftPanelAutoToggle(pageLayout);
         updateHeaderTime();
         setInterval(updateHeaderTime, 1000);
         queryDeptTree();
@@ -341,6 +361,37 @@
         $("#currentTime").text(text);
     }
 
+    function setupLeftPanelAutoToggle(pageLayout) {
+        var hoverTimer = null;
+        var isOpen = false;
+
+        function clearHoverTimer() {
+            if (hoverTimer) {
+                clearTimeout(hoverTimer);
+                hoverTimer = null;
+            }
+        }
+
+        $(document).on("mousemove.leftPanelToggle", function (event) {
+            var triggerWidth = $(window).width() * 0.3;
+            if (event.clientX <= triggerWidth) {
+                if (!isOpen && !hoverTimer) {
+                    hoverTimer = setTimeout(function () {
+                        pageLayout.open("west");
+                        isOpen = true;
+                        hoverTimer = null;
+                    }, 1000);
+                }
+            } else {
+                clearHoverTimer();
+                if (isOpen) {
+                    pageLayout.close("west");
+                    isOpen = false;
+                }
+            }
+        });
+    }
+
     function parseTemperature(value) {
         var num = parseFloat(value);
         return isNaN(num) ? null : num;
diff --git a/ruoyi-admin/src/main/resources/templates/system/TempertureData/TempertureReport.html b/ruoyi-admin/src/main/resources/templates/system/TempertureData/TempertureReport.html
index 6d0e8dd..9b72f46 100644
--- a/ruoyi-admin/src/main/resources/templates/system/TempertureData/TempertureReport.html
+++ b/ruoyi-admin/src/main/resources/templates/system/TempertureData/TempertureReport.html
@@ -6,6 +6,14 @@
     <th:block th:include="include :: ztree-css"/>
     <th:block th:include="include :: datetimepicker-css"/>
 </head>
+<style>
+    .meter-chart {
+        width: 180px;
+        height: 220px;
+        float: left;
+        margin-right: 10px;
+    }
+</style>
 <body class="gray-bg">
 
 <div class="ui-layout-west">
@@ -125,7 +133,7 @@
                     tempData = eval(result);
                     var tempInfo = '';
                     for (let i = 0; i < tempData.length; i++) {
-                        tempInfo += '<div class="echarts" id="' + tempData[i].name + '" style="height: 200px;width: 12.5%;float: left;" ></div>';
+                        tempInfo += '<div class="echarts meter-chart" id="' + tempData[i].name + '"></div>';
                         /*  tempInfo += '<div class="echarts" id="' + tempData[i].name + '" style="height: 200px;width: 12.5%;float: left;" ></div>'; */
                         /*info += '<div style="background-color: red;width: 200px;height: 200px;">'+tempData[i].name+'</div>' border: solid 1px greenyellow;padding: 10px 10px;;*/
                     }
@@ -137,8 +145,12 @@
                                 text: tempData[i].name.length > 18 ? tempData[i].name.substring(0, 18) + '\n' + tempData[i].name.substring(18) : tempData[i].name,
                                 subtext: tempData[i].refushTime,
                                 left: 'center',
+                                top: 0,
                                 textStyle: {
                                     fontSize: 10 // 调小主标题字体大小
+                                },
+                                subtextStyle: {
+                                    fontSize: 10
                                 }
                             },
                             tooltip: {
@@ -152,7 +164,8 @@
                                     detail: {formatter: '{value}℃', fontSize: 12},
                                     showSymbol: false,
                                     animation: false,          // 关闭动画
-                                    radius: '90%',
+                                    radius: 90,
+                                    center: ['50%', 130],
                                     // startAngle: 180,  // 仪表盘起始角度（默认 225）
                                     // endAngle: 0,      // 仪表盘结束角度（默认 -45）
                                     data: [{value: tempData[i].value}],
@@ -257,4 +270,4 @@
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
