logo

src/views/modules/dashboard/buffer-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -261,6 +266,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -295,7 +321,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/exception-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -418,6 +423,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -452,7 +478,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/finished-product-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -335,6 +340,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -369,7 +395,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/material-receiving-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -328,6 +333,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -362,7 +388,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/picking-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -324,6 +329,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -358,7 +384,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/robot-picking-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -330,6 +335,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -364,7 +390,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/slitting-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -314,6 +319,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -348,7 +374,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;

src/views/modules/dashboard/workshop-feeding-board.vue

@@ -11,6 +11,11 @@
 
     <!-- 顶部标题栏 -->
     <div class="screen-header">
+      <!-- CCL Logo -->
+      <div class="header-logo">
+        <img src="~@/assets/img/ccl.png" alt="CCL Logo" class="logo-img">
+      </div>
+
       <div class="header-decoration left"></div>
       <div class="header-center">
         <div class="title-glow"></div>
@@ -232,6 +237,27 @@ export default {
   background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%);
 }
 
+/* CCL Logo */
+.header-logo {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 20;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+  transition: all 0.3s ease;
+
+  &:hover {
+    filter: drop-shadow(0 4px 12px rgba(23, 179, 163, 0.5));
+    transform: scale(1.05);
+  }
+}
+
 .header-decoration {
   display: none;
 }
@@ -266,7 +292,7 @@ export default {
 
 .header-time {
   position: absolute;
-  right: 40px;
+  right: 20px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;