diff --git a/src/api/dashboard/dashboard.js b/src/api/dashboard/dashboard.js
index 2065e72..32f48cf 100644
--- a/src/api/dashboard/dashboard.js
+++ b/src/api/dashboard/dashboard.js
@@ -15,4 +15,6 @@ export const bufferBoard = data => createAPI('/api/dashboard/bufferBoard', 'POST
 
 export const workshopFeedingBoard = data => createAPI('/api/dashboard/workshopFeedingBoard', 'POST', data)
 
+export const exceptionBoard = data => createAPI('/api/dashboard/exceptionBoard', 'POST', data)
+
 
diff --git a/src/router/index.js b/src/router/index.js
index 3f811ad..e88f82d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,7 @@ const globalRoutes = [
   { path: '/dashboard-material-receiving-board', component: _import('modules/dashboard/material-receiving-board'), name: 'dashboard-material-receiving-board', meta: { title: '原材收货区看板' } },
   { path: '/dashboard-buffer-board', component: _import('modules/dashboard/buffer-board'), name: 'dashboard-buffer-board', meta: { title: '缓存区看板' } },
   { path: '/dashboard-workshop-feeding-board', component: _import('modules/dashboard/workshop-feeding-board'), name: 'dashboard-workshop-feeding-board', meta: { title: '车间AGV放料区看板' } },
+  { path: '/dashboard-exception-board', component: _import('modules/dashboard/exception-board'), name: 'dashboard-exception-board', meta: { title: '异常处理区看板' } },
   { path: '/dashboard-master-board', component: _import('modules/dashboard/inventory-board'), name: 'dashboard-inventory-board', meta: { title: '库存分析看板' } }
 ]
 
diff --git a/src/views/modules/dashboard/buffer-board.vue b/src/views/modules/dashboard/buffer-board.vue
index d640c17..bc62bd8 100644
--- a/src/views/modules/dashboard/buffer-board.vue
+++ b/src/views/modules/dashboard/buffer-board.vue
@@ -161,14 +161,14 @@ export default {
     this.timeInterval = setInterval(() => {
       this.updateTime()
     }, 1000)
-    
+
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -188,7 +188,7 @@ export default {
       bufferBoard({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取缓存区数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.bufferList = data.data.bufferList || []
           // }
@@ -438,6 +438,7 @@ export default {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
+  height: 700px;
 
   thead {
     tr {
diff --git a/src/views/modules/dashboard/exception-board.vue b/src/views/modules/dashboard/exception-board.vue
new file mode 100644
index 0000000..5475ba5
--- /dev/null
+++ b/src/views/modules/dashboard/exception-board.vue
@@ -0,0 +1,840 @@
+<template>
+  <div class="picking-board-screen">
+    <!-- 装饰背景 -->
+    <div class="bg-decoration">
+      <div class="decoration-line line-1"></div>
+      <div class="decoration-line line-2"></div>
+      <div class="decoration-line line-3"></div>
+      <div class="decoration-circle circle-1"></div>
+      <div class="decoration-circle circle-2"></div>
+    </div>
+
+    <!-- 顶部标题栏 -->
+    <div class="screen-header">
+      <div class="header-decoration left"></div>
+      <div class="header-center">
+        <div class="title-glow"></div>
+        <h1 class="screen-title">异常处理区实时看板</h1>
+        <div class="title-subtitle">Exception Handling Area Real-time Dashboard</div>
+      </div>
+      <div class="header-decoration right"></div>
+      <div class="header-time">
+        <div class="time-icon"></div>
+        <div class="time-text">{{ currentTime }}</div>
+      </div>
+    </div>
+
+    <!-- 主内容区 -->
+    <div class="screen-content-single">
+      <!-- 异常处理区面板 -->
+      <div class="picking-panel-single">
+        <!-- 面板标题 -->
+        <div class="panel-title-bar">
+          <div class="title-left">
+            <div class="title-icon"></div>
+            <div class="title-text">
+              <span class="title-main">异常处理区</span>
+              <span class="title-count">当前异常：<strong>{{ exceptionList.length }}</strong> 条</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 数据表格 -->
+        <div class="panel-table">
+          <table class="data-table">
+            <thead>
+              <tr>
+                <th style="width: 60px;">No.</th>
+                <th style="width: 150px;">异常类型</th>
+                <th style="width: 120px;">托盘码</th>
+                <th style="width: 120px;">位置</th>
+                <th style="width: 180px;">物料名称</th>
+                <th style="width: 100px;">数量</th>
+                <th style="width: 250px;">异常描述</th>
+                <th style="width: 150px;">发生时间</th>
+                <th style="width: 150px;">处理状态</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(item, idx) in exceptionList" :key="idx" :class="getRowClass(item.exceptionType)">
+                <td class="text-center">{{ idx + 1 }}</td>
+                <td class="text-center">
+                  <span :class="['exception-type-badge', getExceptionTypeClass(item.exceptionType)]">
+                    {{ item.exceptionType }}
+                  </span>
+                </td>
+                <td class="text-center">{{ item.palletCode }}</td>
+                <td class="text-center">{{ item.location }}</td>
+                <td class="text-left">{{ item.materialName || '-' }}</td>
+                <td class="text-right">{{ item.quantity || '-' }}</td>
+                <td class="text-left exception-desc">{{ item.description }}</td>
+                <td class="text-center">{{ item.occurTime }}</td>
+                <td class="text-center">
+                  <span :class="['status-badge', getStatusClass(item.status)]">
+                    {{ item.status }}
+                  </span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+
+    <!-- 底部装饰 -->
+    <div class="screen-footer">
+      <div class="footer-line"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {exceptionBoard} from '@/api/dashboard/dashboard.js'
+
+export default {
+  name: 'ExceptionBoard',
+
+  data() {
+    return {
+      currentTime: '',
+      timeInterval: null,
+      dataInterval: null,
+
+      // 异常处理区数据
+      exceptionList: [
+        {
+          exceptionType: 'RFID复合NG',
+          palletCode: 'P00001',
+          location: '2-1',
+          materialName: '80501238',
+          quantity: '5000',
+          description: 'RFID复合数量不符：实际500，应为5000',
+          occurTime: '2025-01-21 14:25:30',
+          status: '待处理'
+        },
+        {
+          exceptionType: '外形检测NG',
+          palletCode: 'P00002',
+          location: '3-2',
+          materialName: '80501240',
+          quantity: '1000',
+          description: '外形尺寸超出允许范围',
+          occurTime: '2025-01-21 14:20:15',
+          status: '处理中'
+        },
+        {
+          exceptionType: '偏载报警',
+          palletCode: 'W00015',
+          location: 'SC001',
+          materialName: '80451239',
+          quantity: '2000',
+          description: '托盘重心偏移超过安全阈值',
+          occurTime: '2025-01-21 14:15:42',
+          status: '待处理'
+        },
+        {
+          exceptionType: 'AGV异常',
+          palletCode: 'G00013',
+          location: 'HC09',
+          materialName: '70000235',
+          quantity: '500',
+          description: 'AGV电量不足，无法完成任务',
+          occurTime: '2025-01-21 14:10:28',
+          status: '已处理'
+        },
+        {
+          exceptionType: '库存差异',
+          palletCode: 'P00011',
+          location: 'HC01',
+          materialName: '80542546',
+          quantity: '3000',
+          description: '系统库存与实际库存不一致',
+          occurTime: '2025-01-21 13:55:10',
+          status: '处理中'
+        },
+        {
+          exceptionType: '质量异常',
+          palletCode: 'W00018',
+          location: 'FQ02',
+          materialName: '80451242',
+          quantity: '1500',
+          description: '质检发现产品质量不合格',
+          occurTime: '2025-01-21 13:45:20',
+          status: '待处理'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        },
+        {
+          exceptionType: '超时报警',
+          palletCode: 'G00014',
+          location: 'YC02',
+          materialName: '70004562',
+          quantity: '1000',
+          description: '入库等待时间超过2小时',
+          occurTime: '2025-01-21 13:30:05',
+          status: '已处理'
+        },
+        {
+          exceptionType: '托盘损坏',
+          palletCode: 'P00013',
+          location: 'CP03',
+          materialName: '',
+          quantity: '',
+          description: '托盘表面破损，需要更换',
+          occurTime: '2025-01-21 13:20:18',
+          status: '处理中'
+        }
+      ]
+    }
+  },
+
+  mounted() {
+    this.updateTime()
+    this.timeInterval = setInterval(() => {
+      this.updateTime()
+    }, 1000)
+
+    // 首次加载数据
+    this.getDataList()
+    
+    // 每10秒刷新一次数据
+    this.dataInterval = setInterval(() => {
+      this.getDataList()
+    }, 10000)
+  },
+
+  beforeDestroy() {
+    if (this.timeInterval) {
+      clearInterval(this.timeInterval)
+    }
+    if (this.dataInterval) {
+      clearInterval(this.dataInterval)
+    }
+  },
+
+  methods: {
+    /**
+     * 获取数据列表
+     */
+    getDataList() {
+      exceptionBoard({}).then(({data}) => {
+        if (data && data.code === 200) {
+          console.log('获取异常处理区数据成功:', data.data)
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
+          // if (data.data) {
+          //   this.exceptionList = data.data.exceptionList || []
+          // }
+        }
+      }).catch(error => {
+        console.error('获取异常处理区数据失败:', error)
+      })
+    },
+
+    /**
+     * 更新当前时间
+     */
+    updateTime() {
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      const day = String(now.getDate()).padStart(2, '0')
+      const hours = String(now.getHours()).padStart(2, '0')
+      const minutes = String(now.getMinutes()).padStart(2, '0')
+      const seconds = String(now.getSeconds()).padStart(2, '0')
+      const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+      const weekDay = weekDays[now.getDay()]
+
+      this.currentTime = `${year}-${month}-${day} ${weekDay} ${hours}:${minutes}:${seconds}`
+    },
+
+    /**
+     * 根据异常类型获取样式类名
+     */
+    getExceptionTypeClass(type) {
+      const typeMap = {
+        'RFID复合NG': 'type-error',
+        '外形检测NG': 'type-error',
+        '偏载报警': 'type-warning',
+        'AGV异常': 'type-warning',
+        '库存差异': 'type-info',
+        '质量异常': 'type-error',
+        '超时报警': 'type-warning',
+        '托盘损坏': 'type-danger'
+      }
+      return typeMap[type] || 'type-info'
+    },
+
+    /**
+     * 根据状态获取样式类名
+     */
+    getStatusClass(status) {
+      const statusMap = {
+        '待处理': 'status-danger',
+        '处理中': 'status-warning',
+        '已处理': 'status-success'
+      }
+      return statusMap[status] || 'status-pending'
+    },
+
+    /**
+     * 根据异常类型获取行样式
+     */
+    getRowClass(type) {
+      if (type.includes('NG') || type === '质量异常') {
+        return 'row-critical'
+      } else if (type.includes('报警')) {
+        return 'row-warning'
+      }
+      return ''
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+/* ===== 整体容器 ===== */
+.picking-board-screen {
+  width: 100vw;
+  height: 100vh;
+  background: linear-gradient(135deg, #5f8cc3 0%, #749cc8 100%);
+  position: relative;
+  overflow: hidden;
+  font-family: 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif;
+}
+
+/* ===== 装饰背景 ===== */
+.bg-decoration {
+  display: none;
+}
+
+/* ===== 顶部标题区 ===== */
+.screen-header {
+  position: relative;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 40px;
+  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%);
+}
+
+.header-decoration {
+  display: none;
+}
+
+.header-center {
+  position: relative;
+  text-align: center;
+}
+
+.title-glow {
+  display: none;
+}
+
+.screen-title {
+  position: relative;
+  font-size: 28px;
+  font-weight: bold;
+  color: #ffffff;
+  margin: 0;
+  letter-spacing: 3px;
+  text-shadow: 0 0 20px rgba(23, 179, 163, 0.5);
+}
+
+.title-subtitle {
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.8);
+  letter-spacing: 2px;
+  margin-top: 3px;
+  font-family: Arial, sans-serif;
+  text-transform: uppercase;
+}
+
+.header-time {
+  position: absolute;
+  right: 40px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background: rgba(23, 179, 163, 0.15);
+  padding: 12px 20px;
+  border-radius: 8px;
+  border: 1px solid rgba(23, 179, 163, 0.4);
+  backdrop-filter: blur(10px);
+}
+
+.time-icon {
+  font-size: 14px;
+  color: #17B3A3;
+}
+
+.time-text {
+  font-size: 16px;
+  color: #ffffff;
+  font-family: 'Consolas', 'Courier New', monospace;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
+
+/* ===== 主内容区（单面板） ===== */
+.screen-content-single {
+  position: relative;
+  z-index: 1;
+  padding: 20px;
+  height: calc(100vh - 60px);
+  overflow-y: auto;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: rgba(23, 179, 163, 0.1);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(23, 179, 163, 0.5);
+    border-radius: 3px;
+
+    &:hover {
+      background: rgba(23, 179, 163, 0.7);
+    }
+  }
+}
+
+/* ===== 单面板样式 ===== */
+.picking-panel-single {
+  width: 100%;
+  max-width: 1800px;
+  background: rgba(70, 90, 120, 0.9);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(23, 179, 163, 0.5);
+  border-radius: 12px;
+  box-shadow:
+    0 8px 32px rgba(0, 0, 0, 0.4),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  overflow: hidden;
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
+
+  &:hover {
+    border-color: rgba(23, 179, 163, 0.5);
+    box-shadow:
+      0 12px 48px rgba(0, 0, 0, 0.5),
+      0 0 30px rgba(23, 179, 163, 0.2);
+    transform: translateY(-2px);
+  }
+}
+
+/* ===== 面板标题栏 ===== */
+.panel-title-bar {
+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.3) 0%, rgba(239, 68, 68, 0.15) 100%);
+  border-bottom: 1px solid rgba(239, 68, 68, 0.4);
+  padding: 15px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.title-left {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  flex: 1;
+}
+
+.title-icon {
+  font-size: 20px;
+  color: #fca5a5;
+}
+
+.title-text {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.title-main {
+  font-size: 22px;
+  font-weight: bold;
+  color: #ffffff;
+  text-shadow: 0 0 10px rgba(252, 165, 165, 0.5);
+}
+
+.title-count {
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.9);
+
+  strong {
+    color: #fca5a5;
+    font-size: 20px;
+    margin: 0 4px;
+  }
+}
+
+/* ===== 数据表格 ===== */
+.panel-table {
+  padding: 10px;
+  flex: 1;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: rgba(23, 179, 163, 0.05);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(23, 179, 163, 0.3);
+    border-radius: 3px;
+
+    &:hover {
+      background: rgba(23, 179, 163, 0.5);
+    }
+  }
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  height: 700px;
+
+  thead {
+    tr {
+      background: linear-gradient(135deg, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.15) 100%);
+    }
+
+    th {
+      padding: 12px 8px;
+      color: #fcfdfd;
+      font-size: 14px;
+      font-weight: bold;
+      text-align: center;
+      border-bottom: 2px solid rgba(239, 68, 68, 0.4);
+      text-shadow: 0 0 10px rgba(252, 165, 165, 0.5);
+      white-space: nowrap;
+
+      &:first-child {
+        border-top-left-radius: 8px;
+      }
+
+      &:last-child {
+        border-top-right-radius: 8px;
+      }
+    }
+  }
+
+  tbody {
+    tr {
+      background: rgba(60, 80, 105, 0.6);
+      transition: all 0.3s ease;
+
+      &:nth-child(even) {
+        background: rgba(70, 90, 115, 0.7);
+      }
+
+      &.row-critical {
+        background: rgba(239, 68, 68, 0.15);
+
+        &:hover {
+          background: rgba(239, 68, 68, 0.25);
+        }
+      }
+
+      &.row-warning {
+        background: rgba(245, 158, 11, 0.12);
+
+        &:hover {
+          background: rgba(245, 158, 11, 0.22);
+        }
+      }
+
+      &:hover {
+        background: rgba(23, 179, 163, 0.15);
+        box-shadow: 0 4px 12px rgba(23, 179, 163, 0.2);
+      }
+
+      &:last-child {
+        td:first-child {
+          border-bottom-left-radius: 8px;
+        }
+
+        td:last-child {
+          border-bottom-right-radius: 8px;
+        }
+      }
+    }
+
+    td {
+      padding: 12px 8px;
+      color: rgba(255, 255, 255, 0.9);
+      font-size: 13px;
+      border-bottom: 1px solid rgba(23, 179, 163, 0.15);
+
+      &.text-center {
+        text-align: center;
+      }
+
+      &.text-left {
+        text-align: left;
+      }
+
+      &.text-right {
+        text-align: right;
+      }
+
+      &.exception-desc {
+        font-size: 12px;
+        line-height: 1.4;
+      }
+    }
+  }
+}
+
+/* ===== 异常类型徽章 ===== */
+.exception-type-badge {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: 10px;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  min-width: 90px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+
+  &.type-error {
+    background: linear-gradient(135deg, #dc2626, #ef4444);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(220, 38, 38, 0.5);
+  }
+
+  &.type-warning {
+    background: linear-gradient(135deg, #f59e0b, #fbbf24);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(245, 158, 11, 0.5);
+  }
+
+  &.type-danger {
+    background: linear-gradient(135deg, #be123c, #e11d48);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(190, 18, 60, 0.5);
+  }
+
+  &.type-info {
+    background: linear-gradient(135deg, #3b82f6, #60a5fa);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
+  }
+}
+
+/* ===== 状态徽章 ===== */
+.status-badge {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: 10px;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  min-width: 70px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+
+  &.status-success {
+    background: linear-gradient(135deg, #10b981, #34d399);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(16, 185, 129, 0.5);
+  }
+
+  &.status-warning {
+    background: linear-gradient(135deg, #f59e0b, #fbbf24);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(245, 158, 11, 0.5);
+  }
+
+  &.status-danger {
+    background: linear-gradient(135deg, #ef4444, #f87171);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(239, 68, 68, 0.5);
+    animation: pulse 2s ease-in-out infinite;
+  }
+
+  &.status-pending {
+    background: linear-gradient(135deg, #6b7280, #9ca3af);
+    color: #ffffff;
+    box-shadow: 0 0 15px rgba(107, 114, 128, 0.5);
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    box-shadow: 0 0 15px rgba(239, 68, 68, 0.5);
+  }
+  50% {
+    box-shadow: 0 0 25px rgba(239, 68, 68, 0.8);
+  }
+}
+
+/* ===== 底部装饰 ===== */
+.screen-footer {
+  display: none;
+}
+
+/* ===== 响应式适配 ===== */
+@media screen and (max-width: 1600px) {
+  .screen-title {
+    font-size: 26px;
+    letter-spacing: 3px;
+  }
+
+  .title-main {
+    font-size: 20px;
+  }
+
+  .data-table {
+    thead th {
+      font-size: 12px;
+      padding: 10px 6px;
+    }
+
+    tbody td {
+      font-size: 12px;
+      padding: 10px 6px;
+    }
+  }
+}
+
+@media screen and (min-width: 2560px) {
+  .screen-title {
+    font-size: 32px;
+  }
+
+  .panel-title-bar {
+    padding: 18px 24px;
+  }
+
+  .title-main {
+    font-size: 24px;
+  }
+
+  .data-table {
+    thead th {
+      font-size: 16px;
+      padding: 14px 10px;
+    }
+
+    tbody td {
+      font-size: 15px;
+      padding: 14px 10px;
+    }
+  }
+}
+</style>
+
diff --git a/src/views/modules/dashboard/finished-product-board.vue b/src/views/modules/dashboard/finished-product-board.vue
index d210e15..97a7730 100644
--- a/src/views/modules/dashboard/finished-product-board.vue
+++ b/src/views/modules/dashboard/finished-product-board.vue
@@ -239,10 +239,10 @@ export default {
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -262,7 +262,7 @@ export default {
       finishedProductBoard({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取成品入库出库区数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.packagingList = data.data.packagingList || []
           //   this.inboundList = data.data.inboundList || []
diff --git a/src/views/modules/dashboard/inventory-board.vue b/src/views/modules/dashboard/inventory-board.vue
new file mode 100644
index 0000000..f716eed
--- /dev/null
+++ b/src/views/modules/dashboard/inventory-board.vue
@@ -0,0 +1,1370 @@
+<template>
+  <div class="inventory-board-screen">
+    <!-- 科技背景 -->
+    <div class="tech-background">
+      <div class="circuit-pattern"></div>
+      <div class="grid-pattern"></div>
+    </div>
+
+    <!-- 顶部标题和时间 -->
+    <div class="screen-header">
+      <div class="header-left"></div>
+      <div class="header-center">
+        <div class="main-title">立体仓库可视化数据看板</div>
+      </div>
+      <div class="header-right">
+        <span>星期三</span>
+        <span>{{ currentTime }}</span>
+      </div>
+    </div>
+
+    <!-- 主内容 -->
+    <div class="screen-content">
+      <!-- 左侧 -->
+      <div class="left-section">
+        <!-- 今日出入库动态 -->
+        <div class="tech-panel">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+            <div class="border-glow-effect"></div>
+          </div>
+          <div class="panel-title-bar">
+            <div class="title-icon-glow"></div>
+            <span>今日出入库动态</span>
+          </div>
+          <div class="panel-body">
+            <table class="tech-table">
+              <thead>
+                <tr>
+                  <th>名称</th>
+                  <th>状态</th>
+                  <th>时间</th>
+                  <th>操作人</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in activityList" :key="index">
+                  <td>{{ item.name }}</td>
+                  <td>{{ item.status }}</td>
+                  <td>{{ item.time }}</td>
+                  <td>{{ item.operator }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+
+        <!-- 本年度出入库统计 -->
+        <div class="tech-panel chart-panel">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+            <div class="border-glow-effect"></div>
+          </div>
+          <div class="panel-title-bar">
+            <div class="title-icon-glow"></div>
+            <span>本年度出入库统计</span>
+          </div>
+          <div class="panel-body double-chart">
+            <div class="chart-section">
+              <div class="chart-label">入库统计</div>
+              <div ref="yearChartIn" class="chart-area-half"></div>
+            </div>
+            <div class="chart-section">
+              <div class="chart-label">出库统计</div>
+              <div ref="yearChartOut" class="chart-area-half"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 中间 -->
+      <div class="middle-section">
+        <!-- 本年度库存分析 -->
+
+
+        <!-- 饼图区域 -->
+        <div class="tech-panel" style="flex: 1; margin-bottom: 18px;">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+          </div>
+          <div class="panel-body" style="padding: 16px;">
+            <!-- 饼图标题装饰 -->
+            <div class="pie-title">
+              <div class="title-line"></div>
+              <span>库位利用率</span>
+              <div class="title-line"></div>
+            </div>
+            <!-- 饼图 -->
+            <div ref="pieChart" class="pie-chart-box"></div>
+            <!-- 饼图底部统计 -->
+            <div class="pie-stats">
+              <div class="stat-item">
+                <span class="stat-label">总库位</span>
+                <span class="stat-value">1250<em>个</em></span>
+              </div>
+              <div class="stat-divider"></div>
+              <div class="stat-item">
+                <span class="stat-label">钢托盘占比</span>
+                <span class="stat-value">45<em>%</em></span>
+              </div>
+              <div class="stat-divider"></div>
+              <div class="stat-item">
+                <span class="stat-label">围挡托盘占比</span>
+                <span class="stat-value">32<em>%</em></span>
+              </div>
+              <div class="stat-divider"></div>
+              <div class="stat-item">
+                <span class="stat-label">平拖占比</span>
+                <span class="stat-value">23<em>%</em></span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 库位 -->
+        <div class="warehouse-section">
+          <!-- 合库一 -->
+          <div class="warehouse-block">
+            <div class="warehouse-frame">
+              <div class="corner-lines tl"></div>
+              <div class="corner-lines tr"></div>
+              <div class="corner-lines bl"></div>
+              <div class="corner-lines br"></div>
+            </div>
+            <!-- 库位状态标签 -->
+            <div class="warehouse-status">
+              <span class="status-dot active"></span>
+              <span class="status-text">在线</span>
+            </div>
+            <div class="warehouse-3d-view">
+              <div class="warehouse-name">合库一</div>
+              <div class="wave-rings">
+                <div class="ring r1"></div>
+                <div class="ring r2"></div>
+                <div class="ring r3"></div>
+              </div>
+            </div>
+            <!-- 库位详细信息 -->
+            <div class="warehouse-info-grid">
+              <div class="info-cell">
+                <span class="cell-label">在库量</span>
+                <span class="cell-value">1900<em>W</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">HU数量</span>
+                <span class="cell-value">90030<em>#</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">库位数</span>
+                <span class="cell-value">256<em>个</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">利用率</span>
+                <span class="cell-value">85<em>%</em></span>
+              </div>
+            </div>
+            <div class="nav-controls">
+              <span>‹‹‹</span>
+              <span>‹</span>
+              <span class="current">•</span>
+              <span>›</span>
+              <span>›››</span>
+            </div>
+          </div>
+
+          <!-- 合库二 -->
+          <div class="warehouse-block">
+            <div class="warehouse-frame">
+              <div class="corner-lines tl"></div>
+              <div class="corner-lines tr"></div>
+              <div class="corner-lines bl"></div>
+              <div class="corner-lines br"></div>
+            </div>
+            <!-- 库位状态标签 -->
+            <div class="warehouse-status">
+              <span class="status-dot active"></span>
+              <span class="status-text">在线</span>
+            </div>
+            <div class="warehouse-3d-view">
+              <div class="warehouse-name">合库二</div>
+              <div class="wave-rings">
+                <div class="ring r1"></div>
+                <div class="ring r2"></div>
+                <div class="ring r3"></div>
+              </div>
+            </div>
+            <!-- 库位详细信息 -->
+            <div class="warehouse-info-grid">
+              <div class="info-cell">
+                <span class="cell-label">在库量</span>
+                <span class="cell-value">2100<em>W</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">HU数量</span>
+                <span class="cell-value">22001<em>#</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">库位数</span>
+                <span class="cell-value">180<em>个</em></span>
+              </div>
+              <div class="info-cell">
+                <span class="cell-label">利用率</span>
+                <span class="cell-value">92<em>%</em></span>
+              </div>
+            </div>
+            <div class="nav-controls">
+              <span>‹‹‹</span>
+              <span>‹</span>
+              <span class="current">•</span>
+              <span>›</span>
+              <span>›››</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 右侧 -->
+      <div class="right-section">
+        <!-- 本月库位业绩计 -->
+        <div class="tech-panel">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+            <div class="border-glow-effect"></div>
+          </div>
+          <div class="panel-title-bar">
+            <div class="title-icon-glow"></div>
+            <span>本月库位业绩计</span>
+          </div>
+          <div class="panel-body">
+            <div class="perf-main">
+              <div class="perf-label">作业总次数</div>
+              <div class="perf-total">624<span>次</span></div>
+            </div>
+            <div class="perf-bars">
+              <div class="bar-item">
+                <span class="bar-label">出库</span>
+                <div class="bar-track">
+                  <div class="bar-fill" style="width: 80%"></div>
+                </div>
+                <span class="bar-value">198<em>次</em></span>
+              </div>
+              <div class="bar-item">
+                <span class="bar-label">入库</span>
+                <div class="bar-track">
+                  <div class="bar-fill" style="width: 90%"></div>
+                </div>
+                <span class="bar-value">251<em>次</em></span>
+              </div>
+              <div class="bar-item">
+                <span class="bar-label">盘点</span>
+                <div class="bar-track">
+                  <div class="bar-fill" style="width: 70%"></div>
+                </div>
+                <span class="bar-value">175<em>次</em></span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 本月库位号动态 -->
+        <div class="tech-panel chart-panel">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+            <div class="border-glow-effect"></div>
+          </div>
+          <div class="panel-title-bar">
+            <div class="title-icon-glow"></div>
+            <span>本月库位号动态</span>
+          </div>
+          <div class="panel-body">
+            <div class="chart-legend">
+              <span><i style="background:#5B8FF9"></i>库存查询</span>
+              <span><i style="background:#6DC8EC"></i>库存移货</span>
+              <span><i style="background:#9DD5F3"></i>退货供应商</span>
+            </div>
+            <div ref="monthChart" class="chart-area"></div>
+          </div>
+        </div>
+
+        <!-- 待办事项 -->
+        <div class="tech-panel todo-panel">
+          <div class="panel-border-frame">
+            <div class="corner-lines tl"></div>
+            <div class="corner-lines tr"></div>
+            <div class="corner-lines bl"></div>
+            <div class="corner-lines br"></div>
+          </div>
+          <div class="panel-body no-header">
+            <div class="alert-item" v-for="(item, index) in todoList" :key="index">
+              <div class="alert-icon">⚠</div>
+              <div class="alert-content">
+                <div class="alert-title">{{ item.title }}</div>
+                <div class="alert-time">{{ item.time }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+
+export default {
+  name: 'InventoryBoard',
+  data() {
+    return {
+      currentTime: '',
+      timeInterval: null,
+      activityList: [
+        { name: '地材拣货', status: '出库', time: '2024-08-21 10:04:10', operator: '仓管员A' },
+        { name: '达材拣货', status: '入库', time: '2024-08-21 10:30:25', operator: '仓管员C' },
+        { name: '五金拣货', status: '入库', time: '2024-08-21 10:31:06', operator: '仓管员C' },
+        { name: '安全劳保拣货', status: '出库', time: '2024-08-21 11:00:52', operator: '车间主管' }
+      ],
+      todoList: [
+        { title: 'C01-J99-01-01仓位物料存于不匹配', time: '2024-08-01 08:34:00' },
+        { title: 'C01-J10-04-03仓位物料存放库存货', time: '2024-04-11 15:20:06' },
+        { title: '一仓库测温点位A级报温器故障报警', time: '2024-04-20 22:50:59' }
+      ],
+      yearChartInInstance: null,
+      yearChartOutInstance: null,
+      pieChartInstance: null,
+      monthChartInstance: null
+    }
+  },
+  mounted() {
+    this.updateTime()
+    this.timeInterval = setInterval(() => this.updateTime(), 1000)
+    this.$nextTick(() => this.initCharts())
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    if (this.timeInterval) clearInterval(this.timeInterval)
+    if (this.yearChartInInstance) this.yearChartInInstance.dispose()
+    if (this.yearChartOutInstance) this.yearChartOutInstance.dispose()
+    if (this.pieChartInstance) this.pieChartInstance.dispose()
+    if (this.monthChartInstance) this.monthChartInstance.dispose()
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    updateTime() {
+      const now = new Date()
+      const y = now.getFullYear()
+      const m = String(now.getMonth() + 1).padStart(2, '0')
+      const d = String(now.getDate()).padStart(2, '0')
+      const h = String(now.getHours()).padStart(2, '0')
+      const min = String(now.getMinutes()).padStart(2, '0')
+      const s = String(now.getSeconds()).padStart(2, '0')
+      this.currentTime = `${y}-${m}-${d}  ${h}:${min}:${s}`
+    },
+    initCharts() {
+      this.initYearChartIn()
+      this.initYearChartOut()
+      this.initPieChart()
+      this.initMonthChart()
+    },
+    initYearChartIn() {
+      this.yearChartInInstance = echarts.init(this.$refs.yearChartIn)
+      this.yearChartInInstance.setOption({
+        grid: { left: '12%', right: '6%', top: '8%', bottom: '15%' },
+        xAxis: {
+          type: 'category',
+          data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+          axisLine: { lineStyle: { color: 'rgba(23,179,163,0.3)' } },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 11 }
+        },
+        yAxis: {
+          type: 'value',
+          max: 800,
+          splitLine: { lineStyle: { color: 'rgba(23,179,163,0.1)' } },
+          axisLine: { show: false },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 11 }
+        },
+        series: [{
+          type: 'bar',
+          data: [200, 600, 400, 350, 500, 300, 250, 550, 300, 200, 350, 200],
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: '#6DC8EC' },
+              { offset: 1, color: 'rgba(109,200,236,0.3)' }
+            ])
+          },
+          barWidth: '35%'
+        }]
+      })
+    },
+    initYearChartOut() {
+      this.yearChartOutInstance = echarts.init(this.$refs.yearChartOut)
+      this.yearChartOutInstance.setOption({
+        grid: { left: '12%', right: '6%', top: '8%', bottom: '15%' },
+        xAxis: {
+          type: 'category',
+          data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+          axisLine: { lineStyle: { color: 'rgba(23,179,163,0.3)' } },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 11 }
+        },
+        yAxis: {
+          type: 'value',
+          max: 800,
+          splitLine: { lineStyle: { color: 'rgba(23,179,163,0.1)' } },
+          axisLine: { show: false },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 11 }
+        },
+        series: [{
+          type: 'bar',
+          data: [150, 550, 450, 200, 450, 250, 200, 500, 250, 200, 500, 350],
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: '#5B8FF9' },
+              { offset: 1, color: 'rgba(91,143,249,0.3)' }
+            ])
+          },
+          barWidth: '35%'
+        }]
+      })
+    },
+    initPieChart() {
+      this.pieChartInstance = echarts.init(this.$refs.pieChart)
+      const colors = ['#5B8FF9', '#6DC8EC', '#9DD5F3', '#E8E8E8']
+      const data = [
+        { name: '钢托盘', value: 563 },
+        { name: '围挡托盘', value: 400 },
+        { name: '平拖', value: 288 },
+        { name: '空闲库位', value: 162 }
+      ]
+      this.pieChartInstance.setOption({
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)',
+          backgroundColor: 'rgba(10,30,50,0.9)',
+          borderColor: '#17B3A3',
+          borderWidth: 1,
+          textStyle: { color: '#fff', fontSize: 12 }
+        },
+        legend: {
+          orient: 'vertical',
+          right: '3%',
+          top: 'middle',
+          textStyle: {
+            color: 'rgba(255,255,255,0.85)',
+            fontSize: 11,
+            lineHeight: 18
+          },
+          icon: 'circle',
+          itemWidth: 8,
+          itemHeight: 8,
+          itemGap: 10,
+          formatter: function(name) {
+            return name
+          }
+        },
+        series: [{
+          type: 'pie',
+          radius: ['42%', '68%'],
+          center: ['35%', '50%'],
+          itemStyle: {
+            borderRadius: 3,
+            borderColor: '#0a1929',
+            borderWidth: 2,
+            shadowBlur: 10,
+            shadowColor: 'rgba(0,0,0,0.3)'
+          },
+          label: {
+            show: false
+          },
+          labelLine: {
+            show: false
+          },
+          emphasis: {
+            scale: true,
+            scaleSize: 8,
+            itemStyle: {
+              shadowBlur: 15,
+              shadowColor: 'rgba(23,179,163,0.5)'
+            }
+          },
+          data: data.map((item, i) => ({
+            ...item,
+            itemStyle: { color: colors[i % colors.length] }
+          }))
+        }]
+      })
+    },
+    initMonthChart() {
+      this.monthChartInstance = echarts.init(this.$refs.monthChart)
+      this.monthChartInstance.setOption({
+        grid: { left: '12%', right: '6%', top: '8%', bottom: '10%' },
+        xAxis: {
+          type: 'category',
+          data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+          axisLine: { lineStyle: { color: 'rgba(23,179,163,0.3)' } },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 10 }
+        },
+        yAxis: {
+          type: 'value',
+          max: 30,
+          splitLine: { lineStyle: { color: 'rgba(23,179,163,0.1)' } },
+          axisLine: { show: false },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 10 }
+        },
+        series: [
+          {
+            name: '库存查询',
+            type: 'bar',
+            stack: 'total',
+            data: [5, 20, 10, 15, 12, 8, 18, 10, 15, 12, 8, 14],
+            itemStyle: { color: '#5B8FF9' },
+            barWidth: '50%'
+          },
+          {
+            name: '库存移货',
+            type: 'bar',
+            stack: 'total',
+            data: [8, 5, 15, 10, 8, 12, 10, 15, 8, 10, 12, 10],
+            itemStyle: { color: '#6DC8EC' }
+          },
+          {
+            name: '退货供应商',
+            type: 'bar',
+            stack: 'total',
+            data: [3, 8, 5, 6, 10, 8, 5, 8, 10, 8, 10, 8],
+            itemStyle: { color: '#9DD5F3' }
+          }
+        ]
+      })
+    },
+    handleResize() {
+      if (this.yearChartInInstance) this.yearChartInInstance.resize()
+      if (this.yearChartOutInstance) this.yearChartOutInstance.resize()
+      if (this.pieChartInstance) this.pieChartInstance.resize()
+      if (this.monthChartInstance) this.monthChartInstance.resize()
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-board-screen {
+  width: 100vw;
+  height: 100vh;
+  background: #0a1929;
+  position: relative;
+  overflow: hidden;
+  font-family: 'Microsoft YaHei', sans-serif;
+}
+
+/* 科技背景 */
+.tech-background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.1;
+  pointer-events: none;
+
+  .circuit-pattern {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-image:
+      linear-gradient(90deg, rgba(23,179,163,0.1) 1px, transparent 1px),
+      linear-gradient(rgba(23,179,163,0.1) 1px, transparent 1px);
+    background-size: 50px 50px;
+  }
+
+  .grid-pattern {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-image:
+      radial-gradient(circle at center, rgba(23,179,163,0.15) 1px, transparent 1px);
+    background-size: 20px 20px;
+  }
+}
+
+/* 顶部区域 */
+.screen-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 40px;
+  z-index: 100;
+  background: linear-gradient(180deg, rgba(10,25,41,0.95), transparent);
+
+  .header-left {
+    flex: 1;
+  }
+
+  .header-center {
+    flex: 0 0 auto;
+
+    .main-title {
+      font-size: 28px;
+      font-weight: bold;
+      color: #fdffff;
+      letter-spacing: 4px;
+      text-shadow: 0 0 20px rgba(23,179,163,0.8);
+      position: relative;
+      padding: 0 60px;
+
+      &::before,
+      &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        width: 50px;
+        height: 2px;
+        background: linear-gradient(90deg, transparent, #17B3A3);
+      }
+
+      &::before {
+        left: 0;
+      }
+
+      &::after {
+        right: 0;
+        background: linear-gradient(90deg, #17B3A3, transparent);
+      }
+    }
+  }
+
+  .header-right {
+    flex: 1;
+    text-align: right;
+    font-size: 18px;
+    color: #fcfdfd;
+    font-family: Consolas, monospace;
+
+    span:first-child {
+      margin-right: 15px;
+    }
+  }
+}
+
+/* 主内容 */
+.screen-content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  gap: 18px;
+  padding: 60px 18px 50px;
+  position: relative;
+  z-index: 1;
+  align-items: flex-start;
+}
+
+.left-section, .right-section {
+  flex: 0 0 345px;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.middle-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+/* 科技面板 */
+.tech-panel {
+  position: relative;
+  background: rgba(10,30,50,0.6);
+  border: 1px solid rgba(23,179,163,0.4);
+  backdrop-filter: blur(10px);
+
+  &:first-child {
+    flex: 0 0 170px;
+  }
+
+  &.chart-panel {
+    flex: 1;
+  }
+
+  &.todo-panel {
+    flex: 1;
+  }
+}
+
+/* 面板边框装饰 */
+.panel-border-frame {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1;
+
+  .corner-lines {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+
+    &::before, &::after {
+      content: '';
+      position: absolute;
+      background: #17B3A3;
+      box-shadow: 0 0 8px rgba(23,179,163,0.6);
+    }
+
+    &.tl {
+      top: -1px;
+      left: -1px;
+      &::before { width: 20px; height: 2px; top: 0; left: 0; }
+      &::after { width: 2px; height: 20px; top: 0; left: 0; }
+    }
+
+    &.tr {
+      top: -1px;
+      right: -1px;
+      &::before { width: 20px; height: 2px; top: 0; right: 0; }
+      &::after { width: 2px; height: 20px; top: 0; right: 0; }
+    }
+
+    &.bl {
+      bottom: -1px;
+      left: -1px;
+      &::before { width: 20px; height: 2px; bottom: 0; left: 0; }
+      &::after { width: 2px; height: 20px; bottom: 0; left: 0; }
+    }
+
+    &.br {
+      bottom: -1px;
+      right: -1px;
+      &::before { width: 20px; height: 2px; bottom: 0; right: 0; }
+      &::after { width: 2px; height: 20px; bottom: 0; right: 0; }
+    }
+  }
+}
+
+/* 面板标题 */
+.panel-title-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  background: linear-gradient(90deg, rgba(23,179,163,0.2), rgba(23,179,163,0.05));
+  border-bottom: 1px solid rgba(23,179,163,0.3);
+  z-index: 2;
+
+  .title-icon-glow {
+    width: 3px;
+    height: 12px;
+    background: #17B3A3;
+    box-shadow: 0 0 8px rgba(23,179,163,0.8);
+  }
+
+  span {
+    font-size: 13px;
+    color: #17B3A3;
+    font-weight: 500;
+    text-shadow: 0 0 8px rgba(23,179,163,0.5);
+  }
+}
+
+/* 面板内容 */
+.panel-body {
+  position: relative;
+  padding: 12px;
+  z-index: 2;
+
+  &.no-header {
+    padding: 14px 12px;
+  }
+}
+
+/* 表格 */
+.tech-table {
+  width: 100%;
+  border-collapse: collapse;
+
+  thead th {
+    padding: 6px 4px;
+    font-size: 11px;
+    color: #17B3A3;
+    font-weight: 500;
+    text-align: left;
+    border-bottom: 1px solid rgba(23,179,163,0.3);
+  }
+
+  tbody td {
+    padding: 6px 4px;
+    font-size: 10px;
+    color: rgba(255,255,255,0.75);
+    border-bottom: 1px solid rgba(23,179,163,0.08);
+  }
+}
+
+/* 双图表布局 */
+.double-chart {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .chart-section {
+    flex: 1;
+
+    .chart-label {
+      font-size: 10px;
+      color: rgba(23,179,163,0.7);
+      text-align: center;
+      margin-bottom: 4px;
+      padding: 3px 0;
+      background: rgba(23,179,163,0.08);
+      border-radius: 2px;
+    }
+
+    .chart-area-half {
+      width: 100%;
+      height: 180px;
+    }
+  }
+}
+
+/* 图表区域 */
+.chart-area {
+  width: 100%;
+  height: 220px;
+}
+
+/* 在库总数 */
+.total-display {
+  text-align: center;
+  margin-bottom: 0;
+  padding: 8px 0;
+
+  .total-label {
+    font-size: 12px;
+    color: rgba(255,255,255,0.7);
+    margin-bottom: 8px;
+  }
+
+  .total-value {
+    display: flex;
+    align-items: baseline;
+    justify-content: center;
+    gap: 6px;
+
+    .big-num {
+      font-size: 30px;
+      font-weight: bold;
+      color: #17B3A3;
+      font-family: Arial, sans-serif;
+      text-shadow: 0 0 15px rgba(23,179,163,0.7);
+    }
+
+    .unit {
+      font-size: 15px;
+      color: #17B3A3;
+    }
+
+    .divider {
+      font-size: 22px;
+      color: rgba(255,255,255,0.3);
+      margin: 0 6px;
+    }
+  }
+}
+
+/* 饼图标题 */
+.pie-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin-bottom: 12px;
+
+  .title-line {
+    flex: 1;
+    height: 1px;
+    background: linear-gradient(90deg, transparent, rgba(23,179,163,0.5), transparent);
+  }
+
+  span {
+    font-size: 12px;
+    color: #17B3A3;
+    font-weight: 500;
+    white-space: nowrap;
+    text-shadow: 0 0 8px rgba(23,179,163,0.6);
+  }
+}
+
+/* 饼图 */
+.pie-chart-box {
+  width: 100%;
+  height: 300px;
+  margin-bottom: 12px;
+}
+
+/* 饼图统计 */
+.pie-stats {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 12px 4px 8px;
+  background: linear-gradient(135deg, rgba(23,179,163,0.08), rgba(23,179,163,0.02));
+  border-radius: 4px;
+  border: 1px solid rgba(23,179,163,0.2);
+
+  .stat-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 5px;
+    flex: 1;
+
+    .stat-label {
+      font-size: 9px;
+      color: rgba(255,255,255,0.6);
+      white-space: nowrap;
+    }
+
+    .stat-value {
+      font-size: 16px;
+      font-weight: bold;
+      color: #17B3A3;
+      font-family: Arial, sans-serif;
+      text-shadow: 0 0 10px rgba(23,179,163,0.6);
+
+      em {
+        font-size: 10px;
+        font-style: normal;
+        margin-left: 2px;
+      }
+    }
+  }
+
+  .stat-divider {
+    width: 1px;
+    height: 28px;
+    background: linear-gradient(180deg, transparent, rgba(23,179,163,0.4), transparent);
+  }
+}
+
+/* 库位 */
+.warehouse-section {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  width: 100%;
+}
+
+.warehouse-block {
+  position: relative;
+  background: rgba(10,30,50,0.6);
+  border: 1px solid rgba(23,179,163,0.4);
+  padding: 14px 18px;
+  backdrop-filter: blur(10px);
+}
+
+/* 库位状态标签 */
+.warehouse-status {
+  position: absolute;
+  top: 10px;
+  right: 14px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  background: rgba(23,179,163,0.15);
+  border: 1px solid rgba(23,179,163,0.4);
+  border-radius: 12px;
+  z-index: 3;
+
+  .status-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #888;
+
+    &.active {
+      background: #17B3A3;
+      box-shadow: 0 0 8px rgba(23,179,163,0.8);
+      animation: pulse-dot 2s ease-in-out infinite;
+    }
+  }
+
+  .status-text {
+    font-size: 10px;
+    color: #17B3A3;
+  }
+}
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.warehouse-frame {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1;
+
+  .corner-lines {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+
+    &::before, &::after {
+      content: '';
+      position: absolute;
+      background: #17B3A3;
+      box-shadow: 0 0 8px rgba(23,179,163,0.6);
+    }
+
+    &.tl {
+      top: -1px;
+      left: -1px;
+      &::before { width: 20px; height: 2px; top: 0; left: 0; }
+      &::after { width: 2px; height: 20px; top: 0; left: 0; }
+    }
+
+    &.tr {
+      top: -1px;
+      right: -1px;
+      &::before { width: 20px; height: 2px; top: 0; right: 0; }
+      &::after { width: 2px; height: 20px; top: 0; right: 0; }
+    }
+
+    &.bl {
+      bottom: -1px;
+      left: -1px;
+      &::before { width: 20px; height: 2px; bottom: 0; left: 0; }
+      &::after { width: 2px; height: 20px; bottom: 0; left: 0; }
+    }
+
+    &.br {
+      bottom: -1px;
+      right: -1px;
+      &::before { width: 20px; height: 2px; bottom: 0; right: 0; }
+      &::after { width: 2px; height: 20px; bottom: 0; right: 0; }
+    }
+  }
+}
+
+.warehouse-3d-view {
+  position: relative;
+  height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 10px;
+  z-index: 2;
+
+  .warehouse-name {
+    position: relative;
+    z-index: 2;
+    font-size: 16px;
+    font-weight: bold;
+    color: #17B3A3;
+    text-shadow: 0 0 20px rgba(23,179,163,1);
+  }
+
+  .wave-rings {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+
+    .ring {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      border: 2px solid rgba(23,179,163,0.4);
+      border-radius: 50%;
+      animation: ring-expand 2.5s ease-out infinite;
+
+      &.r1 {
+        width: 50px;
+        height: 50px;
+        animation-delay: 0s;
+      }
+
+      &.r2 {
+        width: 80px;
+        height: 80px;
+        animation-delay: 0.4s;
+      }
+
+      &.r3 {
+        width: 110px;
+        height: 110px;
+        animation-delay: 0.8s;
+      }
+    }
+  }
+}
+
+@keyframes ring-expand {
+  0% {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(0.8);
+  }
+  100% {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(1.4);
+  }
+}
+
+/* 库位信息网格 */
+.warehouse-info-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-bottom: 12px;
+  z-index: 2;
+  position: relative;
+
+  .info-cell {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+    padding: 8px;
+    background: linear-gradient(135deg, rgba(23,179,163,0.1), rgba(23,179,163,0.02));
+    border: 1px solid rgba(23,179,163,0.25);
+    border-radius: 4px;
+    transition: all 0.3s;
+
+    &:hover {
+      background: linear-gradient(135deg, rgba(23,179,163,0.15), rgba(23,179,163,0.05));
+      border-color: rgba(23,179,163,0.4);
+      transform: translateY(-1px);
+    }
+
+    .cell-label {
+      font-size: 9px;
+      color: rgba(255,255,255,0.6);
+      text-transform: uppercase;
+    }
+
+    .cell-value {
+      font-size: 16px;
+      font-weight: bold;
+      color: #17B3A3;
+      font-family: Arial, sans-serif;
+      text-shadow: 0 0 10px rgba(23,179,163,0.6);
+
+      em {
+        font-size: 10px;
+        font-style: normal;
+        margin-left: 2px;
+        opacity: 0.8;
+      }
+    }
+  }
+}
+
+.nav-controls {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  font-size: 13px;
+  color: rgba(23,179,163,0.5);
+  z-index: 2;
+  position: relative;
+
+  .current {
+    color: #17B3A3;
+  }
+}
+
+/* 业绩统计 */
+.perf-main {
+  text-align: center;
+  margin-bottom: 18px;
+
+  .perf-label {
+    font-size: 13px;
+    color: rgba(255,255,255,0.7);
+    margin-bottom: 8px;
+  }
+
+  .perf-total {
+    font-size: 38px;
+    font-weight: bold;
+    color: #17B3A3;
+    font-family: Arial, sans-serif;
+    text-shadow: 0 0 15px rgba(23,179,163,0.7);
+
+    span {
+      font-size: 16px;
+    }
+  }
+}
+
+.perf-bars {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+
+  .bar-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    .bar-label {
+      flex: 0 0 38px;
+      font-size: 12px;
+      color: rgba(255,255,255,0.7);
+    }
+
+    .bar-track {
+      flex: 1;
+      height: 18px;
+      background: rgba(23,179,163,0.12);
+      border-radius: 2px;
+      overflow: hidden;
+
+      .bar-fill {
+        height: 100%;
+        background: linear-gradient(90deg, #17B3A3, #64D8CB);
+        box-shadow: 0 0 12px rgba(23,179,163,0.6);
+        transition: width 0.6s ease;
+      }
+    }
+
+    .bar-value {
+      flex: 0 0 55px;
+      text-align: right;
+      font-size: 17px;
+      font-weight: bold;
+      color: #17B3A3;
+      font-family: Arial, sans-serif;
+
+      em {
+        font-size: 11px;
+        font-style: normal;
+      }
+    }
+  }
+}
+
+/* 图例 */
+.chart-legend {
+  display: flex;
+  justify-content: center;
+  gap: 18px;
+  margin-bottom: 12px;
+
+  span {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 11px;
+    color: rgba(255,255,255,0.7);
+
+    i {
+      width: 10px;
+      height: 10px;
+      border-radius: 2px;
+    }
+  }
+}
+
+/* 待办事项 */
+.alert-item {
+  display: flex;
+  gap: 12px;
+  padding: 13px;
+  margin-bottom: 12px;
+  background: rgba(255,193,7,0.12);
+  border: 1px solid rgba(255,193,7,0.4);
+  border-left: 3px solid #FFC107;
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(255,193,7,0.18);
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .alert-icon {
+    font-size: 18px;
+    color: #FFC107;
+    text-shadow: 0 0 10px rgba(255,193,7,0.8);
+  }
+
+  .alert-content {
+    flex: 1;
+
+    .alert-title {
+      font-size: 12px;
+      color: #fff;
+      margin-bottom: 4px;
+      line-height: 1.4;
+    }
+
+    .alert-time {
+      font-size: 10px;
+      color: rgba(255,255,255,0.5);
+    }
+  }
+}
+
+/* 底部 */
+.footer-brand {
+  position: absolute;
+  bottom: 12px;
+  right: 40px;
+  font-size: 11px;
+  color: rgba(23,179,163,0.5);
+  z-index: 100;
+}
+
+/* 响应式 */
+@media (min-width: 2560px) {
+  .left-section, .right-section {
+    flex: 0 0 440px;
+  }
+
+  .main-title {
+    font-size: 34px !important;
+  }
+
+  .chart-area {
+    height: 290px !important;
+  }
+
+  .pie-chart-box {
+    height: 420px !important;
+  }
+}
+</style>
+
diff --git a/src/views/modules/dashboard/material-receiving-board.vue b/src/views/modules/dashboard/material-receiving-board.vue
index 5cd0281..2bcf7c6 100644
--- a/src/views/modules/dashboard/material-receiving-board.vue
+++ b/src/views/modules/dashboard/material-receiving-board.vue
@@ -229,10 +229,10 @@ export default {
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -252,7 +252,7 @@ export default {
       materialReceivingBoard({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取原材收货区数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.receivingList = data.data.receivingList || []
           //   this.inboundList = data.data.inboundList || []
diff --git a/src/views/modules/dashboard/picking-board.vue b/src/views/modules/dashboard/picking-board.vue
index 627a97f..9713040 100644
--- a/src/views/modules/dashboard/picking-board.vue
+++ b/src/views/modules/dashboard/picking-board.vue
@@ -117,6 +117,7 @@ export default {
     return {
       currentTime: '',
       timeInterval: null,
+      dataInterval: null,
 
       // 模拟工单数据
       workOrders: [
@@ -227,13 +228,23 @@ export default {
     this.timeInterval = setInterval(() => {
       this.updateTime()
     }, 1000)
+    
+    // 首次加载数据
     this.getDataList()
+    
+    // 每10秒刷新一次数据
+    this.dataInterval = setInterval(() => {
+      this.getDataList()
+    }, 10000)
   },
 
   beforeDestroy() {
     if (this.timeInterval) {
       clearInterval(this.timeInterval)
     }
+    if (this.dataInterval) {
+      clearInterval(this.dataInterval)
+    }
   },
 
   methods: {
@@ -242,10 +253,14 @@ export default {
       manualPicking({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取数据成功:', data.data)
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
+          // if (data.data) {
+          //   this.leftPanelList = data.data.leftPanelList || []
+          //   this.rightPanelList = data.data.rightPanelList || []
+          // }
         }
       }).catch(error => {
         console.error('获取数据失败:', error)
-        this.$message.error('获取数据失败')
       })
     },
     /**
diff --git a/src/views/modules/dashboard/robot-picking-board.vue b/src/views/modules/dashboard/robot-picking-board.vue
index 32546cf..c88ceba 100644
--- a/src/views/modules/dashboard/robot-picking-board.vue
+++ b/src/views/modules/dashboard/robot-picking-board.vue
@@ -235,10 +235,10 @@ export default {
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -258,7 +258,7 @@ export default {
       robotPicking({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取机械臂拣选数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.containerPickingList = data.data.containerList || []
           //   this.materialPickingList = data.data.materialList || []
diff --git a/src/views/modules/dashboard/slitting-board.vue b/src/views/modules/dashboard/slitting-board.vue
index 1fcea52..e658a6b 100644
--- a/src/views/modules/dashboard/slitting-board.vue
+++ b/src/views/modules/dashboard/slitting-board.vue
@@ -217,10 +217,10 @@ export default {
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -240,7 +240,7 @@ export default {
       slittingBoard({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取分切区数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.assistArmList = data.data.assistArmList || []
           //   this.slittingInboundList = data.data.slittingInboundList || []
diff --git a/src/views/modules/dashboard/workshop-feeding-board.vue b/src/views/modules/dashboard/workshop-feeding-board.vue
index a7bcb2f..2661688 100644
--- a/src/views/modules/dashboard/workshop-feeding-board.vue
+++ b/src/views/modules/dashboard/workshop-feeding-board.vue
@@ -134,14 +134,14 @@ export default {
     this.timeInterval = setInterval(() => {
       this.updateTime()
     }, 1000)
-    
+
     // 首次加载数据
     this.getDataList()
     
-    // 每30秒刷新一次数据
+    // 每10秒刷新一次数据
     this.dataInterval = setInterval(() => {
       this.getDataList()
-    }, 30000)
+    }, 10000)
   },
 
   beforeDestroy() {
@@ -161,7 +161,7 @@ export default {
       workshopFeedingBoard({}).then(({data}) => {
         if (data && data.code === 200) {
           console.log('获取车间AGV放料区数据成功:', data.data)
-          // TODO: 处理返回的数据
+          // TODO: 处理返回的数据，覆盖而非追加，避免内存累积
           // if (data.data) {
           //   this.feedingList = data.data.feedingList || []
           // }
@@ -409,6 +409,7 @@ export default {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
+  height: 700px;
 
   thead {
     tr {