diff --git a/apps/hand-factory/api/pocket/deviceEnum.js b/apps/hand-factory/api/pocket/deviceEnum.js
new file mode 100644
index 0000000..f0399da
--- /dev/null
+++ b/apps/hand-factory/api/pocket/deviceEnum.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function listDeviceEnumAll() {
+  return request({
+    url: '/api/deviceEnum/all',
+    method: 'get'
+  })
+}
+
diff --git a/apps/hand-factory/api/pocket/deviceFieldMeta.js b/apps/hand-factory/api/pocket/deviceFieldMeta.js
new file mode 100644
index 0000000..9d6f05d
--- /dev/null
+++ b/apps/hand-factory/api/pocket/deviceFieldMeta.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getDeviceFieldMetaAll() {
+  return request({
+    url: '/api/deviceFieldMeta/all',
+    method: 'get'
+  })
+}
+
diff --git a/apps/hand-factory/api/pocket/deviceSnapshot.js b/apps/hand-factory/api/pocket/deviceSnapshot.js
new file mode 100644
index 0000000..18866cc
--- /dev/null
+++ b/apps/hand-factory/api/pocket/deviceSnapshot.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 获取最新N条设备快照
+export function listDeviceSnapshotLatest(params) {
+  return request({
+    url: '/api/deviceSnapshot/latest',
+    method: 'get',
+    params
+  })
+}
+
+// 按时间范围查询设备快照
+export function listDeviceSnapshotRange(params) {
+  return request({
+    url: '/api/deviceSnapshot/range',
+    method: 'get',
+    params
+  })
+}
+
diff --git a/apps/hand-factory/components/lines/zinc1.vue b/apps/hand-factory/components/lines/zinc1.vue
index e9a661e..3cb144a 100644
--- a/apps/hand-factory/components/lines/zinc1.vue
+++ b/apps/hand-factory/components/lines/zinc1.vue
@@ -2,8 +2,8 @@
   <view class="page-container">
     <!-- 简洁标签栏 -->
     <view class="tab-container">
-      <view 
-        v-for="item in tabData" 
+      <view
+        v-for="item in tabData"
         :key="item.value"
         @click="currentTab = item.value"
         class="tab-item"
@@ -13,184 +13,349 @@
         <view class="tab-indicator" v-if="currentTab === item.value"></view>
       </view>
     </view>
-    
+
     <!-- 刷新按钮 -->
-    <view class="refresh-btn-fixed" @click="refreshData">
-      <text class="refresh-icon" :class="{ 'rotating': isRefreshing }">⟳</text>
-          </view>
+    <view class="refresh-btn-fixed" @click="refreshAll">
+      <text class="refresh-icon" :class="{ rotating: isRefreshing }">⟳</text>
+    </view>
 
-    <scroll-view scroll-y class="scroll-container" v-if="currentTab === 1">
-      <!-- 未启用提示 -->
-      <view class="disabled-container">
-        <view class="disabled-icon">🔒</view>
-        <view class="disabled-title">该功能未启用</view>
-        <view class="disabled-desc">镀锌线1实时监控功能暂未启用，请联系管理员</view>
+    <scroll-view scroll-y class="scroll-container" v-if="currentTab === 1" @scroll="onScroll">
+      <!-- 顶部状态栏 -->
+      <view class="status-bar">
+        <view class="status-item">
+          <text class="status-label">Socket</text>
+          <text class="status-value" :class="isConnected ? 'status-通畅' : 'status-异常'">{{ isConnected ? '已连接' : '未连接' }}</text>
+        </view>
+        <view class="status-divider"></view>
+        <view class="status-item">
+          <text class="status-label">更新时间</text>
+          <text class="status-value status-time">{{ lastUpdateTime }}</text>
+        </view>
+        <view class="status-divider"></view>
+        <view class="status-item">
+          <text class="status-label">设备数</text>
+          <text class="status-value">{{ deviceDefs.length }}</text>
+        </view>
       </view>
-    </scroll-view>
 
-    <scroll-view scroll-y class="scroll-container" v-if="currentTab == 2">
-      <klp-product-statistic></klp-product-statistic>
-    </scroll-view>
 
-    <scroll-view scroll-y class="scroll-container" v-if="currentTab == 3">
-      <klp-shutdown-statistic></klp-shutdown-statistic>
-    </scroll-view>
 
-    <scroll-view scroll-y class="scroll-container" v-if="currentTab == 4">
-      <klp-team-performance></klp-team-performance>
+      <view v-for="dev in deviceDefs" :key="'device_' + dev.deviceCode" :id="'device-' + dev.deviceCode" class="device-section">
+        <view class="section-title">{{ dev.desc }}（{{ dev.deviceCode }}）</view>
+
+        <view v-if="fieldTrendMap[dev.deviceCode]">
+          <view v-for="fieldName in (dev.paramFields || [])" :key="dev.deviceCode + '_' + fieldName" class="field-chart-container">
+            <view v-if="fieldTrendMap[dev.deviceCode][fieldName]">
+              <view class="chart-header">
+                <text class="chart-title">{{ getFieldLabel(fieldName) }}</text>
+                <text class="chart-unit">{{ getFieldUnit(fieldName) }}</text>
+              </view>
+
+              <view class="chart-box">
+                <qiun-data-charts type="line" :chartData="toLineChart(fieldTrendMap[dev.deviceCode][fieldName], fieldName)" :opts="lineChartOpts" />
+              </view>
+
+              <view class="stats-grid">
+                <view class="stat-item"><text class="stat-label">AVG</text><text class="stat-value">{{ formatNum(fieldTrendMap[dev.deviceCode][fieldName].avg) }}</text></view>
+                <view class="stat-item"><text class="stat-label">MAX</text><text class="stat-value">{{ formatNum(fieldTrendMap[dev.deviceCode][fieldName].max) }}</text></view>
+                <view class="stat-item"><text class="stat-label">MIN</text><text class="stat-value">{{ formatNum(fieldTrendMap[dev.deviceCode][fieldName].min) }}</text></view>
+                <view class="stat-item"><text class="stat-label">LAST</text><text class="stat-value">{{ formatNum(fieldTrendMap[dev.deviceCode][fieldName].last) }}</text></view>
+              </view>
+            </view>
+
+            <view v-else class="placeholder-box">
+              <text class="placeholder-text">等待 {{ getFieldLabel(fieldName) }} 数据...</text>
+            </view>
+          </view>
+        </view>
+
+        <view v-else class="placeholder-box">
+          <text class="placeholder-text">等待 {{ dev.desc }} 数据...（滚动到此处加载）</text>
+        </view>
+      </view>
     </scroll-view>
   </view>
 </template>
 
 <script>
