logo

4 months ago · df12d9c4b3
8 changed files with 229 additions and 21 deletions
--- a/src/views/modules/dashboard/buffer-board.vue
+++ b/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>
@ -164,7 +169,7 @@ export default {

    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/exception-board.vue
+++ b/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>
@ -294,7 +299,7 @@ export default {

    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/finished-product-board.vue
+++ b/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>
@ -235,10 +240,10 @@ export default {
    this.timeInterval = setInterval(() => {
      this.updateTime()
    }, 1000)
-    
+
    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/material-receiving-board.vue
+++ b/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>
@ -225,10 +230,10 @@ export default {
    this.timeInterval = setInterval(() => {
      this.updateTime()
    }, 1000)
-    
+
    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/picking-board.vue
+++ b/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>
@ -228,10 +233,10 @@ export default {
    this.timeInterval = setInterval(() => {
      this.updateTime()
    }, 1000)
-    
+
    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/robot-picking-board.vue
+++ b/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>
@ -231,10 +236,10 @@ export default {
    this.timeInterval = setInterval(() => {
      this.updateTime()
    }, 1000)
-    
+
    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/slitting-board.vue
+++ b/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>
@ -213,10 +218,10 @@ export default {
    this.timeInterval = setInterval(() => {
      this.updateTime()
    }, 1000)
-    
+
    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;
--- a/src/views/modules/dashboard/workshop-feeding-board.vue
+++ b/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>
@ -137,7 +142,7 @@ export default {

    // 首次加载数据
    this.getDataList()
-    
+
    // 每10秒刷新一次数据
    this.dataInterval = setInterval(() => {
      this.getDataList()
@ -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;