1

src/assets/css/index.scss

@@ -357,7 +357,6 @@ body {
       padding: 0 40px;
       .device-status {
         width: 95%;
-        height: 40%;
         margin-left: 10%;
         margin-top: 15%;
         display: flex;

src/views/contentData/RightSidebar/index.vue

@@ -30,7 +30,7 @@
           @click="handleTitleClick(true, 'all')"
         />
       </div>
-      <ul>
+      <ul :style="ulStyle">
         <li
           v-for="(item, index) in positionData"
           :key="index"
@@ -73,10 +73,34 @@ export default {
       deviceStatus: [],
       positionData: [],
       isContracted: false,
-      lastPositionsHash: null // 初始化为 null，避免首次误判
+      lastPositionsHash: null, // 初始化为 null，避免首次误判
+      deviceStatusHeight: 0
     };
   },
+  computed: {
+    ulStyle() {
+      const totalHeight = 829; // 总高度
+      const titleHeight = 50; // 调整为实际标题高度
+      const contractHeight = 80; // 调整为实际按钮高度
+      const marginTop = 0; // 移除额外间距
+      const availableHeight =
+        totalHeight -
+        this.deviceStatusHeight -
+        titleHeight -
+        contractHeight -
+        marginTop;
+      return {
+        height: `${availableHeight}px`,
+        overflowY: "auto",
+        marginTop: "0px" // 确保无间距
+      };
+    }
+  },
   watch: {
+    deviceStatus(newVal) {
+      const rows = Math.ceil(newVal.length / 3);
+      this.deviceStatusHeight = rows * 136;
+    },
     "homeData.positions": {
       handler(newPositions) {
         newPositions = newPositions || [];