From 7bfc47d40c2304644f20e2da85546652887d19d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=B8=E7=86=9F=E5=90=B4=E5=BD=A6=E7=A5=96?=
 <qi.ruan@xujiesoft.com>
Date: Mon, 2 Nov 2026 17:04:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E5=BE=AE=E8=B0=83=20?=
 =?UTF-8?q?=E7=A3=A8=E7=A0=82=E5=BA=95=E5=8E=BB=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/autoSortingBoard54.vue          | 12 ++++------
 .../dashboard/errorAreaBoard54.vue            | 19 +++++++--------
 .../dashboard/palletOutboundBoard54.vue       | 24 ++++++++-----------
 3 files changed, 24 insertions(+), 31 deletions(-)

diff --git a/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue b/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue
index 7fccb46..2cb4473 100644
--- a/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue
+++ b/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue
@@ -426,19 +426,17 @@ export default {
   text-transform: uppercase;
 }
 
+/* 时间只占右上角文字，不留底块，避免罩住中间标题 - rqrq */
 .header-time {
   position: absolute;
-  right: 10px;
+  right: 24px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
-  gap: 12px;
-
-  padding: 12px 20px;
-  border-radius: 8px;
-
-  backdrop-filter: blur(10px);
+  line-height: 1;
+  padding: 0;
+  background: transparent;
 }
 
 .time-icon {
diff --git a/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue b/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue
index 3a16e6a..76bdb80 100644
--- a/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue
+++ b/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue
@@ -215,13 +215,14 @@ export default {
 }
 
 /* ===== 顶部标题区 ===== */
+/* 左右等宽，标题留在中间，时间和标题不再叠在一起 - rqrq */
 .screen-header {
   position: relative;
   height: 60px;
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr);
   align-items: center;
-  justify-content: center;
-  padding: 0 40px;
+  padding: 0 20px;
   z-index: 10;
   border-bottom: 2px solid rgba(23, 179, 163, 0.4);
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
@@ -311,19 +312,17 @@ export default {
   text-transform: uppercase;
 }
 
+/* 时间只占右上角文字，不留底块，避免罩住中间标题 - rqrq */
 .header-time {
   position: absolute;
-  right: 10px;
+  right: 24px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
-  gap: 12px;
-
-  padding: 12px 20px;
-  border-radius: 8px;
-
-  backdrop-filter: blur(10px);
+  line-height: 1;
+  padding: 0;
+  background: transparent;
 }
 
 .time-icon {
diff --git a/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue b/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue
index a6a0ef7..33ccbeb 100644
--- a/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue
+++ b/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue
@@ -228,13 +228,14 @@ export default {
 }
 
 /* ===== 顶部标题区 ===== */
+/* 左右等宽，标题留在中间，时间和标题不再叠在一起 - rqrq */
 .screen-header {
   position: relative;
   height: 60px;
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr);
   align-items: center;
-  justify-content: center;
-  padding: 0 40px;
+  padding: 0 20px;
   z-index: 10;
   border-bottom: 2px solid rgba(23, 179, 163, 0.4);
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
@@ -242,10 +243,7 @@ export default {
 
 /* CCL Logo */
 .header-logo {
-  position: absolute;
-  left: 20px;
-  top: 50%;
-  transform: translateY(-50%);
+  justify-self: start;
   z-index: 20;
 }
 
@@ -324,19 +322,17 @@ export default {
   text-transform: uppercase;
 }
 
+/* 时间只占右上角文字，不留底块，避免罩住中间标题 - rqrq */
 .header-time {
   position: absolute;
-  right: 10px;
+  right: 24px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
-  gap: 12px;
-
-  padding: 12px 20px;
-  border-radius: 8px;
-
-  backdrop-filter: blur(10px);
+  line-height: 1;
+  padding: 0;
+  background: transparent;
 }
 
 .time-icon {