1 托盘绑定界面样式调整实现 扫码可以实时看到设备矩阵界面的数据。

zhmes-agecal-web/src/views/screen/components/TrayBinding.vue

@@ -60,7 +60,7 @@
     <!-- 设备矩阵容器 -->
     <div class="devices-content-wrapper">
       <!-- 设备矩阵区域 - 可滚动 -->
-      <div class="devices-content" ref="devicesContent">
+      <div class="devices-content" ref="devicesContent" :style="{ marginBottom: showControlButtons ? '95px' : '0' }">
         <div class="devices-grid-container">
           <div class="devices-grid">
             <div
@@ -92,7 +92,8 @@
       </div>
 
       <!-- 操作按钮区域 - 固定在设备矩阵容器底部 -->
-      <div class="binding-controls-wrapper">
+      <div class="binding-controls-wrapper"
+           v-if="showControlButtons">
         <div class="binding-controls">
           <button
             v-if="trayStatus === '0'"
@@ -252,6 +253,11 @@ export default {
     };
   },
   computed: {
+    // 计算是否需要显示操作按钮
+    showControlButtons() {
+      // 当托盘状态为"老化中"(1)或"老化完成"(2)时，不显示操作按钮
+      return this.trayStatus !== '1' && this.trayStatus !== '2';
+    },
     // 计算已填充的设备数量
     filledCount() {
       return this.devices.filter(d => d.deviceCode).length;
@@ -755,7 +761,6 @@ export default {
   border-radius: 15px;
   background: rgba(0, 40, 80, 0.3);
   border: 1px solid rgba(64, 158, 255, 0.4);
-  margin-bottom: 95px; /* 为操作按钮区域留出空间 */
   box-sizing: border-box; /* 确保内边距包含在宽度内 */
 
   /* 自定义滚动条样式 */