-import { getAllPlantStateDefines, listPlantStateHistory, getCurrentShift } from '@/api/pocket/plantState'
-import config from '@/config'
+import { listDeviceEnumAll } from '@/api/pocket/deviceEnum'
+import { getDeviceFieldMetaAll } from '@/api/pocket/deviceFieldMeta'
+import { createMeasureSocket } from '@/utils/socketMeasure'
 
 export default {
   data() {
     return {
       currentTab: 1,
       tabData: [
-        { text: "实时监控", value: 1 },
-        { text: "生产统计", value: 2 },
-        { text: "停机统计", value: 3 },
-        { text: "班组绩效", value: 4 }
+        { text: '实时监控', value: 1 }
       ],
-      webStatus: [
-        { label: '网络状态', value: '检测中...' },
-        { label: '当前班组', value: '—' }
-      ],
-      lastUpdateTime: '—',
       isRefreshing: false,
-      refreshTimer: null,
-      // 轧辊速度（ID=36-41）
-      rollSpeedMetrics: [
-        { label: '1#机架', value: '—', unit: 'm/min' },
-        { label: '2#机架', value: '—', unit: 'm/min' },
-        { label: '3#机架', value: '—', unit: 'm/min' },
-        { label: '4#机架', value: '—', unit: 'm/min' },
-        { label: '5#机架', value: '—', unit: 'm/min' },
-        { label: '6#机架', value: '—', unit: 'm/min' }
-      ],
-      // 机架压下率（ID=24-29）
-      reducMetrics: [
-        { label: '1#机架', value: '—', unit: '%' },
-        { label: '2#机架', value: '—', unit: '%' },
-        { label: '3#机架', value: '—', unit: '%' },
-        { label: '4#机架', value: '—', unit: '%' },
-        { label: '5#机架', value: '—', unit: '%' },
-        { label: '6#机架', value: '—', unit: '%' }
-      ],
-      // 带钢张力（ID=42-48）
-      tensionMetrics: [
-        { label: '0#张力', value: '—', unit: 'kN' },
-        { label: '1#张力', value: '—', unit: 'kN' },
-        { label: '2#张力', value: '—', unit: 'kN' },
-        { label: '3#张力', value: '—', unit: 'kN' },
-        { label: '4#张力', value: '—', unit: 'kN' },
-        { label: '5#张力', value: '—', unit: 'kN' },
-        { label: '6#张力', value: '—', unit: 'kN' }
-      ],
-      // 功率百分比（ID=49-54）
-      powerMetrics: [
-        { label: '1#机架', value: '—', unit: '%' },
-        { label: '2#机架', value: '—', unit: '%' },
-        { label: '3#机架', value: '—', unit: '%' },
-        { label: '4#机架', value: '—', unit: '%' },
-        { label: '5#机架', value: '—', unit: '%' },
-        { label: '6#机架', value: '—', unit: '%' }
-      ],
-      // 轧制力趋势图（ID=30-35）
-      forceChartData: {},
+      isConnected: false,
+      lastUpdateTime: '—',
+
+      // socket最新消息
+      latestMeasure: null,
+
+      // 设备定义（后端 DeviceEnum 全量）
+      deviceDefs: [],
+
+      // 字段元数据：fieldName -> {label, unit, description}
+      fieldMeta: {},
+
+      // device_field_trend: deviceCode -> { fieldName -> trendDTO }
+      fieldTrendMap: {},
+
+      // 懒加载：已订阅的设备列表
+      subscribedDeviceCodes: [],
+
       lineChartOpts: {
-        color: ["#0066cc", "#409eff", "#66b1ff", "#a0cfff", "#d9ecff", "#ecf5ff"],
+        color: ['#0066cc', '#409eff', '#66b1ff', '#a0cfff', '#d9ecff', '#ecf5ff'],
         padding: [15, 15, 0, 15],
         enableScroll: false,
-        legend: { 
-          show: true,
-          position: "top",
-          fontSize: 10,
-          lineHeight: 14,
-          itemGap: 6
-        },
-        dataLabel: false,  // 隐藏数据标签
-        dataPointShape: false,  // 隐藏数据点
-        xAxis: {
-          disableGrid: true,
-          rotateLabel: true,
-          itemCount: 5,  // 减少标签数量
-          labelCount: 5,
-          fontSize: 10
-        },
+        legend: { show: true, position: 'top', fontSize: 10, lineHeight: 14, itemGap: 6 },
+        dataLabel: false,
+        dataPointShape: false,
+        xAxis: { disableGrid: true, rotateLabel: true, itemCount: 5, labelCount: 5, fontSize: 10 },
         yAxis: {
-          gridType: "dash",
+          gridType: 'dash',
           dashLength: 4,
-          gridColor: "#e4e7ed",
+          gridColor: '#e4e7ed',
           showTitle: true,
           fontSize: 10,
-          data: [{ min: 0, title: "轧制力(kN)" }]
+          data: [{ title: '数值' }]
         },
-        extra: {
-          line: {
-            type: "curve",  // 曲线平滑
-            width: 2,
-            activeType: "hollow"  // 点击时显示空心点
+        extra: { line: { type: 'curve', width: 2, activeType: 'hollow' } }
+      },
+
+      socketClient: null,
+      fieldTrendSocket: null,
+      fieldTrendSubscribed: false,
+      subscribedDeviceCodes: []
+    }
+  },
+
+  mounted() {
+    this.initSocket()
+
+    Promise.all([this.loadDeviceDefs(), this.loadFieldMeta()]).then(() => {
+      // 页面初始化完成后，默认订阅首屏设备（懒加载）
+      this.$nextTick(() => {
+        this.updateVisibleDeviceSubscriptions()
+      })
+    })
+
+    this.updateLastTime()
+  },
+
+  beforeDestroy() {
+    if (this.socketClient) this.socketClient.close()
+    if (this.fieldTrendSocket) this.fieldTrendSocket.close()
+  },
+
+  methods: {
+    async loadDeviceDefs() {
+      const res = await listDeviceEnumAll()
+      this.deviceDefs = (res && res.data) || []
+
+
+    },
+
+    async loadFieldMeta() {
+      const res = await getDeviceFieldMetaAll()
+      this.fieldMeta = (res && res.data) || {}
+    },
+
+    initSocket() {
+      // 实时测量数据 WebSocket
+      this.socketClient = createMeasureSocket({
+        type: 'track_measure',
+        onOpen: () => {
+          this.isConnected = true
+        },
+        onClose: () => {
+          this.isConnected = false
+        },
+        onError: () => {
+          this.isConnected = false
+        },
+        onMessage: (data) => {
+          try {
+            this.latestMeasure = JSON.parse(data)
+            this.updateLastTime()
+          } catch (e) {
+            // ignore
           }
         }
-      },
-      plantStateDefines: []
-    };
-  },
-  
-  mounted() {
-    this.loadAllData()
-    this.startAutoRefresh()
-  },
-  
-  beforeDestroy() {
-    this.stopAutoRefresh()
-  },
-  
-  methods: {
-    startAutoRefresh() {
-      this.refreshTimer = setInterval(() => {
-        this.refreshData(true)
-      }, 30000)
-    },
-    
-    stopAutoRefresh() {
-      if (this.refreshTimer) {
-        clearInterval(this.refreshTimer)
-        this.refreshTimer = null
-      }
-    },
-    
-    loadAllData() {
-      this.checkNetworkStatus()
-      this.loadCurrentShift()
-      this.initPlantStateDefines()
-      this.updateLastTime()
-    },
-    
-    refreshData(isSilent = false) {
-      if (this.isRefreshing) return
-      this.isRefreshing = true
-      if (!isSilent) uni.showLoading({ title: '刷新中' })
-      
-      Promise.all([
-        this.checkNetworkStatus(),
-        this.loadCurrentShift(),
-        this.initPlantStateDefines(isSilent)
-      ]).finally(() => {
-        this.isRefreshing = false
-        if (!isSilent) {
-          uni.hideLoading()
-          uni.showToast({ title: '刷新成功', icon: 'success', duration: 1500 })
+      })
+
+      this.socketClient.connect()
+
+      // 点位趋势 WebSocket（懒加载订阅）
+      this.fieldTrendSocket = createMeasureSocket({
+        type: 'device_field_trend',
+        onOpen: () => {
+          console.log('点位趋势 WebSocket 连接成功')
+          // 初次连接后先不订阅，等滚动/展开触发
+          this.fieldTrendSubscribed = true
+          this.sendFieldTrendSubscribe([])
+        },
+        onClose: () => {
+          console.log('点位趋势 WebSocket 连接关闭')
+          this.fieldTrendSubscribed = false
+        },
+        onError: () => {
+          console.error('点位趋势 WebSocket 连接错误')
+          this.fieldTrendSubscribed = false
+        },
+        onMessage: (data) => {
+          try {
+            const trend = JSON.parse(data)
+            if (!trend || !trend.deviceCode || !trend.fieldName) return
+            if (!this.fieldTrendMap[trend.deviceCode]) {
+              this.$set(this.fieldTrendMap, trend.deviceCode, {})
+            }
+            this.$set(this.fieldTrendMap[trend.deviceCode], trend.fieldName, trend)
+          } catch (e) {
+            console.error('解析点位趋势数据失败:', e)
+          }
         }
-        this.updateLastTime()
+      })
+
+      this.fieldTrendSocket.connect()
+    },
+
+    // 滚动事件：节流触发订阅更新
+    onScroll() {
+      if (this._scrollTimer) return
+      this._scrollTimer = setTimeout(() => {
+        this._scrollTimer = null
+        this.updateVisibleDeviceSubscriptions()
+      }, 200)
+    },
+
+    // 计算当前可视区域内的设备，并向后端发送订阅（懒加载）
+    updateVisibleDeviceSubscriptions() {
+      const list = this.deviceDefs || []
+      if (!list.length) return
+
+      // 使用 selectorQuery 获取每个设备块的位置
+      const query = uni.createSelectorQuery().in(this)
+      list.forEach((d) => {
+        query.select('#device-' + d.deviceCode).boundingClientRect()
+      })
+      query.selectViewport().scrollOffset()
+
+      query.exec((res) => {
+        // res: [rect1, rect2, ..., viewport]
+        if (!res || res.length < 2) return
+        const viewport = res[res.length - 1] || {}
+        const scrollTop = viewport.scrollTop || 0
+        const windowHeight = viewport.windowHeight || 0
+
+        // 预加载阈值：提前 0.5 屏开始订阅
+        const preload = windowHeight * 0.5
+        const bottom = scrollTop + windowHeight + preload
+
+        // 找到“已经进入/即将进入”的最大索引
+        let maxIdx = -1
+        for (let i = 0; i < list.length; i++) {
+          const rect = res[i]
+          if (!rect) continue
+          const top = rect.top + scrollTop
+          if (top <= bottom) {
+            maxIdx = i
+          }
+        }
+
+        // 订阅规则：当前可视（含预加载）位置的设备及其以前全部设备
+        const nextList = maxIdx >= 0 ? list.slice(0, maxIdx + 1).map((d) => d.deviceCode) : []
+
+        if (JSON.stringify(nextList) === JSON.stringify(this.subscribedDeviceCodes || [])) return
+        this.subscribedDeviceCodes = nextList
+        this.sendFieldTrendSubscribe(nextList)
       })
     },
-    
+
+
+
+    getFieldLabel(field) {
+      const meta = this.fieldMeta[field]
+      return (meta && meta.label) || field
+    },
+
+    getFieldUnit(field) {
+      const meta = this.fieldMeta[field]
+      return (meta && meta.unit) || ''
+    },
+
+    sendFieldTrendSubscribe(deviceCodes) {
+      if (!this.fieldTrendSocket || !this.fieldTrendSubscribed) return
+      this.fieldTrendSocket.send({
+        lazy: true,
+        deviceCodes: deviceCodes || []
+      })
+    },
+
+    // 折线图数据转换（仅结构转换，不做计算）
+    toLineChart(trend, fieldName) {
+      if (!trend) return { categories: [], series: [] }
+      return {
+        categories: trend.categories || [],
+        series: [
+          {
+            name: this.getFieldLabel(fieldName),
+            data: trend.data || []
+          }
+        ]
+      }
+    },
+
+    formatNum(v) {
+      if (v === null || v === undefined || Number.isNaN(Number(v))) return '—'
+      return Number(v).toFixed(2)
+    },
+
+    // 根据 DeviceEnum.sourceType 决定取哪个 message
+    pickSourceMsg(dev) {
+      const m = this.latestMeasure || {}
+      if (!dev || !dev.sourceType) return {}
+      switch (dev.sourceType) {
+        case 'ENTRY':
+          return m.appMeasureEntryMessage || {}
+        case 'FURNACE':
+          return m.appMeasureFurnaceMessage || {}
+        case 'COAT':
+          return m.appMeasureCoatMessage || {}
+        case 'EXIT':
+          return m.appMeasureExitMessage || {}
+        default:
+          return {}
+      }
+    },
+
+    getRealtimeFieldValue(dev, field) {
+      const msg = this.pickSourceMsg(dev)
+      const v = msg ? msg[field] : null
+      return this.formatValue(v)
+    },
+
+
+
+    async refreshAll() {
+      if (this.isRefreshing) return
+      this.isRefreshing = true
+      try {
+        await Promise.all([this.loadDeviceDefs(), this.loadFieldMeta()])
+        // 刷新后更新订阅（按滚动懒加载逻辑）
+        this.$nextTick(() => {
+          this.updateVisibleDeviceSubscriptions()
+        })
+        this.updateLastTime()
+      } finally {
+        this.isRefreshing = false
+      }
+    },
+
     updateLastTime() {
       const now = new Date()
       const hour = String(now.getHours()).padStart(2, '0')
@@ -198,189 +363,32 @@ export default {
       const second = String(now.getSeconds()).padStart(2, '0')
       this.lastUpdateTime = `${hour}:${minute}:${second}`
     },
-    
-    checkNetworkStatus() {
-      return new Promise((resolve) => {
-        const startTime = Date.now()
-        uni.request({
-          url: config.baseUrl + '/pocket/proPlantStateDefine/allWithValues',
-          method: 'GET',
-          timeout: 5000,
-          success: (res) => {
-            const responseTime = Date.now() - startTime
-            if (responseTime < 500) {
-              this.webStatus[0].value = '通畅'
-            } else if (responseTime < 2000) {
-              this.webStatus[0].value = '卡顿'
-            } else {
-              this.webStatus[0].value = '异常'
-            }
-            resolve()
-          },
-          fail: () => {
-            this.webStatus[0].value = '异常'
-            resolve()
-          }
-        })
-      })
+
+    formatTime(str) {
+      if (!str) return ''
+      const d = new Date(str)
+      const h = String(d.getHours()).padStart(2, '0')
+      const m = String(d.getMinutes()).padStart(2, '0')
+      return `${h}:${m}`
     },
-    
-    loadCurrentShift() {
-      return getCurrentShift().then(response => {
-        if (response.code === 200 && response.data) {
-          const shiftData = response.data
-          const shiftName = this.getShiftName(shiftData.shift)
-          const crewName = this.getCrewName(shiftData.crew)
-          this.webStatus[1].value = `${crewName} / ${shiftName}`
-        }
-      }).catch(error => {
-        console.error('加载班组信息失败:', error)
-      })
+
+    formatValue(v) {
+      if (v === null || v === undefined || v === '') return '—'
+      const n = Number(v)
+      if (Number.isNaN(n)) return '—'
+      return n.toFixed(2)
     },
-    
-    getShiftName(shift) {
-      const shiftMap = { 'A': '早班', 'B': '中班', 'C': '晚班' }
-      return shiftMap[shift] || shift || '—'
-    },
-    
-    getCrewName(crew) {
-      const crewMap = { 1: '甲', 2: '乙', 3: '丙', 4: '丁' }
-      return crewMap[crew] || crew || '—'
-    },
-    
-    initPlantStateDefines(isSilent = false) {
-      if (!isSilent) uni.showLoading({ title: '加载中' })
-      
-      return getAllPlantStateDefines().then(response => {
-        if (response.code === 200 && response.data) {
-          this.plantStateDefines = response.data
-          if (!isSilent) console.log('镀锌线1状态定义已加载:', this.plantStateDefines)
-          this.updateCurrentMetrics()
-          return this.loadForceHistory(isSilent)
-        } else {
-          if (!isSilent) uni.hideLoading()
-        }
-      }).catch(error => {
-        if (!isSilent) uni.hideLoading()
-        console.error('加载状态定义失败:', error)
-      })
-    },
-    
-    updateCurrentMetrics() {
-      // 1. 轧辊速度（ID=36-41：rollSpeed1-6）
-      this.rollSpeedMetrics = [
-        { label: '1#机架', value: this.formatValue(this.getDefineById(36)?.currentValue), unit: this.getDefineById(36)?.units || 'm/min' },
-        { label: '2#机架', value: this.formatValue(this.getDefineById(37)?.currentValue), unit: this.getDefineById(37)?.units || 'm/min' },
-        { label: '3#机架', value: this.formatValue(this.getDefineById(38)?.currentValue), unit: this.getDefineById(38)?.units || 'm/min' },
-        { label: '4#机架', value: this.formatValue(this.getDefineById(39)?.currentValue), unit: this.getDefineById(39)?.units || 'm/min' },
-        { label: '5#机架', value: this.formatValue(this.getDefineById(40)?.currentValue), unit: this.getDefineById(40)?.units || 'm/min' },
-        { label: '6#机架', value: this.formatValue(this.getDefineById(41)?.currentValue), unit: this.getDefineById(41)?.units || 'm/min' }
-      ]
-      
-      // 2. 机架压下率（ID=24-29：reduc1-6）
-      this.reducMetrics = [
-        { label: '1#机架', value: this.formatValue(this.getDefineById(24)?.currentValue), unit: this.getDefineById(24)?.units || '%' },
-        { label: '2#机架', value: this.formatValue(this.getDefineById(25)?.currentValue), unit: this.getDefineById(25)?.units || '%' },
-        { label: '3#机架', value: this.formatValue(this.getDefineById(26)?.currentValue), unit: this.getDefineById(26)?.units || '%' },
-        { label: '4#机架', value: this.formatValue(this.getDefineById(27)?.currentValue), unit: this.getDefineById(27)?.units || '%' },
-        { label: '5#机架', value: this.formatValue(this.getDefineById(28)?.currentValue), unit: this.getDefineById(28)?.units || '%' },
-        { label: '6#机架', value: this.formatValue(this.getDefineById(29)?.currentValue), unit: this.getDefineById(29)?.units || '%' }
-      ]
-      
-      // 3. 带钢张力（ID=42-48：tensionForce0-6）
-      this.tensionMetrics = [
-        { label: '0#张力', value: this.formatValue(this.getDefineById(42)?.currentValue), unit: this.getDefineById(42)?.units || 'kN' },
-        { label: '1#张力', value: this.formatValue(this.getDefineById(43)?.currentValue), unit: this.getDefineById(43)?.units || 'kN' },
-        { label: '2#张力', value: this.formatValue(this.getDefineById(44)?.currentValue), unit: this.getDefineById(44)?.units || 'kN' },
-        { label: '3#张力', value: this.formatValue(this.getDefineById(45)?.currentValue), unit: this.getDefineById(45)?.units || 'kN' },
-        { label: '4#张力', value: this.formatValue(this.getDefineById(46)?.currentValue), unit: this.getDefineById(46)?.units || 'kN' },
-        { label: '5#张力', value: this.formatValue(this.getDefineById(47)?.currentValue), unit: this.getDefineById(47)?.units || 'kN' },
-        { label: '6#张力', value: this.formatValue(this.getDefineById(48)?.currentValue), unit: this.getDefineById(48)?.units || 'kN' }
-      ]
-      
-      // 4. 功率百分比（ID=49-54：powerRatio1-6）
-      this.powerMetrics = [
-        { label: '1#机架', value: this.formatValue(this.getDefineById(49)?.currentValue), unit: this.getDefineById(49)?.units || '%' },
-        { label: '2#机架', value: this.formatValue(this.getDefineById(50)?.currentValue), unit: this.getDefineById(50)?.units || '%' },
-        { label: '3#机架', value: this.formatValue(this.getDefineById(51)?.currentValue), unit: this.getDefineById(51)?.units || '%' },
-        { label: '4#机架', value: this.formatValue(this.getDefineById(52)?.currentValue), unit: this.getDefineById(52)?.units || '%' },
-        { label: '5#机架', value: this.formatValue(this.getDefineById(53)?.currentValue), unit: this.getDefineById(53)?.units || '%' },
-        { label: '6#机架', value: this.formatValue(this.getDefineById(54)?.currentValue), unit: this.getDefineById(54)?.units || '%' }
-      ]
-    },
-    
-    loadForceHistory(isSilent = false) {
-      return listPlantStateHistory({ pageNum: 1, pageSize: 30 }).then(response => {
-        if (!isSilent) uni.hideLoading()
-        
-        if (response.code === 200 && response.rows && response.rows.length > 0) {
-          const categories = []
-          const force1Data = []
-          const force2Data = []
-          const force3Data = []
-          const force4Data = []
-          const force5Data = []
-          const force6Data = []
-          
-          response.rows.forEach(item => {
-            const dateStr = this.formatDate(item.insdate)
-            categories.push(dateStr)
-            force1Data.push(Number(item.value30) || 0)  // ID=30
-            force2Data.push(Number(item.value31) || 0)  // ID=31
-            force3Data.push(Number(item.value32) || 0)  // ID=32
-            force4Data.push(Number(item.value33) || 0)  // ID=33
-            force5Data.push(Number(item.value34) || 0)  // ID=34
-            force6Data.push(Number(item.value35) || 0)  // ID=35
-          })
-          
-          this.forceChartData = {
-            categories: categories.reverse(),
-          series: [
-              { name: '1#轧制力', data: force1Data.reverse() },
-              { name: '2#轧制力', data: force2Data.reverse() },
-              { name: '3#轧制力', data: force3Data.reverse() },
-              { name: '4#轧制力', data: force4Data.reverse() },
-              { name: '5#轧制力', data: force5Data.reverse() },
-              { name: '6#轧制力', data: force6Data.reverse() }
-            ]
-          }
-        }
-      }).catch(error => {
-        if (!isSilent) uni.hideLoading()
-        console.error('加载轧制力历史失败:', error)
-      })
-    },
-    
-    getDefineById(id) {
-      return this.plantStateDefines.find(item => item.id == id)
-    },
-    
-    formatDate(dateStr) {
-      if (!dateStr) return ''
-      const date = new Date(dateStr)
-      const hour = String(date.getHours()).padStart(2, '0')
-      const minute = String(date.getMinutes()).padStart(2, '0')
-      return `${hour}:${minute}`
-    },
-    
-    formatValue(value) {
-      if (value === null || value === undefined || value === '') return '—'
-      const num = Number(value)
-      if (isNaN(num)) return '—'
-      return num.toFixed(2)
-    }
+
   }
-};
+}
 </script>
 
 <style scoped lang="scss">
-/* 页面容器 */
 .page-container {
   min-height: 100vh;
   background: #f5f7fa;
 }
 
-/* 标签栏 */
 .tab-container {
   display: flex;
   background: #fff;
@@ -393,31 +401,30 @@ export default {
   padding: 28rpx 0;
   position: relative;
 
-.tab-label {
-  font-size: 28rpx;
+  .tab-label {
+    font-size: 28rpx;
     color: #606266;
-  font-weight: 400;
+    font-weight: 400;
   }
-  
+
   &.tab-active {
     .tab-label {
       color: #0066cc;
       font-weight: 500;
     }
-}
+  }
 
-.tab-indicator {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
+  .tab-indicator {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
     width: 60rpx;
     height: 3rpx;
     background: #0066cc;
   }
 }
 
-/* 刷新按钮 */
 .refresh-btn-fixed {
   position: fixed;
   right: 32rpx;
@@ -431,7 +438,7 @@ export default {
   justify-content: center;
   box-shadow: 0 8rpx 20rpx rgba(0, 102, 204, 0.4);
   z-index: 999;
-  
+
   &:active {
     opacity: 0.8;
     transform: scale(0.95);
@@ -443,24 +450,26 @@ export default {
   color: #fff;
   display: block;
   line-height: 1;
-  
+
   &.rotating {
     animation: rotate 1s linear infinite;
   }
 }
 
 @keyframes rotate {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
-/* 滚动容器 */
 .scroll-container {
   height: calc(100vh - 96rpx);
   padding: 24rpx;
 }
 
-/* 顶部状态栏 */
 .status-bar {
   display: flex;
   align-items: center;
@@ -488,10 +497,15 @@ export default {
   font-size: 28rpx;
   font-weight: 500;
   color: #303133;
-  
-  &.status-通畅 { color: #67c23a; }
-  &.status-卡顿 { color: #e6a23c; }
-  &.status-异常 { color: #f56c6c; }
+
+  &.status-通畅 {
+    color: #67c23a;
+  }
+
+  &.status-异常 {
+    color: #f56c6c;
+  }
+
   &.status-time {
     color: #909399;
     font-size: 24rpx;
@@ -504,7 +518,6 @@ export default {
   background: #e4e7ed;
 }
 
-/* 区块样式 */
 .section {
   margin-bottom: 24rpx;
 }
@@ -518,44 +531,149 @@ export default {
   border-left: 4rpx solid #0066cc;
 }
 
-/* 指标卡片 - 3列布局 */
+.device-card {
+  background: #fff;
+  border: 1rpx solid #e4e7ed;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  margin-bottom: 18rpx;
+}
+
+.device-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.device-header-left {
+  display: flex;
+  flex-direction: column;
+}
+
+.device-title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #303133;
+}
+
+.device-sub {
+  font-size: 22rpx;
+  color: #909399;
+  margin-top: 6rpx;
+}
+
+.device-toggle {
+  font-size: 24rpx;
+  color: #0066cc;
+  font-weight: 500;
+}
+
 .metrics-grid-3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 20rpx;
+  gap: 16rpx;
 }
 
 .metric-box {
   background: #fff;
   border: 1rpx solid #e4e7ed;
   border-radius: 8rpx;
-  padding: 28rpx 20rpx;
+  padding: 18rpx 12rpx;
   text-align: center;
 }
 
 .metric-name {
   display: block;
-  font-size: 24rpx;
+  font-size: 22rpx;
   color: #909399;
-  margin-bottom: 16rpx;
+  margin-bottom: 12rpx;
 }
 
 .metric-value {
   display: block;
-  font-size: 48rpx;
-    font-weight: 600;
+  font-size: 44rpx;
+  font-weight: 600;
   color: #0066cc;
   margin-bottom: 8rpx;
   line-height: 1;
+
+  &.small {
+    font-size: 34rpx;
+  }
 }
 
 .metric-unit {
   display: block;
-  font-size: 22rpx;
+  font-size: 20rpx;
   color: #909399;
 }
 
-/* 图表容器 */
+.device-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 14rpx;
+}
+
+.action-btn {
+  padding: 12rpx 18rpx;
+  border: 2rpx solid #0066cc;
+  border-radius: 8rpx;
+}
+
+.action-text {
+  font-size: 24rpx;
+  color: #0066cc;
+  font-weight: 500;
+}
+
+.history-tip {
+  font-size: 24rpx;
+  color: #909399;
+  margin-bottom: 12rpx;
+}
+
+.history-strong {
+  color: #303133;
+  font-weight: 600;
+}
+
+.field-selector {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.field-chip {
+  padding: 10rpx 14rpx;
+  border-radius: 999rpx;
+  border: 2rpx solid #dcdfe6;
+  background: #fff;
+}
+
+.field-chip.active {
+  border-color: #0066cc;
+  background: #f0f9ff;
+}
+
+.chip-text {
+  font-size: 22rpx;
+  color: #606266;
+}
+
+.field-chip.active .chip-text {
+  color: #0066cc;
+  font-weight: 500;
+}
+
+.field-tip {
+  font-size: 22rpx;
+  color: #909399;
+  margin-left: auto;
+}
+
 .chart-box {
   background: #fff;
   border: 1rpx solid #e4e7ed;
@@ -563,33 +681,124 @@ export default {
   padding: 24rpx 16rpx;
 }
 
-/* 未启用容器 */
-.disabled-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: calc(100vh - 200rpx);
-  padding: 40rpx;
+.raw-box {
+  background: #fff;
+  border: 1rpx solid #e4e7ed;
+  border-radius: 8rpx;
+  padding: 24rpx 16rpx;
+}
+
+.overview-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16rpx;
+}
+
+.overview-card {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 12rpx;
+  padding: 32rpx 24rpx;
   text-align: center;
+  box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
 }
 
-.disabled-icon {
-  font-size: 120rpx;
-  margin-bottom: 32rpx;
-  opacity: 0.6;
+.overview-card:nth-child(2) {
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  box-shadow: 0 4rpx 12rpx rgba(245, 87, 108, 0.3);
 }
 
-.disabled-title {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #303133;
+.overview-card:nth-child(3) {
+  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+  box-shadow: 0 4rpx 12rpx rgba(79, 172, 254, 0.3);
+}
+
+.overview-label {
+  display: block;
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.9);
   margin-bottom: 16rpx;
 }
 
-.disabled-desc {
-  font-size: 26rpx;
-  color: #909399;
-  line-height: 1.6;
+.overview-value {
+  display: block;
+  font-size: 48rpx;
+  font-weight: 700;
+  color: #fff;
+  line-height: 1.2;
+}
+
+.overview-unit {
+  display: block;
+  font-size: 22rpx;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 8rpx;
+}
+
+.status-distribution {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16rpx;
+}
+
+.status-item-card {
+  background: #fff;
+  border: 1rpx solid #e4e7ed;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.status-type {
+  font-size: 28rpx;
+  color: #606266;
+  font-weight: 500;
+}
+
+.status-count {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #0066cc;
+}
+
+.stats-table {
+  background: #fff;
+  border: 1rpx solid #e4e7ed;
+  border-radius: 8rpx;
+  overflow: hidden;
+}
+
+.stats-header {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
+  background: #f5f7fa;
+  padding: 20rpx 16rpx;
+  border-bottom: 1rpx solid #e4e7ed;
+}
+
+.stats-row {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
+  padding: 20rpx 16rpx;
+  border-bottom: 1rpx solid #e4e7ed;
+}
+
+.stats-row:last-child {
+  border-bottom: none;
+}
+
+.stats-col {
+  font-size: 24rpx;
+  color: #606266;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.stats-header .stats-col {
+  font-weight: 600;
+  color: #303133;
 }
 </style>
diff --git a/apps/hand-factory/static/pocket.sql b/apps/hand-factory/static/pocket.sql
new file mode 100644
index 0000000..29a0e64
--- /dev/null
+++ b/apps/hand-factory/static/pocket.sql
@@ -0,0 +1,448 @@
+/*
+SQLyog Ultimate v12.09 (64 bit)
+MySQL - 8.0.43 : Database - klp_pocketfactory
+*********************************************************************
+*/
+
+
+/*!40101 SET NAMES utf8 */;
+
+/*!40101 SET SQL_MODE=''*/;
+
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+CREATE DATABASE /*!32312 IF NOT EXISTS*/`klp_pocketfactory` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci */ /*!80016 DEFAULT ENCRYPTION='N' */;
+
+USE `klp_pocketfactory`;
+
+/*Table structure for table `klptcm1_pdi_plan` */
+
+DROP TABLE IF EXISTS `klptcm1_pdi_plan`;
+
+CREATE TABLE `klptcm1_pdi_plan` (
+  `COILID` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `SEQID` decimal(10,0) DEFAULT NULL,
+  `SEQUENCENR` decimal(10,0) DEFAULT NULL,
+  `SCHEDULENR` decimal(10,0) DEFAULT NULL,
+  `ENTRY_WIDTH` decimal(10,4) DEFAULT NULL,
+  `ENTRY_THICK` decimal(10,4) DEFAULT NULL,
+  `ENTRY_LENGTH` decimal(10,4) DEFAULT NULL,
+  `ENTRY_WEIGHT` decimal(10,4) DEFAULT NULL,
+  `ENTRY_OUTER_DIAMETER` decimal(10,4) DEFAULT NULL,
+  `ENTRY_INNER_DIAMETER` decimal(10,4) DEFAULT '508.0000',
+  `STATUS` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `CUSTOMER` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `ORDERNR` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `STEEL_GRADE` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `SURFACE_CODE` decimal(10,0) DEFAULT NULL,
+  `YIELD_POINT` decimal(10,0) DEFAULT NULL,
+  `WELD_CODE` decimal(1,0) DEFAULT NULL,
+  `SCRAP_FLAG` decimal(10,0) DEFAULT NULL,
+  `THICK_TOLMAX` decimal(10,4) DEFAULT NULL,
+  `THICK_TOLMIN` decimal(10,4) DEFAULT NULL,
+  `HEADEND_GAUGE_LENGTH` decimal(10,4) DEFAULT NULL,
+  `TAILEND_GAUGE_LENGTH` decimal(10,4) DEFAULT NULL,
+  `HEAT_CYCLE` decimal(10,0) DEFAULT NULL,
+  `COATING_SELECTION` decimal(10,0) DEFAULT NULL,
+  `AIM_WEIGHT_TOP` decimal(10,4) DEFAULT NULL,
+  `MAXTOL_WEIGHT_TOP` decimal(10,4) DEFAULT NULL,
+  `AIM_WEIGHT_BOTTOM` decimal(10,4) DEFAULT NULL,
+  `MAXTOL_WEIGHT_BOTTOM` decimal(10,4) DEFAULT NULL,
+  `SPM_FLAG` decimal(10,0) DEFAULT NULL,
+  `SPM_ELONGATION` decimal(10,4) DEFAULT NULL,
+  `SPM_ROLLFORCE` decimal(10,4) DEFAULT NULL,
+  `SPM_PROCESS_TYPE` decimal(10,0) DEFAULT NULL,
+  `SPM_CONTROL_MODE` decimal(10,0) DEFAULT NULL,
+  `TLV_FLAG` decimal(10,0) DEFAULT NULL,
+  `TLV_ELONGATION` decimal(10,4) DEFAULT NULL,
+  `CHROMATING` decimal(10,0) DEFAULT NULL,
+  `COATING_CODE` decimal(10,0) DEFAULT NULL,
+  `OILING_FLAG` decimal(2,0) DEFAULT NULL,
+  `OILING_TOP` decimal(10,4) DEFAULT NULL,
+  `OILING_BOTTOM` decimal(10,4) DEFAULT NULL,
+  `SAMPLE_FLAG` decimal(10,0) DEFAULT NULL,
+  `SPLIT_FLAG` decimal(2,0) DEFAULT NULL,
+  `SPLIT_NUM` decimal(10,0) NOT NULL DEFAULT '1',
+  `EXIT_WEIGHT1` decimal(10,4) DEFAULT NULL,
+  `WINDING1` decimal(10,0) DEFAULT '1',
+  `CUT_MODE1` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT2` decimal(10,4) DEFAULT NULL,
+  `WINDING2` decimal(10,0) DEFAULT '1',
+  `CUT_MODE2` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT3` decimal(10,4) DEFAULT NULL,
+  `WINDING3` decimal(10,0) DEFAULT '1',
+  `CUT_MODE3` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT4` decimal(10,4) DEFAULT NULL,
+  `WINDING4` decimal(10,0) DEFAULT '1',
+  `CUT_MODE4` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT5` decimal(10,4) DEFAULT NULL,
+  `WINDING5` decimal(10,0) DEFAULT '1',
+  `CUT_MODE5` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT6` decimal(10,4) DEFAULT NULL,
+  `WINDING6` decimal(10,0) DEFAULT '1',
+  `CUT_MODE6` decimal(10,0) DEFAULT NULL,
+  `EXIT_WEIGHT7` decimal(10,4) DEFAULT NULL,
+  `WINDING7` decimal(10,0) DEFAULT '1',
+  `CUT_MODE7` decimal(10,0) DEFAULT NULL,
+  `TIMESTAMP` datetime DEFAULT CURRENT_TIMESTAMP,
+  `ONLINE_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `START_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `END_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  PRIMARY KEY (`COILID`) USING BTREE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_pdo_excoil` */
+
+DROP TABLE IF EXISTS `klptcm1_pdo_excoil`;
+
+CREATE TABLE `klptcm1_pdo_excoil` (
+  `ENCOILID` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `GRADE` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `THICK_QUALITY` decimal(15,4) DEFAULT NULL,
+  `SHAPE_QUALITY` decimal(15,4) DEFAULT NULL,
+  `ENTRY_THICK` decimal(15,4) DEFAULT NULL,
+  `EXIT_THICK` decimal(15,4) DEFAULT NULL,
+  `ENTRY_WIDTH` decimal(15,4) DEFAULT NULL,
+  `EXIT_WIDTH` decimal(15,4) DEFAULT NULL,
+  `ENTRY_WEIGHT` decimal(15,4) DEFAULT NULL,
+  `EXIT_WEIGHT` decimal(15,4) DEFAULT NULL,
+  `ONLINE_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `START_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `END_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `INSDATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `SHIFT` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `CREW` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `EXCOILID` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_plan_trace` */
+
+DROP TABLE IF EXISTS `klptcm1_plan_trace`;
+
+CREATE TABLE `klptcm1_plan_trace` (
+  `POSITION_NAME` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `COILID` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `GRADE` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `ENTRY_THICK` decimal(15,4) DEFAULT NULL,
+  `EXIT_THICK` decimal(15,4) DEFAULT NULL,
+  `ENTRY_WIDTH` decimal(15,4) DEFAULT NULL,
+  `EXIT_WIDTH` decimal(15,4) DEFAULT NULL,
+  `ENTRY_WEIGHT` decimal(15,4) DEFAULT NULL,
+  `ENTRY_LENGTH` decimal(15,4) DEFAULT NULL,
+  `ENTRY_INNER_DIAMETER` decimal(10,0) DEFAULT '762',
+  `ENTRY_OUTER_DIAMETER` decimal(10,0) DEFAULT NULL,
+  `ROLL_MODE` decimal(1,0) DEFAULT NULL,
+  `NEXT_UNIT` varchar(4) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT 'C000',
+  `L1MAPIDX` decimal(3,0) NOT NULL,
+  `INSDATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  PRIMARY KEY (`L1MAPIDX`) USING BTREE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_pro_plant_state_current` */
+
+DROP TABLE IF EXISTS `klptcm1_pro_plant_state_current`;
+
+CREATE TABLE `klptcm1_pro_plant_state_current` (
+  `INSDATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `YEAR` decimal(10,0) DEFAULT NULL,
+  `MONTH` decimal(10,0) DEFAULT NULL,
+  `DAY` decimal(10,0) DEFAULT NULL,
+  `HOUR` decimal(10,0) DEFAULT NULL,
+  `MINUTE` decimal(10,0) DEFAULT NULL,
+  `TYPE` decimal(10,0) DEFAULT NULL,
+  `VALUE1` decimal(15,4) DEFAULT NULL,
+  `VALUE2` decimal(15,4) DEFAULT NULL,
+  `VALUE3` decimal(15,4) DEFAULT NULL,
+  `VALUE4` decimal(15,4) DEFAULT NULL,
+  `VALUE5` decimal(15,4) DEFAULT NULL,
+  `VALUE6` decimal(15,4) DEFAULT NULL,
+  `VALUE7` decimal(15,4) DEFAULT NULL,
+  `VALUE8` decimal(15,4) DEFAULT NULL,
+  `VALUE9` decimal(15,4) DEFAULT NULL,
+  `VALUE10` decimal(15,4) DEFAULT NULL,
+  `VALUE11` decimal(15,4) DEFAULT NULL,
+  `VALUE12` decimal(15,4) DEFAULT NULL,
+  `VALUE13` decimal(15,4) DEFAULT NULL,
+  `VALUE14` decimal(15,4) DEFAULT NULL,
+  `VALUE15` decimal(15,4) DEFAULT NULL,
+  `VALUE16` decimal(15,4) DEFAULT NULL,
+  `VALUE17` decimal(15,4) DEFAULT NULL,
+  `VALUE18` decimal(15,4) DEFAULT NULL,
+  `VALUE19` decimal(15,4) DEFAULT NULL,
+  `VALUE20` decimal(15,4) DEFAULT NULL,
+  `VALUE21` decimal(15,4) DEFAULT NULL,
+  `VALUE22` decimal(15,4) DEFAULT NULL,
+  `VALUE23` decimal(15,4) DEFAULT NULL,
+  `VALUE24` decimal(15,4) DEFAULT NULL,
+  `VALUE25` decimal(15,4) DEFAULT NULL,
+  `VALUE26` decimal(15,4) DEFAULT NULL,
+  `VALUE27` decimal(15,4) DEFAULT NULL,
+  `VALUE28` decimal(15,4) DEFAULT NULL,
+  `VALUE29` decimal(15,4) DEFAULT NULL,
+  `VALUE30` decimal(15,4) DEFAULT NULL,
+  `VALUE31` decimal(15,4) DEFAULT NULL,
+  `VALUE32` decimal(15,4) DEFAULT NULL,
+  `VALUE33` decimal(15,4) DEFAULT NULL,
+  `VALUE34` decimal(15,4) DEFAULT NULL,
+  `VALUE35` decimal(15,4) DEFAULT NULL,
+  `VALUE36` decimal(15,4) DEFAULT NULL,
+  `VALUE37` decimal(15,4) DEFAULT NULL,
+  `VALUE38` decimal(15,4) DEFAULT NULL,
+  `VALUE39` decimal(15,4) DEFAULT NULL,
+  `VALUE40` decimal(15,4) DEFAULT NULL,
+  `VALUE41` decimal(15,4) DEFAULT NULL,
+  `VALUE42` decimal(15,4) DEFAULT NULL,
+  `VALUE43` decimal(15,4) DEFAULT NULL,
+  `VALUE44` decimal(15,4) DEFAULT NULL,
+  `VALUE45` decimal(15,4) DEFAULT NULL,
+  `VALUE46` decimal(15,4) DEFAULT NULL,
+  `VALUE47` decimal(15,4) DEFAULT NULL,
+  `VALUE48` decimal(15,4) DEFAULT NULL,
+  `VALUE49` decimal(15,4) DEFAULT NULL,
+  `VALUE50` decimal(15,4) DEFAULT NULL,
+  `VALUE51` decimal(15,4) DEFAULT NULL,
+  `VALUE52` decimal(15,4) DEFAULT NULL,
+  `VALUE53` decimal(15,4) DEFAULT NULL,
+  `VALUE54` decimal(15,4) DEFAULT NULL,
+  `VALUE55` decimal(15,4) DEFAULT NULL,
+  `VALUE56` decimal(15,4) DEFAULT NULL,
+  `VALUE57` decimal(15,4) DEFAULT NULL,
+  `VALUE58` decimal(15,4) DEFAULT NULL,
+  `VALUE59` decimal(15,4) DEFAULT NULL,
+  `VALUE60` decimal(15,4) DEFAULT NULL,
+  `VALUE61` decimal(15,4) DEFAULT NULL,
+  `VALUE62` decimal(15,4) DEFAULT NULL,
+  `VALUE63` decimal(15,4) DEFAULT NULL,
+  `VALUE64` decimal(15,4) DEFAULT NULL,
+  `VALUE65` decimal(15,4) DEFAULT NULL,
+  `VALUE66` decimal(15,4) DEFAULT NULL,
+  `VALUE67` decimal(15,4) DEFAULT NULL,
+  `VALUE68` decimal(15,4) DEFAULT NULL,
+  `VALUE69` decimal(15,4) DEFAULT NULL,
+  `VALUE70` decimal(15,4) DEFAULT NULL,
+  `VALUE71` decimal(15,4) DEFAULT NULL,
+  `VALUE72` decimal(15,4) DEFAULT NULL,
+  `VALUE73` decimal(15,4) DEFAULT NULL,
+  `VALUE74` decimal(15,4) DEFAULT NULL,
+  `VALUE75` decimal(15,4) DEFAULT NULL,
+  `VALUE76` decimal(15,4) DEFAULT NULL,
+  `VALUE77` decimal(15,4) DEFAULT NULL,
+  `VALUE78` decimal(15,4) DEFAULT NULL,
+  `VALUE79` decimal(15,4) DEFAULT NULL,
+  `VALUE80` decimal(15,4) DEFAULT NULL,
+  `VALUE81` decimal(15,4) DEFAULT NULL,
+  `VALUE82` decimal(15,4) DEFAULT NULL,
+  `VALUE83` decimal(15,4) DEFAULT NULL,
+  `VALUE84` decimal(15,4) DEFAULT NULL,
+  `VALUE85` decimal(15,4) DEFAULT NULL,
+  `VALUE86` decimal(15,4) DEFAULT NULL,
+  `VALUE87` decimal(15,4) DEFAULT NULL,
+  `VALUE88` decimal(15,4) DEFAULT NULL,
+  `VALUE89` decimal(15,4) DEFAULT NULL,
+  `VALUE90` decimal(15,4) DEFAULT NULL,
+  `VALUE91` decimal(15,4) DEFAULT NULL,
+  `VALUE92` decimal(15,4) DEFAULT NULL,
+  `VALUE93` decimal(15,4) DEFAULT NULL,
+  `VALUE94` decimal(15,4) DEFAULT NULL,
+  `VALUE95` decimal(15,4) DEFAULT NULL,
+  `VALUE96` decimal(15,4) DEFAULT NULL,
+  `VALUE97` decimal(15,4) DEFAULT NULL,
+  `VALUE98` decimal(15,4) DEFAULT NULL,
+  `VALUE99` decimal(15,4) DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_pro_plant_state_define` */
+
+DROP TABLE IF EXISTS `klptcm1_pro_plant_state_define`;
+
+CREATE TABLE `klptcm1_pro_plant_state_define` (
+  `ID` decimal(10,0) DEFAULT NULL,
+  `NAME` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `UNITS` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `COMMENTS` varchar(256) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `INSDATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `MODELTYPE` decimal(10,0) DEFAULT '2'
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_pro_plant_state_history` */
+
+DROP TABLE IF EXISTS `klptcm1_pro_plant_state_history`;
+
+CREATE TABLE `klptcm1_pro_plant_state_history` (
+  `INSDATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `YEAR` decimal(10,0) DEFAULT NULL,
+  `MONTH` decimal(10,0) DEFAULT NULL,
+  `DAY` decimal(10,0) DEFAULT NULL,
+  `HOUR` decimal(10,0) DEFAULT NULL,
+  `MINUTE` decimal(10,0) DEFAULT NULL,
+  `TYPE` decimal(10,0) DEFAULT NULL,
+  `VALUE1` decimal(15,4) DEFAULT NULL,
+  `VALUE2` decimal(15,4) DEFAULT NULL,
+  `VALUE3` decimal(15,4) DEFAULT NULL,
+  `VALUE4` decimal(15,4) DEFAULT NULL,
+  `VALUE5` decimal(15,4) DEFAULT NULL,
+  `VALUE6` decimal(15,4) DEFAULT NULL,
+  `VALUE7` decimal(15,4) DEFAULT NULL,
+  `VALUE8` decimal(15,4) DEFAULT NULL,
+  `VALUE9` decimal(15,4) DEFAULT NULL,
+  `VALUE10` decimal(15,4) DEFAULT NULL,
+  `VALUE11` decimal(15,4) DEFAULT NULL,
+  `VALUE12` decimal(15,4) DEFAULT NULL,
+  `VALUE13` decimal(15,4) DEFAULT NULL,
+  `VALUE14` decimal(15,4) DEFAULT NULL,
+  `VALUE15` decimal(15,4) DEFAULT NULL,
+  `VALUE16` decimal(15,4) DEFAULT NULL,
+  `VALUE17` decimal(15,4) DEFAULT NULL,
+  `VALUE18` decimal(15,4) DEFAULT NULL,
+  `VALUE19` decimal(15,4) DEFAULT NULL,
+  `VALUE20` decimal(15,4) DEFAULT NULL,
+  `VALUE21` decimal(15,4) DEFAULT NULL,
+  `VALUE22` decimal(15,4) DEFAULT NULL,
+  `VALUE23` decimal(15,4) DEFAULT NULL,
+  `VALUE24` decimal(15,4) DEFAULT NULL,
+  `VALUE25` decimal(15,4) DEFAULT NULL,
+  `VALUE26` decimal(15,4) DEFAULT NULL,
+  `VALUE27` decimal(15,4) DEFAULT NULL,
+  `VALUE28` decimal(15,4) DEFAULT NULL,
+  `VALUE29` decimal(15,4) DEFAULT NULL,
+  `VALUE30` decimal(15,4) DEFAULT NULL,
+  `VALUE31` decimal(15,4) DEFAULT NULL,
+  `VALUE32` decimal(15,4) DEFAULT NULL,
+  `VALUE33` decimal(15,4) DEFAULT NULL,
+  `VALUE34` decimal(15,4) DEFAULT NULL,
+  `VALUE35` decimal(15,4) DEFAULT NULL,
+  `VALUE36` decimal(15,4) DEFAULT NULL,
+  `VALUE37` decimal(15,4) DEFAULT NULL,
+  `VALUE38` decimal(15,4) DEFAULT NULL,
+  `VALUE39` decimal(15,4) DEFAULT NULL,
+  `VALUE40` decimal(15,4) DEFAULT NULL,
+  `VALUE41` decimal(15,4) DEFAULT NULL,
+  `VALUE42` decimal(15,4) DEFAULT NULL,
+  `VALUE43` decimal(15,4) DEFAULT NULL,
+  `VALUE44` decimal(15,4) DEFAULT NULL,
+  `VALUE45` decimal(15,4) DEFAULT NULL,
+  `VALUE46` decimal(15,4) DEFAULT NULL,
+  `VALUE47` decimal(15,4) DEFAULT NULL,
+  `VALUE48` decimal(15,4) DEFAULT NULL,
+  `VALUE49` decimal(15,4) DEFAULT NULL,
+  `VALUE50` decimal(15,4) DEFAULT NULL,
+  `VALUE51` decimal(15,4) DEFAULT NULL,
+  `VALUE52` decimal(15,4) DEFAULT NULL,
+  `VALUE53` decimal(15,4) DEFAULT NULL,
+  `VALUE54` decimal(15,4) DEFAULT NULL,
+  `VALUE55` decimal(15,4) DEFAULT NULL,
+  `VALUE56` decimal(15,4) DEFAULT NULL,
+  `VALUE57` decimal(15,4) DEFAULT NULL,
+  `VALUE58` decimal(15,4) DEFAULT NULL,
+  `VALUE59` decimal(15,4) DEFAULT NULL,
+  `VALUE60` decimal(15,4) DEFAULT NULL,
+  `VALUE61` decimal(15,4) DEFAULT NULL,
+  `VALUE62` decimal(15,4) DEFAULT NULL,
+  `VALUE63` decimal(15,4) DEFAULT NULL,
+  `VALUE64` decimal(15,4) DEFAULT NULL,
+  `VALUE65` decimal(15,4) DEFAULT NULL,
+  `VALUE66` decimal(15,4) DEFAULT NULL,
+  `VALUE67` decimal(15,4) DEFAULT NULL,
+  `VALUE68` decimal(15,4) DEFAULT NULL,
+  `VALUE69` decimal(15,4) DEFAULT NULL,
+  `VALUE70` decimal(15,4) DEFAULT NULL,
+  `VALUE71` decimal(15,4) DEFAULT NULL,
+  `VALUE72` decimal(15,4) DEFAULT NULL,
+  `VALUE73` decimal(15,4) DEFAULT NULL,
+  `VALUE74` decimal(15,4) DEFAULT NULL,
+  `VALUE75` decimal(15,4) DEFAULT NULL,
+  `VALUE76` decimal(15,4) DEFAULT NULL,
+  `VALUE77` decimal(15,4) DEFAULT NULL,
+  `VALUE78` decimal(15,4) DEFAULT NULL,
+  `VALUE79` decimal(15,4) DEFAULT NULL,
+  `VALUE80` decimal(15,4) DEFAULT NULL,
+  `VALUE81` decimal(15,4) DEFAULT NULL,
+  `VALUE82` decimal(15,4) DEFAULT NULL,
+  `VALUE83` decimal(15,4) DEFAULT NULL,
+  `VALUE84` decimal(15,4) DEFAULT NULL,
+  `VALUE85` decimal(15,4) DEFAULT NULL,
+  `VALUE86` decimal(15,4) DEFAULT NULL,
+  `VALUE87` decimal(15,4) DEFAULT NULL,
+  `VALUE88` decimal(15,4) DEFAULT NULL,
+  `VALUE89` decimal(15,4) DEFAULT NULL,
+  `VALUE90` decimal(15,4) DEFAULT NULL,
+  `VALUE91` decimal(15,4) DEFAULT NULL,
+  `VALUE92` decimal(15,4) DEFAULT NULL,
+  `VALUE93` decimal(15,4) DEFAULT NULL,
+  `VALUE94` decimal(15,4) DEFAULT NULL,
+  `VALUE95` decimal(15,4) DEFAULT NULL,
+  `VALUE96` decimal(15,4) DEFAULT NULL,
+  `VALUE97` decimal(15,4) DEFAULT NULL,
+  `VALUE98` decimal(15,4) DEFAULT NULL,
+  `VALUE99` decimal(15,4) DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_pro_stoppage` */
+
+DROP TABLE IF EXISTS `klptcm1_pro_stoppage`;
+
+CREATE TABLE `klptcm1_pro_stoppage` (
+  `STOPID` decimal(10,0) DEFAULT NULL,
+  `ENCOILID` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `SHIFT` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `CREW` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `AREA` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `UNIT` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `SETON` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `REMARK` varchar(512) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT '',
+  `START_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `END_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `DURATION` decimal(10,0) DEFAULT NULL,
+  `INS_DATE` datetime DEFAULT CURRENT_TIMESTAMP,
+  `STOP_TYPE` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT ''
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_roll_history` */
+
+DROP TABLE IF EXISTS `klptcm1_roll_history`;
+
+CREATE TABLE `klptcm1_roll_history` (
+  `ROLLID` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `CHANGEID` varchar(40) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `SETON` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `TYPE` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `POSITION` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `STANDID` decimal(2,0) DEFAULT NULL,
+  `COMPOSITION` decimal(2,0) DEFAULT NULL,
+  `DIAMETER` decimal(20,6) DEFAULT NULL,
+  `ROUGH` decimal(20,6) DEFAULT NULL,
+  `CROWN` decimal(20,6) DEFAULT NULL,
+  `ROLLED_LENGTH` decimal(20,6) DEFAULT NULL,
+  `ROLLED_WEIGHT` decimal(20,6) DEFAULT NULL,
+  `ROLLED_COUNT` decimal(10,0) DEFAULT NULL,
+  `TOTAL_ROLLED_LENGTH` decimal(20,6) DEFAULT NULL,
+  `TOTAL_ROLLED_WEIGHT` decimal(20,6) DEFAULT NULL,
+  `TOTAL_ROLLED_COUNT` decimal(10,0) DEFAULT NULL,
+  `GRIND_COUNT` decimal(10,0) DEFAULT NULL,
+  `CHANGE_TYPE` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+  `INSTAL_TIME` datetime DEFAULT NULL,
+  `DEINSTAL_TIME` datetime DEFAULT NULL,
+  `CHANGE_TIME` datetime DEFAULT NULL,
+  `SEND` decimal(1,0) DEFAULT NULL,
+  `SHIFT` varchar(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `CREW` varchar(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `SHAPE` varchar(2) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*Table structure for table `klptcm1_shift_current` */
+
+DROP TABLE IF EXISTS `klptcm1_shift_current`;
+
+CREATE TABLE `klptcm1_shift_current` (
+  `SHIFT` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+  `CREW` decimal(10,0) DEFAULT NULL,
+  `SEQ_NUM` decimal(10,0) DEFAULT NULL,
+  `SYS_TIME` datetime DEFAULT CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
diff --git a/apps/hand-factory/utils/socketMeasure.js b/apps/hand-factory/utils/socketMeasure.js
new file mode 100644
index 0000000..cf89815
--- /dev/null
+++ b/apps/hand-factory/utils/socketMeasure.js
@@ -0,0 +1,62 @@
+import config from '@/config'
+
+/**
+ * 测量数据 WebSocket（与 l2/socket/index.vue 类似）
+ * 默认订阅 type=track_measure
+ */
+export function createMeasureSocket({
+  type = 'track_measure',
+  onOpen,
+  onClose,
+  onError,
+  onMessage
+} = {}) {
+  let socket = null
+  let manualClose = false
+
+  const wsBase = (config.wsUrl || config.baseUrl || '').replace(/^http/, 'ws')
+  const url = `${wsBase}/websocket?type=${type}`
+
+  function connect() {
+    manualClose = false
+    socket = new WebSocket(url)
+
+    socket.onopen = () => {
+      onOpen && onOpen()
+    }
+
+    socket.onmessage = (evt) => {
+      onMessage && onMessage(evt.data)
+    }
+
+    socket.onerror = (err) => {
+      onError && onError(err)
+    }
+
+    socket.onclose = (evt) => {
+      onClose && onClose(evt)
+      if (!manualClose) {
+        setTimeout(connect, 3000)
+      }
+    }
+  }
+
+  function close() {
+    manualClose = true
+    if (socket) {
+      socket.close(1000, 'client close')
+      socket = null
+    }
+  }
+
+  function send(data) {
+    if (socket && socket.readyState === WebSocket.OPEN) {
+      socket.send(JSON.stringify(data));
+    } else {
+      console.error('WebSocket is not open. Cannot send message.');
+    }
+  }
+
+  return { connect, close, send }
+}
+
diff --git a/apps/l2/src/api/l2/pdo.js b/apps/l2/src/api/l2/pdo.js
index f639514..43bc06b 100644
--- a/apps/l2/src/api/l2/pdo.js
+++ b/apps/l2/src/api/l2/pdo.js
@@ -68,4 +68,17 @@ export function deletePdo(excoilid, planId) {
   })
 }
 
+/**
+ * PDO - 下载质保单（单卷）
+ * @param {string} excoilid 成品卷号
+ * @returns {Promise<Blob>}
+ */
+export function downloadWarranty(excoilid) {
+  return l2Request({
+    method: 'get',
+    url: `/api/pdo/warranty/download/${excoilid}`,
+    responseType: 'blob'
+  })
+}
+
 
diff --git a/apps/l2/src/views/l2/pdo/index.vue b/apps/l2/src/views/l2/pdo/index.vue
index 000855c..d857a30 100644
--- a/apps/l2/src/views/l2/pdo/index.vue
+++ b/apps/l2/src/views/l2/pdo/index.vue
@@ -79,7 +79,7 @@
     <div>
       <pdo-summary :table-data="tableData" />
     </div>
-    
+
 
     <!-- 统计汇总和图表区域 -->
     <div class="statistics-container">
@@ -535,4 +535,4 @@ export default {
   height: 100%;
   padding-left: 15px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..4823c88
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,166 @@
+{
+  "name": "my-turborepo",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "my-turborepo",
+      "devDependencies": {
+        "turbo": "^2.5.8"
+      }
+    },
+    "node_modules/turbo": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo/-/turbo-2.6.3.tgz",
+      "integrity": "sha512-bf6YKUv11l5Xfcmg76PyWoy/e2vbkkxFNBGJSnfdSXQC33ZiUfutYh6IXidc5MhsnrFkWfdNNLyaRk+kHMLlwA==",
+      "dev": true,
+      "bin": {
+        "turbo": "bin/turbo"
+      },
+      "optionalDependencies": {
+        "turbo-darwin-64": "2.6.3",
+        "turbo-darwin-arm64": "2.6.3",
+        "turbo-linux-64": "2.6.3",
+        "turbo-linux-arm64": "2.6.3",
+        "turbo-windows-64": "2.6.3",
+        "turbo-windows-arm64": "2.6.3"
+      }
+    },
+    "node_modules/turbo-darwin-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-2.6.3.tgz",
+      "integrity": "sha512-BlJJDc1CQ7SK5Y5qnl7AzpkvKSnpkfPmnA+HeU/sgny3oHZckPV2776ebO2M33CYDSor7+8HQwaodY++IINhYg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/turbo-darwin-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-2.6.3.tgz",
+      "integrity": "sha512-MwVt7rBKiOK7zdYerenfCRTypefw4kZCue35IJga9CH1+S50+KTiCkT6LBqo0hHeoH2iKuI0ldTF2a0aB72z3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/turbo-linux-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-2.6.3.tgz",
+      "integrity": "sha512-cqpcw+dXxbnPtNnzeeSyWprjmuFVpHJqKcs7Jym5oXlu/ZcovEASUIUZVN3OGEM6Y/OTyyw0z09tOHNt5yBAVg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/turbo-linux-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-2.6.3.tgz",
+      "integrity": "sha512-MterpZQmjXyr4uM7zOgFSFL3oRdNKeflY7nsjxJb2TklsYqiu3Z9pQ4zRVFFH8n0mLGna7MbQMZuKoWqqHb45w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/turbo-windows-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-2.6.3.tgz",
+      "integrity": "sha512-biDU70v9dLwnBdLf+daoDlNJVvqOOP8YEjqNipBHzgclbQlXbsi6Gqqelp5er81Qo3BiRgmTNx79oaZQTPb07Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/turbo-windows-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-2.6.3.tgz",
+      "integrity": "sha512-dDHVKpSeukah3VsI/xMEKeTnV9V9cjlpFSUs4bmsUiLu3Yv2ENlgVEZv65wxbeE0bh0jjpmElDT+P1KaCxArQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    }
+  },
+  "dependencies": {
+    "turbo": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo/-/turbo-2.6.3.tgz",
+      "integrity": "sha512-bf6YKUv11l5Xfcmg76PyWoy/e2vbkkxFNBGJSnfdSXQC33ZiUfutYh6IXidc5MhsnrFkWfdNNLyaRk+kHMLlwA==",
+      "dev": true,
+      "requires": {
+        "turbo-darwin-64": "2.6.3",
+        "turbo-darwin-arm64": "2.6.3",
+        "turbo-linux-64": "2.6.3",
+        "turbo-linux-arm64": "2.6.3",
+        "turbo-windows-64": "2.6.3",
+        "turbo-windows-arm64": "2.6.3"
+      }
+    },
+    "turbo-darwin-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-2.6.3.tgz",
+      "integrity": "sha512-BlJJDc1CQ7SK5Y5qnl7AzpkvKSnpkfPmnA+HeU/sgny3oHZckPV2776ebO2M33CYDSor7+8HQwaodY++IINhYg==",
+      "dev": true,
+      "optional": true
+    },
+    "turbo-darwin-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-2.6.3.tgz",
+      "integrity": "sha512-MwVt7rBKiOK7zdYerenfCRTypefw4kZCue35IJga9CH1+S50+KTiCkT6LBqo0hHeoH2iKuI0ldTF2a0aB72z3w==",
+      "dev": true,
+      "optional": true
+    },
+    "turbo-linux-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-2.6.3.tgz",
+      "integrity": "sha512-cqpcw+dXxbnPtNnzeeSyWprjmuFVpHJqKcs7Jym5oXlu/ZcovEASUIUZVN3OGEM6Y/OTyyw0z09tOHNt5yBAVg==",
+      "dev": true,
+      "optional": true
+    },
+    "turbo-linux-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-2.6.3.tgz",
+      "integrity": "sha512-MterpZQmjXyr4uM7zOgFSFL3oRdNKeflY7nsjxJb2TklsYqiu3Z9pQ4zRVFFH8n0mLGna7MbQMZuKoWqqHb45w==",
+      "dev": true,
+      "optional": true
+    },
+    "turbo-windows-64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-2.6.3.tgz",
+      "integrity": "sha512-biDU70v9dLwnBdLf+daoDlNJVvqOOP8YEjqNipBHzgclbQlXbsi6Gqqelp5er81Qo3BiRgmTNx79oaZQTPb07Q==",
+      "dev": true,
+      "optional": true
+    },
+    "turbo-windows-arm64": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-2.6.3.tgz",
+      "integrity": "sha512-dDHVKpSeukah3VsI/xMEKeTnV9V9cjlpFSUs4bmsUiLu3Yv2ENlgVEZv65wxbeE0bh0jjpmElDT+P1KaCxArQQ==",
+      "dev": true,
+      "optional": true
+    }
+  }
+}