From 4b4c753df53659a7986c2f93e6ade8658af452be Mon Sep 17 00:00:00 2001
From: liyongde <1419499670@qq.com>
Date: Fri, 5 Dec 2025 15:32:37 +0800
Subject: [PATCH 1/4] =?UTF-8?q?opt:=20=E7=9C=8B=E6=9D=BF=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...��轴点位日志记录实时看板v5.html | 747 ++++++++++++++++++
 1 file changed, 747 insertions(+)
 create mode 100644 lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html
diff --git a/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html
new file mode 100644
index 000000000..79fbda472
--- /dev/null
+++ b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html
@@ -0,0 +1,747 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>套轴点位日志记录实时看板</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #183a5c 0%, #274b7a 100%); /* 深科技蓝渐变背景 */
+            color: #cfd8e3; /* 浅灰蓝文本 */
+            margin: 0;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        h1 {
+            color: #ffffff; /* 亮蓝标题40a9ff */
+            text-align: center;
+            font-size: 2.5em;
+            margin-bottom: 30px;
+            text-shadow: 0 2px 12px #274b7a;
+        }
+
+        .dashboard-container {
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+            max-width: 1800px;
+            margin-bottom: 30px;
+        }
+
+        .device-card {
+            background: #223a5c; /* 中深蓝卡片背景 */
+            border: 1px solid #40a9ff; /* 亮蓝边框 */
+            border-radius: 10px;
+            padding: 20px;
+            width: 45%;
+            min-height: 300px;
+            height: 350px; /* 新增：固定高度 */
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+            transition: transform 0.3s, box-shadow 0.3s;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .log-entries {
+            flex: 1;
+            overflow-y: auto;
+            max-height: 250px;
+            /* 美化滚动条 */
+            scrollbar-width: thin;
+            scrollbar-color: #40a9ff #223a5c;
+        }
+        .log-entries::-webkit-scrollbar {
+            width: 8px;
+        }
+        .log-entries::-webkit-scrollbar-thumb {
+            background: linear-gradient(135deg, #40a9ff 0%, #274b7a 100%);
+            border-radius: 6px;
+        }
+        .log-entries::-webkit-scrollbar-track {
+            background: #223a5c;
+            border-radius: 6px;
+        }
+        /* .device-card:hover {
+            transform: translateY(-5px) scale(1.02);
+            box-shadow: 0 0 30px #40a9ff;
+        } */
+
+        .device-card h2 {
+            color: #ffffff;
+            border-bottom: 1px solid #274b7a;
+            padding-bottom: 10px;
+            margin-top: 0;
+            font-size: 1.5em;
+        }
+
+        .log-entry {
+            background: #274b7a;
+            color: #cfd8e3;
+            padding: 8px;
+            margin-bottom: 8px;
+            border-radius: 4px;
+            border-left: 3px solid #40a9ff;
+            font-size: 0.95em;
+            word-wrap: break-word;
+        }
+
+        .table-container {
+            width: 95%;
+            max-width: 1800px;
+            background: #223a5c;
+            border: 1px solid #40a9ff;
+            border-radius: 10px;
+            padding: 0 20px 20px 20px;
+            margin-top: 20px;
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+        }
+
+        .table-container h2 {
+            color: #ffffff;
+            text-align: center;
+            font-size: 1.8em;
+            margin: 0;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 100%;
+            pointer-events: none;
+        }
+
+        .header-with-filter {
+            display: flex;
+            align-items: center;
+            position: relative;
+            margin-bottom: 20px;
+            min-height: 50px;
+        }
+
+        .device-filter {
+            background: linear-gradient(135deg, #223a5c 0%, #274b7a 100%);
+            color: #cfd8e3;
+            border: 1px solid #40a9ff;
+            border-radius: 8px;
+            padding: 10px 20px;
+            padding-right: 35px;
+            font-size: 1em;
+            cursor: pointer;
+            outline: none;
+            transition: all 0.3s;
+            appearance: none;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            background-image: linear-gradient(135deg, #223a5c 0%, #274b7a 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right 12px center;
+            background-size: auto, 12px;
+            box-shadow: 0 2px 8px rgba(64,169,255,0.15);
+            min-width: 150px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .device-filter:hover {
+            border-color: #69c0ff;
+            box-shadow: 0 4px 12px rgba(64,169,255,0.4);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2369c0ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter:focus {
+            border-color: #40a9ff;
+            box-shadow: 0 0 12px rgba(64,169,255,0.6);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter option {
+            background: #223a5c;
+            color: #cfd8e3;
+            padding: 8px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            color: #cfd8e3;
+            background: #274b7a;
+        }
+
+        th, td {
+            border: 1px solid #3b6ea5;
+            padding: 10px;
+            text-align: left;
+            font-size: 0.95em;
+        }
+
+        th {
+            background: linear-gradient(90deg, #274b7a 0%, #3b6ea5 100%);
+            color: #40a9ff;
+        }
+
+        tbody tr:nth-child(odd) {
+            background: #223a5c;
+        }
+
+        tbody tr:hover {
+            background: #3b6ea5;
+        }
+
+        .timeout-row-warning {
+            background: #8B0000 !important; /* 红色背景 */
+            color: #ffffff;
+        }
+        .timeout-row-warning td {
+            color: #ffffff !important;
+        }
+
+        .timeout-row-error {
+            background: #FFC107 !important; /* 黄色背景 */
+            color: #000000;
+        }
+        .timeout-row-error td {
+            color: #000000 !important;
+        }
+
+        /* 添加颜色图例样式 */
+        .color-legend {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 15px;
+            gap: 20px;
+        }
+
+        .legend-item {
+            display: flex;
+            align-items: center;
+            font-size: 0.9em;
+        }
+
+        .color-box {
+            display: inline-block;
+            width: 16px;
+            height: 16px;
+            margin-right: 8px;
+            border-radius: 3px;
+        }
+
+        .red-box {
+            background-color: #8B0000;
+        }
+
+        .yellow-box {
+            background-color: #FFC107;
+        }
+
+        .grayed-box {
+            background-color: #807132;
+        }
+        /* 命中当前设备日志中的设备号时置灰 */
+        .grayed-row {
+            background: #807132 !important;
+            color: #ffffff !important;
+        }
+        .grayed-row td {
+            color: #ffffff !important;
+        }
+
+    </style>
+</head>
+<body>
+    <h1>套轴点位日志记录实时看板</h1>
+    <div class="dashboard-container">
+        <div class="device-card" id="device-B_CBJ01">
+            <h2>B_CBJ01<span id="tip-B_CBJ01" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ01" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+        <div class="device-card" id="device-B_CBJ02">
+            <h2>B_CBJ02<span id="tip-B_CBJ02" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ02" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+    </div>
+
+    <!-- 新增的表格容器 -->
+    <div class="table-container">
+        <div class="header-with-filter">
+            <select id="device-filter" class="device-filter">
+                <option value="">全部设备</option>
+            </select>
+            <h2>套轴监控系统实时数据</h2>
+        </div>
+        <!-- 添加颜色图例 -->
+        <div class="color-legend">
+            <span class="legend-item"><span class="color-box red-box"></span>呼叫超过2小时</span>
+            <span class="legend-item"><span class="color-box yellow-box"></span>存在异常</span>
+            <span class="legend-item"><span class="color-box grayed-box"></span>暂时不套轴</span>
+        </div>
+        <table id="slitter-table">
+            <thead>
+                <tr>
+                    <th>设备</th>
+                    <th>子卷号</th>
+                    <th>轴位置</th>
+                    <th>气胀轴尺寸</th>
+                    <th>气胀轴代数</th>
+                    <th>气胀轴状态</th>
+                    <th>呼叫时间</th>
+                    <th>管芯规格</th>
+                    <th>套轴标记</th>
+                    <th>是否加急</th>
+                    <th>一键恢复</th>
+                </tr>
+            </thead>
+            <tbody id="slitter-table-body">
+                <!-- 表格数据将在这里动态添加 -->
+            </tbody>
+        </table>
+    </div>
+
+    <script>
+        // API URL 配置
+        const BASE_URL = 'http://10.1.3.91:8013';
+        const API_CONFIG = {
+            logApiUrl: `${BASE_URL}/api/wms/apply/v2/tzInfo`,
+            tableApiUrl: `${BASE_URL}/api/pda/slitter/showManualView`,
+            recoverApiUrl: `${BASE_URL}/api/wms/apply/recover`,
+            tipApiUrl: `${BASE_URL}/api/wms/apply/v2/tzTaskINfo`
+        };
+
+        const refreshInterval = 5000; // 刷新间隔统一为5秒
+        const devices = ['B_CBJ01', 'B_CBJ02'];
+        // 保存从两个设备日志中提取去重后的设备号集合
+        let latestDeviceIds = new Set();
+        // 保存原始表格数据用于过滤
+        let originalTableData = [];
+
+        async function fetchLogData(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.logApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ device_code: deviceCode }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error(`HTTP error response for ${deviceCode} (log):`, errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for ${deviceCode} (log). Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn(`Empty response received for ${deviceCode} (log)`);
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error(`Error parsing JSON for ${deviceCode} (log):`, e);
+                    console.error(`Raw response text for ${deviceCode} (log):`, responseText);
+                    throw new Error(`Failed to parse JSON response for ${deviceCode} (log). Raw text: ${responseText.substring(0, 100)}...`);
+                }
+
+            } catch (error) {
+                console.error(`Error fetching log data for ${deviceCode}:`, error);
+                return [`获取 ${deviceCode} 日志数据失败: ${error.message}`];
+            }
+        }
+
+        function displayLogData(deviceCode, data) {
+            const deviceElement = document.getElementById(`device-${deviceCode}`);
+            if (!deviceElement) {
+                console.error(`Element with ID 'device-${deviceCode}' not found.`);
+                return;
+            }
+            const logEntriesContainer = deviceElement.querySelector('.log-entries');
+            logEntriesContainer.innerHTML = '';
+
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach(entry => {
+                    const logEntryDiv = document.createElement('div');
+                    logEntryDiv.classList.add('log-entry');
+                    logEntryDiv.textContent = entry;
+                    logEntriesContainer.appendChild(logEntryDiv);
+                });
+            } else {
+                const noDataEntry = document.createElement('div');
+                noDataEntry.classList.add('log-entry');
+                noDataEntry.textContent = '暂无日志信息。';
+                logEntriesContainer.appendChild(noDataEntry);
+            }
+        }
+
+        async function updateLogDashboard() {
+            const aggregatedIds = new Set();
+            for (const device of devices) {
+                const data = await fetchLogData(device);
+                displayLogData(device, data);
+                if (Array.isArray(data)) {
+                    data.forEach(line => {
+                        if (typeof line === 'string' && line.length > 0) {
+                            const ids = extractDeviceIds(line);
+                            if (Array.isArray(ids)) {
+                                ids.forEach(id => aggregatedIds.add(id));
+                            }
+                        }
+                    });
+                }
+            }
+            latestDeviceIds = aggregatedIds;
+        }
+
+        // 新增表格数据相关逻辑
+        async function fetchTableData() {
+            try {
+                const response = await fetch(API_CONFIG.tableApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        project: "套轴监控系统",
+                        timestamp: Date.now() // 使用当前时间戳
+                    }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error('HTTP error response for table data:', errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for table data. Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn('Empty response received for table data');
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error('Error parsing JSON for table data:', e);
+                    console.error('Raw response text for table data:', responseText);
+                    throw new Error(`Failed to parse JSON response for table data. Raw text: ${responseText.substring(0, 100)}...`);
+                }
+            } catch (error) {
+                console.error('Error fetching table data:', error);
+                // 可以选择在表格中显示错误信息
+                const tableBody = document.getElementById('slitter-table-body');
+                if (tableBody) {
+                    tableBody.innerHTML = `<tr><td colspan="7">获取表格数据失败: ${error.message}</td></tr>`;
+                }
+                return []; // 返回空数组以避免后续处理错误
+            }
+        }
+
+        function displayTableData(data) {
+            // 保存原始数据
+            originalTableData = data;
+
+            // 应用过滤并渲染
+            const filteredData = filterTableData(data);
+            renderTableData(filteredData);
+        }
+
+        async function updateTableDashboard() {
+            const data = await fetchTableData();
+            displayTableData(data);
+        }
+
+        // 新增：获取tip并显示在标题后
+        async function fetchAndDisplayTip(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.tipApiUrl, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ device_code: deviceCode })
+                });
+                let tip = '';
+                let tip2 = '';
+                if (response.ok) {
+                    const data = await response.json();
+                    tip = data.tip || '';
+                    tip2 = data.tip2 || '';
+
+                    // 显示tip2在对应设备标题下方
+                    document.getElementById('tip2-' + deviceCode).textContent = tip2;
+                }
+                document.getElementById('tip-' + deviceCode).textContent = tip;
+            } catch (e) {
+                document.getElementById('tip-' + deviceCode).textContent = '';
+                document.getElementById('tip2-' + deviceCode).textContent = '';
+            }
+        }
+        function updateAllTips() {
+            devices.forEach(device => fetchAndDisplayTip(device));
+        }
+
+        // 提取设备号
+        function extractDeviceIds(text) {
+            // 正则表达式：匹配10位字符，第一个是字母，第四第五是FQ
+            const regex = /\b[A-Za-z][A-Za-z0-9]{2}FQ[A-Za-z0-9]{5}\b/g;
+            const matches = text.match(regex);
+
+            // 去除重复的设备ID
+            return matches ? [...new Set(matches)] : [];
+        }
+
+        // 初始化设备下拉框
+        function initializeDeviceFilter() {
+            const filterSelect = document.getElementById('device-filter');
+            if (!filterSelect) return;
+
+            // 生成B50FQ00001-B50FQ00012
+            for (let i = 1; i <= 12; i++) {
+                const deviceId = `B50FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 生成B60FQ00001-B60FQ00010
+            for (let i = 1; i <= 10; i++) {
+                const deviceId = `B60FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 添加过滤事件监听器
+            filterSelect.addEventListener('change', function() {
+                applyFilter();
+            });
+        }
+
+        // 过滤表格数据
+        function filterTableData(data) {
+            const filterSelect = document.getElementById('device-filter');
+            const selectedDevice = filterSelect ? filterSelect.value : '';
+
+            if (!selectedDevice) {
+                return data; // 如果未选择设备，显示所有数据
+            }
+
+            // 根据设备名称过滤
+            return data.filter(item => item.resource_name === selectedDevice);
+        }
+
+        // 应用过滤并重新显示表格
+        function applyFilter() {
+            if (originalTableData.length > 0) {
+                const filteredData = filterTableData(originalTableData);
+                renderTableData(filteredData);
+            }
+        }
+
+        // 渲染表格数据（从displayTableData中分离出来）
+        function renderTableData(data) {
+            const tableBody = document.getElementById('slitter-table-body');
+            if (!tableBody) {
+                console.error("Element with ID 'slitter-table-body' not found.");
+                return;
+            }
+            tableBody.innerHTML = ''; // 清空旧数据
+
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach((item, index) => {
+                    const row = tableBody.insertRow();
+                    row.insertCell().textContent = item.resource_name || 'N/A';
+                    row.insertCell().textContent = item.container_name || 'N/A';
+                    row.insertCell().textContent = item.up_or_down === '1' ? '上' : (item.up_or_down === '2' ? '下' : item.up_or_down || 'N/A');
+                    row.insertCell().textContent = item.qzz_size || 'N/A';
+                    row.insertCell().textContent = item.qzz_generation || 'N/A';
+
+                    let statusText = '已完成';
+                    if (item.status === '01') {
+                        if (item.is_paper_ok === '2') {
+                            statusText = '等待配送';
+                        } else if(item.is_paper_ok === '3') {
+                            statusText = '套轴执行中';
+                        } else {
+                            statusText = '准备套轴';
+                        }
+                    } else if (item.status === '02') {
+                        statusText = '正在配送';
+                    } else if (item.status === '03') {
+                        statusText = '配送完成';
+                    } else if (item.status) {
+                        statusText = '已完成';
+                    }
+                    row.insertCell().textContent = statusText;
+
+                    const startTimeCell = row.insertCell();
+                    startTimeCell.textContent = item.start_time || 'N/A';
+
+                    row.insertCell().textContent = item.tube || 'N/A';
+
+                    let tzText = '未套轴';
+                    if (item.is_paper_ok === '2') {
+                        tzText = '已套轴';
+                    }
+                    if (item.is_paper_ok === '3') {
+                        tzText = '正在套轴';
+                    }
+                    if (item.is_paper_ok === '4') {
+                        tzText = '已下发套轴';
+                    }
+                    if (item.is_paper_ok === '95') {
+                        tzText = '等待更换管芯托盘';
+                    }
+                    if (item.is_paper_ok === '99') {
+                        tzText = '套轴异常';
+                    }
+                    row.insertCell().textContent = tzText || 'N/A';
+
+                    // 是否加急
+                    let urgentText = '未加急';
+                    if (item.manufacture_sort === 'P2') {
+                        urgentText = '已加急';
+                    }
+                    row.insertCell().textContent = urgentText || 'N/A';
+
+                    // 添加恢复按钮
+                    const recoverCell = row.insertCell();
+                    const recoverBtn = document.createElement('button');
+                    recoverBtn.className = 'recover-btn';
+                    recoverBtn.textContent = '恢复';
+                    recoverBtn.disabled = item.is_paper_ok !== '99' && item.is_paper_ok !== '95';
+                    recoverBtn.onclick = async () => {
+                        try {
+                            const response = await fetch(API_CONFIG.recoverApiUrl, {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                },
+                                body: JSON.stringify({
+                                    container_name: item.container_name
+                                })
+                            });
+
+                            if (response.ok) {
+                                const alertDiv = document.createElement('div');
+                                alertDiv.style.position = 'fixed';
+                                alertDiv.style.top = '50%';
+                                alertDiv.style.left = '50%';
+                                alertDiv.style.transform = 'translate(-50%, -50%)';
+                                alertDiv.style.padding = '20px 40px';
+                                alertDiv.style.background = 'linear-gradient(135deg, #40a9ff 0%, #096dd9 100%)';
+                                alertDiv.style.color = 'white';
+                                alertDiv.style.borderRadius = '8px';
+                                alertDiv.style.boxShadow = '0 4px 16px rgba(0,0,0,0.3)';
+                                alertDiv.style.zIndex = '1000';
+                                alertDiv.textContent = '恢复成功';
+                                document.body.appendChild(alertDiv);
+                                setTimeout(() => alertDiv.remove(), 2000);
+                                // 刷新数据
+                                updateTableDashboard();
+                            } else {
+                                throw new Error('恢复失败');
+                            }
+                        } catch (error) {
+                            console.error('Error:', error);
+                            alert('恢复失败：' + error.message);
+                        }
+                    };
+                    recoverCell.appendChild(recoverBtn);
+
+                    // 检查start_time是否超过2小时，并设置行样式
+                    if (item.start_time) {
+                        const startTime = new Date(item.start_time.replace(/-/g, '/'));
+                        const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
+                        if (startTime < twoHoursAgo) {
+                            row.classList.add('timeout-row-warning'); // 应用于整行
+                        }
+                    }
+                    if (item.is_paper_ok === '99') {
+                        row.classList.add('timeout-row-error'); // 应用于整行
+                    }
+
+                    // 若该记录的resource_name包含在两个设备日志提取的设备号集合中，则置灰显示
+                    if (item.status === '01' && tzText === '未套轴' && item.resource_name && latestDeviceIds && latestDeviceIds.has(item.resource_name)) {
+                        row.classList.add('grayed-row');
+                    }
+                });
+            } else {
+                const row = tableBody.insertRow();
+                const cell = row.insertCell();
+                cell.colSpan = 11;
+                cell.textContent = '暂无数据。';
+                cell.style.textAlign = 'center';
+            }
+        }
+        // 顺序刷新：先日志，再表格
+        async function refreshAll() {
+            await updateLogDashboard();
+            await updateTableDashboard();
+        }
+        let isRefreshing = false;
+
+        // 初始化设备下拉框
+        initializeDeviceFilter();
+
+        // 初始加载tip
+        updateAllTips();
+        // 定时刷新tip
+        setInterval(updateAllTips, refreshInterval);
+
+        // 初始加载数据
+        refreshAll();
+
+        // 定时刷新数据
+        setInterval(async () => {
+            if (isRefreshing) return;
+            isRefreshing = true;
+            try {
+                await refreshAll();
+            } finally {
+                isRefreshing = false;
+            }
+        }, refreshInterval);
+
+    </script>
+</body>
+</html>
+<style>
+    .recover-btn {
+        background: linear-gradient(135deg, #40a9ff 0%, #096dd9 100%);
+        color: white;
+        border: none;
+        padding: 6px 12px;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 0.9em;
+        transition: all 0.3s;
+        box-shadow: 0 2px 8px rgba(64,169,255,0.2);
+    }
+
+    .recover-btn:hover {
+        background: linear-gradient(135deg, #69c0ff 0%, #40a9ff 100%);
+        box-shadow: 0 4px 12px rgba(64,169,255,0.3);
+    }
+
+    .recover-btn:disabled {
+        background: #274b7a;
+        cursor: not-allowed;
+        opacity: 0.6;
+    }
+</style>

From ea8bf7068b260c7f35e2817d1f429ae0925c3097 Mon Sep 17 00:00:00 2001
From: liyongde <1419499670@qq.com>
Date: Fri, 5 Dec 2025 15:32:37 +0800
Subject: [PATCH 2/4] =?UTF-8?q?opt:=20=E7=9C=8B=E6=9D=BF=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...轴点位日志记录实时看板v5.5.html | 787 ++++++++++++++++++
 ...��轴点位日志记录实时看板v5.html | 747 +++++++++++++++++
 2 files changed, 1534 insertions(+)
 create mode 100644 lms/nladmin-system/doc/套轴点位日志记录实时看板v5.5.html
 create mode 100644 lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html

diff --git a/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.5.html b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.5.html
new file mode 100644
index 000000000..1a293dc5f
--- /dev/null
+++ b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.5.html
@@ -0,0 +1,787 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>套轴点位日志记录实时看板</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #183a5c 0%, #274b7a 100%); /* 深科技蓝渐变背景 */
+            color: #cfd8e3; /* 浅灰蓝文本 */
+            margin: 0;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        h1 {
+            color: #ffffff; /* 亮蓝标题40a9ff */
+            text-align: center;
+            font-size: 2.5em;
+            margin-bottom: 30px;
+            text-shadow: 0 2px 12px #274b7a;
+        }
+
+        .dashboard-container {
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+            max-width: 1800px;
+            margin-bottom: 30px;
+        }
+
+        .device-card {
+            background: #223a5c; /* 中深蓝卡片背景 */
+            border: 1px solid #40a9ff; /* 亮蓝边框 */
+            border-radius: 10px;
+            padding: 20px;
+            width: 45%;
+            min-height: 300px;
+            height: 350px; /* 新增：固定高度 */
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+            transition: transform 0.3s, box-shadow 0.3s;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .log-entries {
+            flex: 1;
+            overflow-y: auto;
+            max-height: 250px;
+            /* 美化滚动条 */
+            scrollbar-width: thin;
+            scrollbar-color: #40a9ff #223a5c;
+        }
+        .log-entries::-webkit-scrollbar {
+            width: 8px;
+        }
+        .log-entries::-webkit-scrollbar-thumb {
+            background: linear-gradient(135deg, #40a9ff 0%, #274b7a 100%);
+            border-radius: 6px;
+        }
+        .log-entries::-webkit-scrollbar-track {
+            background: #223a5c;
+            border-radius: 6px;
+        }
+        /* .device-card:hover {
+            transform: translateY(-5px) scale(1.02);
+            box-shadow: 0 0 30px #40a9ff;
+        } */
+
+        .device-card h2 {
+            color: #ffffff;
+            border-bottom: 1px solid #274b7a;
+            padding-bottom: 10px;
+            margin-top: 0;
+            font-size: 1.5em;
+        }
+
+        .log-entry {
+            background: #274b7a;
+            color: #cfd8e3;
+            padding: 8px;
+            margin-bottom: 8px;
+            border-radius: 4px;
+            border-left: 3px solid #40a9ff;
+            font-size: 0.95em;
+            word-wrap: break-word;
+        }
+
+        .table-container {
+            width: 95%;
+            max-width: 1800px;
+            background: #223a5c;
+            border: 1px solid #40a9ff;
+            border-radius: 10px;
+            padding: 0 20px 20px 20px;
+            margin-top: 20px;
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+        }
+
+        .table-container h2 {
+            color: #ffffff;
+            text-align: center;
+            font-size: 1.8em;
+            margin: 0;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 100%;
+            pointer-events: none;
+        }
+
+        .header-with-filter {
+            display: flex;
+            align-items: center;
+            position: relative;
+            margin-bottom: 20px;
+            min-height: 50px;
+        }
+
+        .device-filter {
+            background: linear-gradient(135deg, #223a5c 0%, #274b7a 100%);
+            color: #cfd8e3;
+            border: 1px solid #40a9ff;
+            border-radius: 8px;
+            padding: 10px 20px;
+            padding-right: 35px;
+            font-size: 1em;
+            cursor: pointer;
+            outline: none;
+            transition: all 0.3s;
+            appearance: none;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            background-image: linear-gradient(135deg, #223a5c 0%, #274b7a 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right 12px center;
+            background-size: auto, 12px;
+            box-shadow: 0 2px 8px rgba(64,169,255,0.15);
+            min-width: 150px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .device-filter:hover {
+            border-color: #69c0ff;
+            box-shadow: 0 4px 12px rgba(64,169,255,0.4);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2369c0ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter:focus {
+            border-color: #40a9ff;
+            box-shadow: 0 0 12px rgba(64,169,255,0.6);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter option {
+            background: #223a5c;
+            color: #cfd8e3;
+            padding: 8px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            color: #cfd8e3;
+            background: #274b7a;
+        }
+
+        th, td {
+            border: 1px solid #3b6ea5;
+            padding: 10px;
+            text-align: left;
+            font-size: 0.95em;
+        }
+
+        th {
+            background: linear-gradient(90deg, #274b7a 0%, #3b6ea5 100%);
+            color: #40a9ff;
+        }
+
+        tbody tr:nth-child(odd) {
+            background: #223a5c;
+        }
+
+        tbody tr:hover {
+            background: #3b6ea5;
+        }
+
+        .timeout-row-warning {
+            background: #8B0000 !important; /* 红色背景 */
+            color: #ffffff;
+        }
+        .timeout-row-warning td {
+            color: #ffffff !important;
+        }
+
+        .timeout-row-error {
+            background: #FFC107 !important; /* 黄色背景 */
+            color: #000000;
+        }
+        .timeout-row-error td {
+            color: #000000 !important;
+        }
+
+        /* 添加颜色图例样式 */
+        .color-legend {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 15px;
+            gap: 20px;
+        }
+
+        .legend-item {
+            display: flex;
+            align-items: center;
+            font-size: 0.9em;
+        }
+
+        .color-box {
+            display: inline-block;
+            width: 16px;
+            height: 16px;
+            margin-right: 8px;
+            border-radius: 3px;
+        }
+
+        .red-box {
+            background-color: #8B0000;
+        }
+
+        .yellow-box {
+            background-color: #FFC107;
+        }
+
+        .grayed-box {
+            background-color: #807132;
+        }
+        /* 命中当前设备日志中的设备号时置灰 */
+        .grayed-row {
+            background: #807132 !important;
+            color: #ffffff !important;
+        }
+        .grayed-row td {
+            color: #ffffff !important;
+        }
+
+    </style>
+</head>
+<body>
+    <h1>套轴点位日志记录实时看板</h1>
+    <div class="dashboard-container">
+        <div class="device-card" id="device-B_CBJ01">
+            <h2>B_CBJ01<span id="tip-B_CBJ01" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ01" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+        <div class="device-card" id="device-B_CBJ02">
+            <h2>B_CBJ02<span id="tip-B_CBJ02" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ02" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+    </div>
+
+    <!-- 新增的表格容器 -->
+    <div class="table-container">
+        <div class="header-with-filter">
+            <select id="device-filter" class="device-filter">
+                <option value="">全部设备</option>
+            </select>
+            <h2>套轴监控系统实时数据</h2>
+        </div>
+        <!-- 添加颜色图例 -->
+        <div class="color-legend">
+            <span class="legend-item"><span class="color-box red-box"></span>呼叫超过2小时</span>
+            <span class="legend-item"><span class="color-box yellow-box"></span>存在异常</span>
+            <span class="legend-item"><span class="color-box grayed-box"></span>暂时不套轴</span>
+        </div>
+        <table id="slitter-table">
+            <thead>
+                <tr>
+                    <th>设备</th>
+                    <th>子卷号</th>
+                    <th>轴位置</th>
+                    <th>气胀轴尺寸</th>
+                    <th>气胀轴代数</th>
+                    <th>气胀轴状态</th>
+                    <th>呼叫时间</th>
+                    <th>管芯规格</th>
+                    <th>套轴标记</th>
+                    <th>是否加急</th>
+                    <th>一键恢复</th>
+                </tr>
+            </thead>
+            <tbody id="slitter-table-body">
+                <!-- 表格数据将在这里动态添加 -->
+            </tbody>
+        </table>
+    </div>
+
+    <script>
+        // API URL 配置
+        const BASE_URL = 'http://10.1.3.91:8013';
+        const API_CONFIG = {
+            logApiUrl: `${BASE_URL}/api/wms/apply/v2/tzInfo`,
+            tableApiUrl: `${BASE_URL}/api/pda/slitter/showManualView`,
+            recoverApiUrl: `${BASE_URL}/api/wms/apply/recover`,
+            tipApiUrl: `${BASE_URL}/api/wms/apply/v2/tzTaskINfo`
+        };
+
+        const refreshInterval = 5000; // 刷新间隔统一为5秒
+        const devices = ['B_CBJ01', 'B_CBJ02'];
+        // 保存从两个设备日志中提取去重后的设备号集合
+        let latestDeviceIds = new Set();
+        // 保存原始表格数据用于过滤
+        let originalTableData = [];
+        // 保存最新的日志数据（用于切换过滤时重渲染）
+        const latestLogData = new Map();
+
+        async function fetchLogData(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.logApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ device_code: deviceCode }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error(`HTTP error response for ${deviceCode} (log):`, errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for ${deviceCode} (log). Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn(`Empty response received for ${deviceCode} (log)`);
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error(`Error parsing JSON for ${deviceCode} (log):`, e);
+                    console.error(`Raw response text for ${deviceCode} (log):`, responseText);
+                    throw new Error(`Failed to parse JSON response for ${deviceCode} (log). Raw text: ${responseText.substring(0, 100)}...`);
+                }
+
+            } catch (error) {
+                console.error(`Error fetching log data for ${deviceCode}:`, error);
+                return [`获取 ${deviceCode} 日志数据失败: ${error.message}`];
+            }
+        }
+
+        // 判断日志行是否需要显示
+        function shouldDisplayLogLine(line) {
+            const filterSelect = document.getElementById('device-filter');
+            const selectedDevice = filterSelect ? filterSelect.value : '';
+
+            // 未选择过滤设备，直接显示
+            if (!selectedDevice) return true;
+
+            const ids = extractDeviceIds(line || '');
+            // 行内没有设备号，直接显示
+            if (!ids || ids.length === 0) return true;
+
+            // 仅当包含所选设备号时显示
+            return ids.includes(selectedDevice);
+        }
+
+        function displayLogData(deviceCode, data) {
+            const deviceElement = document.getElementById(`device-${deviceCode}`);
+            if (!deviceElement) {
+                console.error(`Element with ID 'device-${deviceCode}' not found.`);
+                return;
+            }
+            const logEntriesContainer = deviceElement.querySelector('.log-entries');
+            logEntriesContainer.innerHTML = '';
+
+            if (Array.isArray(data) && data.length > 0) {
+                const filteredEntries = data.filter(entry => shouldDisplayLogLine(entry));
+
+                if (filteredEntries.length === 0) {
+                    const noDataEntry = document.createElement('div');
+                    noDataEntry.classList.add('log-entry');
+                    noDataEntry.textContent = '暂无匹配的日志信息。';
+                    logEntriesContainer.appendChild(noDataEntry);
+                    return;
+                }
+
+                filteredEntries.forEach(entry => {
+                    const logEntryDiv = document.createElement('div');
+                    logEntryDiv.classList.add('log-entry');
+                    logEntryDiv.textContent = entry;
+                    logEntriesContainer.appendChild(logEntryDiv);
+                });
+            } else {
+                const noDataEntry = document.createElement('div');
+                noDataEntry.classList.add('log-entry');
+                noDataEntry.textContent = '暂无日志信息。';
+                logEntriesContainer.appendChild(noDataEntry);
+            }
+        }
+
+        async function updateLogDashboard() {
+            const aggregatedIds = new Set();
+            for (const device of devices) {
+                const data = await fetchLogData(device);
+                // 缓存最新日志数据以便过滤切换时重渲染
+                latestLogData.set(device, data);
+                displayLogData(device, data);
+                if (Array.isArray(data)) {
+                    data.forEach(line => {
+                        if (typeof line === 'string' && line.length > 0) {
+                            const ids = extractDeviceIds(line);
+                            if (Array.isArray(ids)) {
+                                ids.forEach(id => aggregatedIds.add(id));
+                            }
+                        }
+                    });
+                }
+            }
+            latestDeviceIds = aggregatedIds;
+        }
+
+        // 新增表格数据相关逻辑
+        async function fetchTableData() {
+            try {
+                const response = await fetch(API_CONFIG.tableApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        project: "套轴监控系统",
+                        timestamp: Date.now() // 使用当前时间戳
+                    }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error('HTTP error response for table data:', errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for table data. Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn('Empty response received for table data');
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error('Error parsing JSON for table data:', e);
+                    console.error('Raw response text for table data:', responseText);
+                    throw new Error(`Failed to parse JSON response for table data. Raw text: ${responseText.substring(0, 100)}...`);
+                }
+            } catch (error) {
+                console.error('Error fetching table data:', error);
+                // 可以选择在表格中显示错误信息
+                const tableBody = document.getElementById('slitter-table-body');
+                if (tableBody) {
+                    tableBody.innerHTML = `<tr><td colspan="7">获取表格数据失败: ${error.message}</td></tr>`;
+                }
+                return []; // 返回空数组以避免后续处理错误
+            }
+        }
+
+        function displayTableData(data) {
+            // 保存原始数据
+            originalTableData = data;
+            
+            // 应用过滤并渲染
+            const filteredData = filterTableData(data);
+            renderTableData(filteredData);
+        }
+
+        async function updateTableDashboard() {
+            const data = await fetchTableData();
+            displayTableData(data);
+        }
+
+        // 新增：获取tip并显示在标题后
+        async function fetchAndDisplayTip(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.tipApiUrl, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ device_code: deviceCode })
+                });
+                let tip = '';
+                let tip2 = '';
+                if (response.ok) {
+                    const data = await response.json();
+                    tip = data.tip || '';
+                    tip2 = data.tip2 || '';
+
+                    // 显示tip2在对应设备标题下方
+                    document.getElementById('tip2-' + deviceCode).textContent = tip2;
+                }
+                document.getElementById('tip-' + deviceCode).textContent = tip;
+            } catch (e) {
+                document.getElementById('tip-' + deviceCode).textContent = '';
+                document.getElementById('tip2-' + deviceCode).textContent = '';
+            }
+        }
+        function updateAllTips() {
+            devices.forEach(device => fetchAndDisplayTip(device));
+        }
+
+        // 提取设备号
+        function extractDeviceIds(text) {
+            // 正则表达式：匹配10位字符，第一个是字母，第四第五是FQ
+            const regex = /\b[A-Za-z][A-Za-z0-9]{2}FQ[A-Za-z0-9]{5}\b/g;
+            const matches = text.match(regex);
+
+            // 去除重复的设备ID
+            return matches ? [...new Set(matches)] : [];
+        }
+
+        // 初始化设备下拉框
+        function initializeDeviceFilter() {
+            const filterSelect = document.getElementById('device-filter');
+            if (!filterSelect) return;
+
+            // 生成B50FQ00001-B50FQ00012
+            for (let i = 1; i <= 12; i++) {
+                const deviceId = `B50FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 生成B60FQ00001-B60FQ00010
+            for (let i = 1; i <= 10; i++) {
+                const deviceId = `B60FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 添加过滤事件监听器
+            filterSelect.addEventListener('change', function() {
+                applyFilter();
+                reRenderLogDashboard();
+            });
+        }
+
+        // 重新渲染日志看板（用于过滤切换时不重新请求）
+        function reRenderLogDashboard() {
+            devices.forEach(device => {
+                if (latestLogData.has(device)) {
+                    displayLogData(device, latestLogData.get(device));
+                }
+            });
+        }
+
+        // 过滤表格数据
+        function filterTableData(data) {
+            const filterSelect = document.getElementById('device-filter');
+            const selectedDevice = filterSelect ? filterSelect.value : '';
+            
+            if (!selectedDevice) {
+                return data; // 如果未选择设备，显示所有数据
+            }
+
+            // 根据设备名称过滤
+            return data.filter(item => item.resource_name === selectedDevice);
+        }
+
+        // 应用过滤并重新显示表格
+        function applyFilter() {
+            if (originalTableData.length > 0) {
+                const filteredData = filterTableData(originalTableData);
+                renderTableData(filteredData);
+            }
+        }
+
+        // 渲染表格数据（从displayTableData中分离出来）
+        function renderTableData(data) {
+            const tableBody = document.getElementById('slitter-table-body');
+            if (!tableBody) {
+                console.error("Element with ID 'slitter-table-body' not found.");
+                return;
+            }
+            tableBody.innerHTML = ''; // 清空旧数据
+
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach((item, index) => {
+                    const row = tableBody.insertRow();
+                    row.insertCell().textContent = item.resource_name || 'N/A';
+                    row.insertCell().textContent = item.container_name || 'N/A';
+                    row.insertCell().textContent = item.up_or_down === '1' ? '上' : (item.up_or_down === '2' ? '下' : item.up_or_down || 'N/A');
+                    row.insertCell().textContent = item.qzz_size || 'N/A';
+                    row.insertCell().textContent = item.qzz_generation || 'N/A';
+
+                    let statusText = '已完成';
+                    if (item.status === '01') {
+                        if (item.is_paper_ok === '2') {
+                            statusText = '等待配送';
+                        } else if(item.is_paper_ok === '3') {
+                            statusText = '套轴执行中';
+                        } else {
+                            statusText = '准备套轴';
+                        }
+                    } else if (item.status === '02') {
+                        statusText = '正在配送';
+                    } else if (item.status === '03') {
+                        statusText = '配送完成';
+                    } else if (item.status) {
+                        statusText = '已完成';
+                    }
+                    row.insertCell().textContent = statusText;
+
+                    const startTimeCell = row.insertCell();
+                    startTimeCell.textContent = item.start_time || 'N/A';
+
+                    row.insertCell().textContent = item.tube || 'N/A';
+
+                    let tzText = '未套轴';
+                    if (item.is_paper_ok === '2') {
+                        tzText = '已套轴';
+                    }
+                    if (item.is_paper_ok === '3') {
+                        tzText = '正在套轴';
+                    }
+                    if (item.is_paper_ok === '4') {
+                        tzText = '已下发套轴';
+                    }
+                    if (item.is_paper_ok === '95') {
+                        tzText = '等待更换管芯托盘';
+                    }
+                    if (item.is_paper_ok === '99') {
+                        tzText = '套轴异常';
+                    }
+                    row.insertCell().textContent = tzText || 'N/A';
+
+                    // 是否加急
+                    let urgentText = '未加急';
+                    if (item.manufacture_sort === 'P2') {
+                        urgentText = '已加急';
+                    }
+                    row.insertCell().textContent = urgentText || 'N/A';
+
+                    // 添加恢复按钮
+                    const recoverCell = row.insertCell();
+                    const recoverBtn = document.createElement('button');
+                    recoverBtn.className = 'recover-btn';
+                    recoverBtn.textContent = '恢复';
+                    recoverBtn.disabled = item.is_paper_ok !== '99' && item.is_paper_ok !== '95';
+                    recoverBtn.onclick = async () => {
+                        try {
+                            const response = await fetch(API_CONFIG.recoverApiUrl, {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                },
+                                body: JSON.stringify({
+                                    container_name: item.container_name
+                                })
+                            });
+
+                            if (response.ok) {
+                                const alertDiv = document.createElement('div');
+                                alertDiv.style.position = 'fixed';
+                                alertDiv.style.top = '50%';
+                                alertDiv.style.left = '50%';
+                                alertDiv.style.transform = 'translate(-50%, -50%)';
+                                alertDiv.style.padding = '20px 40px';
+                                alertDiv.style.background = 'linear-gradient(135deg, #40a9ff 0%, #096dd9 100%)';
+                                alertDiv.style.color = 'white';
+                                alertDiv.style.borderRadius = '8px';
+                                alertDiv.style.boxShadow = '0 4px 16px rgba(0,0,0,0.3)';
+                                alertDiv.style.zIndex = '1000';
+                                alertDiv.textContent = '恢复成功';
+                                document.body.appendChild(alertDiv);
+                                setTimeout(() => alertDiv.remove(), 2000);
+                                // 刷新数据
+                                updateTableDashboard();
+                            } else {
+                                throw new Error('恢复失败');
+                            }
+                        } catch (error) {
+                            console.error('Error:', error);
+                            alert('恢复失败：' + error.message);
+                        }
+                    };
+                    recoverCell.appendChild(recoverBtn);
+
+                    // 检查start_time是否超过2小时，并设置行样式
+                    if (item.start_time) {
+                        const startTime = new Date(item.start_time.replace(/-/g, '/'));
+                        const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
+                        if (startTime < twoHoursAgo) {
+                            row.classList.add('timeout-row-warning'); // 应用于整行
+                        }
+                    }
+                    if (item.is_paper_ok === '99') {
+                        row.classList.add('timeout-row-error'); // 应用于整行
+                    }
+
+                    // 若该记录的resource_name包含在两个设备日志提取的设备号集合中，则置灰显示
+                    if (item.status === '01' && tzText === '未套轴' && item.resource_name && latestDeviceIds && latestDeviceIds.has(item.resource_name)) {
+                        row.classList.add('grayed-row');
+                    }
+                });
+            } else {
+                const row = tableBody.insertRow();
+                const cell = row.insertCell();
+                cell.colSpan = 11;
+                cell.textContent = '暂无数据。';
+                cell.style.textAlign = 'center';
+            }
+        }
+        // 顺序刷新：先日志，再表格
+        async function refreshAll() {
+            await updateLogDashboard();
+            await updateTableDashboard();
+        }
+        let isRefreshing = false;
+        
+        // 初始化设备下拉框
+        initializeDeviceFilter();
+        
+        // 初始加载tip
+        updateAllTips();
+        // 定时刷新tip
+        setInterval(updateAllTips, refreshInterval);
+
+        // 初始加载数据
+        refreshAll();
+
+        // 定时刷新数据
+        setInterval(async () => {
+            if (isRefreshing) return;
+            isRefreshing = true;
+            try {
+                await refreshAll();
+            } finally {
+                isRefreshing = false;
+            }
+        }, refreshInterval);
+
+    </script>
+</body>
+</html>
+<style>
+    .recover-btn {
+        background: linear-gradient(135deg, #40a9ff 0%, #096dd9 100%);
+        color: white;
+        border: none;
+        padding: 6px 12px;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 0.9em;
+        transition: all 0.3s;
+        box-shadow: 0 2px 8px rgba(64,169,255,0.2);
+    }
+
+    .recover-btn:hover {
+        background: linear-gradient(135deg, #69c0ff 0%, #40a9ff 100%);
+        box-shadow: 0 4px 12px rgba(64,169,255,0.3);
+    }
+
+    .recover-btn:disabled {
+        background: #274b7a;
+        cursor: not-allowed;
+        opacity: 0.6;
+    }
+</style>
diff --git a/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html
new file mode 100644
index 000000000..79fbda472
--- /dev/null
+++ b/lms/nladmin-system/doc/套轴点位日志记录实时看板v5.html
@@ -0,0 +1,747 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>套轴点位日志记录实时看板</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #183a5c 0%, #274b7a 100%); /* 深科技蓝渐变背景 */
+            color: #cfd8e3; /* 浅灰蓝文本 */
+            margin: 0;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        h1 {
+            color: #ffffff; /* 亮蓝标题40a9ff */
+            text-align: center;
+            font-size: 2.5em;
+            margin-bottom: 30px;
+            text-shadow: 0 2px 12px #274b7a;
+        }
+
+        .dashboard-container {
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+            max-width: 1800px;
+            margin-bottom: 30px;
+        }
+
+        .device-card {
+            background: #223a5c; /* 中深蓝卡片背景 */
+            border: 1px solid #40a9ff; /* 亮蓝边框 */
+            border-radius: 10px;
+            padding: 20px;
+            width: 45%;
+            min-height: 300px;
+            height: 350px; /* 新增：固定高度 */
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+            transition: transform 0.3s, box-shadow 0.3s;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .log-entries {
+            flex: 1;
+            overflow-y: auto;
+            max-height: 250px;
+            /* 美化滚动条 */
+            scrollbar-width: thin;
+            scrollbar-color: #40a9ff #223a5c;
+        }
+        .log-entries::-webkit-scrollbar {
+            width: 8px;
+        }
+        .log-entries::-webkit-scrollbar-thumb {
+            background: linear-gradient(135deg, #40a9ff 0%, #274b7a 100%);
+            border-radius: 6px;
+        }
+        .log-entries::-webkit-scrollbar-track {
+            background: #223a5c;
+            border-radius: 6px;
+        }
+        /* .device-card:hover {
+            transform: translateY(-5px) scale(1.02);
+            box-shadow: 0 0 30px #40a9ff;
+        } */
+
+        .device-card h2 {
+            color: #ffffff;
+            border-bottom: 1px solid #274b7a;
+            padding-bottom: 10px;
+            margin-top: 0;
+            font-size: 1.5em;
+        }
+
+        .log-entry {
+            background: #274b7a;
+            color: #cfd8e3;
+            padding: 8px;
+            margin-bottom: 8px;
+            border-radius: 4px;
+            border-left: 3px solid #40a9ff;
+            font-size: 0.95em;
+            word-wrap: break-word;
+        }
+
+        .table-container {
+            width: 95%;
+            max-width: 1800px;
+            background: #223a5c;
+            border: 1px solid #40a9ff;
+            border-radius: 10px;
+            padding: 0 20px 20px 20px;
+            margin-top: 20px;
+            box-shadow: 0 2px 16px rgba(64,169,255,0.12);
+        }
+
+        .table-container h2 {
+            color: #ffffff;
+            text-align: center;
+            font-size: 1.8em;
+            margin: 0;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 100%;
+            pointer-events: none;
+        }
+
+        .header-with-filter {
+            display: flex;
+            align-items: center;
+            position: relative;
+            margin-bottom: 20px;
+            min-height: 50px;
+        }
+
+        .device-filter {
+            background: linear-gradient(135deg, #223a5c 0%, #274b7a 100%);
+            color: #cfd8e3;
+            border: 1px solid #40a9ff;
+            border-radius: 8px;
+            padding: 10px 20px;
+            padding-right: 35px;
+            font-size: 1em;
+            cursor: pointer;
+            outline: none;
+            transition: all 0.3s;
+            appearance: none;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            background-image: linear-gradient(135deg, #223a5c 0%, #274b7a 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: right 12px center;
+            background-size: auto, 12px;
+            box-shadow: 0 2px 8px rgba(64,169,255,0.15);
+            min-width: 150px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .device-filter:hover {
+            border-color: #69c0ff;
+            box-shadow: 0 4px 12px rgba(64,169,255,0.4);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2369c0ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter:focus {
+            border-color: #40a9ff;
+            box-shadow: 0 0 12px rgba(64,169,255,0.6);
+            background-image: linear-gradient(135deg, #274b7a 0%, #3b6ea5 100%),
+                                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2340a9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
+        }
+
+        .device-filter option {
+            background: #223a5c;
+            color: #cfd8e3;
+            padding: 8px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            color: #cfd8e3;
+            background: #274b7a;
+        }
+
+        th, td {
+            border: 1px solid #3b6ea5;
+            padding: 10px;
+            text-align: left;
+            font-size: 0.95em;
+        }
+
+        th {
+            background: linear-gradient(90deg, #274b7a 0%, #3b6ea5 100%);
+            color: #40a9ff;
+        }
+
+        tbody tr:nth-child(odd) {
+            background: #223a5c;
+        }
+
+        tbody tr:hover {
+            background: #3b6ea5;
+        }
+
+        .timeout-row-warning {
+            background: #8B0000 !important; /* 红色背景 */
+            color: #ffffff;
+        }
+        .timeout-row-warning td {
+            color: #ffffff !important;
+        }
+
+        .timeout-row-error {
+            background: #FFC107 !important; /* 黄色背景 */
+            color: #000000;
+        }
+        .timeout-row-error td {
+            color: #000000 !important;
+        }
+
+        /* 添加颜色图例样式 */
+        .color-legend {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 15px;
+            gap: 20px;
+        }
+
+        .legend-item {
+            display: flex;
+            align-items: center;
+            font-size: 0.9em;
+        }
+
+        .color-box {
+            display: inline-block;
+            width: 16px;
+            height: 16px;
+            margin-right: 8px;
+            border-radius: 3px;
+        }
+
+        .red-box {
+            background-color: #8B0000;
+        }
+
+        .yellow-box {
+            background-color: #FFC107;
+        }
+
+        .grayed-box {
+            background-color: #807132;
+        }
+        /* 命中当前设备日志中的设备号时置灰 */
+        .grayed-row {
+            background: #807132 !important;
+            color: #ffffff !important;
+        }
+        .grayed-row td {
+            color: #ffffff !important;
+        }
+
+    </style>
+</head>
+<body>
+    <h1>套轴点位日志记录实时看板</h1>
+    <div class="dashboard-container">
+        <div class="device-card" id="device-B_CBJ01">
+            <h2>B_CBJ01<span id="tip-B_CBJ01" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ01" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+        <div class="device-card" id="device-B_CBJ02">
+            <h2>B_CBJ02<span id="tip-B_CBJ02" style="font-size:0.7em;color:#ffec3d;margin-left:12px;"></span></h2>
+            <!-- 添加tip2显示区域 -->
+            <div id="tip2-B_CBJ02" style="color:#ffec3d;font-size:0.9em;margin-bottom:10px;background:rgba(64,169,255,0.1);padding:5px;border-radius:4px;"></div>
+            <div class="log-entries">
+                <!-- 日志条目将在这里动态添加 -->
+            </div>
+        </div>
+    </div>
+
+    <!-- 新增的表格容器 -->
+    <div class="table-container">
+        <div class="header-with-filter">
+            <select id="device-filter" class="device-filter">
+                <option value="">全部设备</option>
+            </select>
+            <h2>套轴监控系统实时数据</h2>
+        </div>
+        <!-- 添加颜色图例 -->
+        <div class="color-legend">
+            <span class="legend-item"><span class="color-box red-box"></span>呼叫超过2小时</span>
+            <span class="legend-item"><span class="color-box yellow-box"></span>存在异常</span>
+            <span class="legend-item"><span class="color-box grayed-box"></span>暂时不套轴</span>
+        </div>
+        <table id="slitter-table">
+            <thead>
+                <tr>
+                    <th>设备</th>
+                    <th>子卷号</th>
+                    <th>轴位置</th>
+                    <th>气胀轴尺寸</th>
+                    <th>气胀轴代数</th>
+                    <th>气胀轴状态</th>
+                    <th>呼叫时间</th>
+                    <th>管芯规格</th>
+                    <th>套轴标记</th>
+                    <th>是否加急</th>
+                    <th>一键恢复</th>
+                </tr>
+            </thead>
+            <tbody id="slitter-table-body">
+                <!-- 表格数据将在这里动态添加 -->
+            </tbody>
+        </table>
+    </div>
+
+    <script>
+        // API URL 配置
+        const BASE_URL = 'http://10.1.3.91:8013';
+        const API_CONFIG = {
+            logApiUrl: `${BASE_URL}/api/wms/apply/v2/tzInfo`,
+            tableApiUrl: `${BASE_URL}/api/pda/slitter/showManualView`,
+            recoverApiUrl: `${BASE_URL}/api/wms/apply/recover`,
+            tipApiUrl: `${BASE_URL}/api/wms/apply/v2/tzTaskINfo`
+        };
+
+        const refreshInterval = 5000; // 刷新间隔统一为5秒
+        const devices = ['B_CBJ01', 'B_CBJ02'];
+        // 保存从两个设备日志中提取去重后的设备号集合
+        let latestDeviceIds = new Set();
+        // 保存原始表格数据用于过滤
+        let originalTableData = [];
+
+        async function fetchLogData(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.logApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ device_code: deviceCode }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error(`HTTP error response for ${deviceCode} (log):`, errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for ${deviceCode} (log). Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn(`Empty response received for ${deviceCode} (log)`);
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error(`Error parsing JSON for ${deviceCode} (log):`, e);
+                    console.error(`Raw response text for ${deviceCode} (log):`, responseText);
+                    throw new Error(`Failed to parse JSON response for ${deviceCode} (log). Raw text: ${responseText.substring(0, 100)}...`);
+                }
+
+            } catch (error) {
+                console.error(`Error fetching log data for ${deviceCode}:`, error);
+                return [`获取 ${deviceCode} 日志数据失败: ${error.message}`];
+            }
+        }
+
+        function displayLogData(deviceCode, data) {
+            const deviceElement = document.getElementById(`device-${deviceCode}`);
+            if (!deviceElement) {
+                console.error(`Element with ID 'device-${deviceCode}' not found.`);
+                return;
+            }
+            const logEntriesContainer = deviceElement.querySelector('.log-entries');
+            logEntriesContainer.innerHTML = '';
+
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach(entry => {
+                    const logEntryDiv = document.createElement('div');
+                    logEntryDiv.classList.add('log-entry');
+                    logEntryDiv.textContent = entry;
+                    logEntriesContainer.appendChild(logEntryDiv);
+                });
+            } else {
+                const noDataEntry = document.createElement('div');
+                noDataEntry.classList.add('log-entry');
+                noDataEntry.textContent = '暂无日志信息。';
+                logEntriesContainer.appendChild(noDataEntry);
+            }
+        }
+
+        async function updateLogDashboard() {
+            const aggregatedIds = new Set();
+            for (const device of devices) {
+                const data = await fetchLogData(device);
+                displayLogData(device, data);
+                if (Array.isArray(data)) {
+                    data.forEach(line => {
+                        if (typeof line === 'string' && line.length > 0) {
+                            const ids = extractDeviceIds(line);
+                            if (Array.isArray(ids)) {
+                                ids.forEach(id => aggregatedIds.add(id));
+                            }
+                        }
+                    });
+                }
+            }
+            latestDeviceIds = aggregatedIds;
+        }
+
+        // 新增表格数据相关逻辑
+        async function fetchTableData() {
+            try {
+                const response = await fetch(API_CONFIG.tableApiUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        project: "套轴监控系统",
+                        timestamp: Date.now() // 使用当前时间戳
+                    }),
+                });
+
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error('HTTP error response for table data:', errorText);
+                    throw new Error(`HTTP error! status: ${response.status} for table data. Response: ${errorText}`);
+                }
+
+                const responseText = await response.text();
+                if (!responseText) {
+                    console.warn('Empty response received for table data');
+                    return [];
+                }
+
+                try {
+                    const data = JSON.parse(responseText);
+                    return data;
+                } catch (e) {
+                    console.error('Error parsing JSON for table data:', e);
+                    console.error('Raw response text for table data:', responseText);
+                    throw new Error(`Failed to parse JSON response for table data. Raw text: ${responseText.substring(0, 100)}...`);
+                }
+            } catch (error) {
+                console.error('Error fetching table data:', error);
+                // 可以选择在表格中显示错误信息
+                const tableBody = document.getElementById('slitter-table-body');
+                if (tableBody) {
+                    tableBody.innerHTML = `<tr><td colspan="7">获取表格数据失败: ${error.message}</td></tr>`;
+                }
+                return []; // 返回空数组以避免后续处理错误
+            }
+        }
+
+        function displayTableData(data) {
+            // 保存原始数据
+            originalTableData = data;
+
+            // 应用过滤并渲染
+            const filteredData = filterTableData(data);
+            renderTableData(filteredData);
+        }
+
+        async function updateTableDashboard() {
+            const data = await fetchTableData();
+            displayTableData(data);
+        }
+
+        // 新增：获取tip并显示在标题后
+        async function fetchAndDisplayTip(deviceCode) {
+            try {
+                const response = await fetch(API_CONFIG.tipApiUrl, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ device_code: deviceCode })
+                });
+                let tip = '';
+                let tip2 = '';
+                if (response.ok) {
+                    const data = await response.json();
+                    tip = data.tip || '';
+                    tip2 = data.tip2 || '';
+
+                    // 显示tip2在对应设备标题下方
+                    document.getElementById('tip2-' + deviceCode).textContent = tip2;
+                }
+                document.getElementById('tip-' + deviceCode).textContent = tip;
+            } catch (e) {
+                document.getElementById('tip-' + deviceCode).textContent = '';
+                document.getElementById('tip2-' + deviceCode).textContent = '';
+            }
+        }
+        function updateAllTips() {
+            devices.forEach(device => fetchAndDisplayTip(device));
+        }
+
+        // 提取设备号
+        function extractDeviceIds(text) {
+            // 正则表达式：匹配10位字符，第一个是字母，第四第五是FQ
+            const regex = /\b[A-Za-z][A-Za-z0-9]{2}FQ[A-Za-z0-9]{5}\b/g;
+            const matches = text.match(regex);
+
+            // 去除重复的设备ID
+            return matches ? [...new Set(matches)] : [];
+        }
+
+        // 初始化设备下拉框
+        function initializeDeviceFilter() {
+            const filterSelect = document.getElementById('device-filter');
+            if (!filterSelect) return;
+
+            // 生成B50FQ00001-B50FQ00012
+            for (let i = 1; i <= 12; i++) {
+                const deviceId = `B50FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 生成B60FQ00001-B60FQ00010
+            for (let i = 1; i <= 10; i++) {
+                const deviceId = `B60FQ${String(i).padStart(5, '0')}`;
+                const option = document.createElement('option');
+                option.value = deviceId;
+                option.textContent = deviceId;
+                filterSelect.appendChild(option);
+            }
+
+            // 添加过滤事件监听器
+            filterSelect.addEventListener('change', function() {
+                applyFilter();
+            });
+        }
+
+        // 过滤表格数据
+        function filterTableData(data) {
+            const filterSelect = document.getElementById('device-filter');
+            const selectedDevice = filterSelect ? filterSelect.value : '';
+
+            if (!selectedDevice) {
+                return data; // 如果未选择设备，显示所有数据
+            }
+
+            // 根据设备名称过滤
+            return data.filter(item => item.resource_name === selectedDevice);
+        }
+
+        // 应用过滤并重新显示表格
+        function applyFilter() {
+            if (originalTableData.length > 0) {
+                const filteredData = filterTableData(originalTableData);
+                renderTableData(filteredData);
+            }
+        }
+
+        // 渲染表格数据（从displayTableData中分离出来）
+        function renderTableData(data) {
+            const tableBody = document.getElementById('slitter-table-body');
+            if (!tableBody) {
+                console.error("Element with ID 'slitter-table-body' not found.");
+                return;
+            }
+            tableBody.innerHTML = ''; // 清空旧数据
+
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach((item, index) => {
+                    const row = tableBody.insertRow();
+                    row.insertCell().textContent = item.resource_name || 'N/A';
+                    row.insertCell().textContent = item.container_name || 'N/A';
+                    row.insertCell().textContent = item.up_or_down === '1' ? '上' : (item.up_or_down === '2' ? '下' : item.up_or_down || 'N/A');
+                    row.insertCell().textContent = item.qzz_size || 'N/A';
+                    row.insertCell().textContent = item.qzz_generation || 'N/A';
+
+                    let statusText = '已完成';
+                    if (item.status === '01') {
+                        if (item.is_paper_ok === '2') {
+                            statusText = '等待配送';
+                        } else if(item.is_paper_ok === '3') {
+                            statusText = '套轴执行中';
+                        } else {
+                            statusText = '准备套轴';
+                        }
+                    } else if (item.status === '02') {
+                        statusText = '正在配送';
+                    } else if (item.status === '03') {
+                        statusText = '配送完成';
+                    } else if (item.status) {
+                        statusText = '已完成';
+                    }
+                    row.insertCell().textContent = statusText;
+
+                    const startTimeCell = row.insertCell();
+                    startTimeCell.textContent = item.start_time || 'N/A';
+
+                    row.insertCell().textContent = item.tube || 'N/A';
+
+                    let tzText = '未套轴';
+                    if (item.is_paper_ok === '2') {
+                        tzText = '已套轴';
+                    }
+                    if (item.is_paper_ok === '3') {
+                        tzText = '正在套轴';
+                    }
+                    if (item.is_paper_ok === '4') {
+                        tzText = '已下发套轴';
+                    }
+                    if (item.is_paper_ok === '95') {
+                        tzText = '等待更换管芯托盘';
+                    }
+                    if (item.is_paper_ok === '99') {
+                        tzText = '套轴异常';
+                    }
+                    row.insertCell().textContent = tzText || 'N/A';
+
+                    // 是否加急
+                    let urgentText = '未加急';
+                    if (item.manufacture_sort === 'P2') {
+                        urgentText = '已加急';
+                    }
+                    row.insertCell().textContent = urgentText || 'N/A';
+
+                    // 添加恢复按钮
+                    const recoverCell = row.insertCell();
+                    const recoverBtn = document.createElement('button');
+                    recoverBtn.className = 'recover-btn';
+                    recoverBtn.textContent = '恢复';
+                    recoverBtn.disabled = item.is_paper_ok !== '99' && item.is_paper_ok !== '95';
+                    recoverBtn.onclick = async () => {
+                        try {
+                            const response = await fetch(API_CONFIG.recoverApiUrl, {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                },
+                                body: JSON.stringify({
+                                    container_name: item.container_name
+                                })
+                            });
+
+                            if (response.ok) {
+                                const alertDiv = document.createElement('div');
+                                alertDiv.style.position = 'fixed';
+                                alertDiv.style.top = '50%';
+                                alertDiv.style.left = '50%';
+                                alertDiv.style.transform = 'translate(-50%, -50%)';
+                                alertDiv.style.padding = '20px 40px';
+                                alertDiv.style.background = 'linear-gradient(135deg, #40a9ff 0%, #096dd9 100%)';
+                                alertDiv.style.color = 'white';
+                                alertDiv.style.borderRadius = '8px';
+                                alertDiv.style.boxShadow = '0 4px 16px rgba(0,0,0,0.3)';
+                                alertDiv.style.zIndex = '1000';
+                                alertDiv.textContent = '恢复成功';
+                                document.body.appendChild(alertDiv);
+                                setTimeout(() => alertDiv.remove(), 2000);
+                                // 刷新数据
+                                updateTableDashboard();
+                            } else {
+                                throw new Error('恢复失败');
+                            }
+                        } catch (error) {
+                            console.error('Error:', error);
+                            alert('恢复失败：' + error.message);
+                        }
+                    };
+                    recoverCell.appendChild(recoverBtn);
+
+                    // 检查start_time是否超过2小时，并设置行样式
+                    if (item.start_time) {
+                        const startTime = new Date(item.start_time.replace(/-/g, '/'));
+                        const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
+                        if (startTime < twoHoursAgo) {
+                            row.classList.add('timeout-row-warning'); // 应用于整行
+                        }
+                    }
+                    if (item.is_paper_ok === '99') {
+                        row.classList.add('timeout-row-error'); // 应用于整行
+                    }
+
+                    // 若该记录的resource_name包含在两个设备日志提取的设备号集合中，则置灰显示
+                    if (item.status === '01' && tzText === '未套轴' && item.resource_name && latestDeviceIds && latestDeviceIds.has(item.resource_name)) {
+                        row.classList.add('grayed-row');
+                    }
+                });
+            } else {
+                const row = tableBody.insertRow();
+                const cell = row.insertCell();
+                cell.colSpan = 11;
+                cell.textContent = '暂无数据。';
+                cell.style.textAlign = 'center';
+            }
+        }
+        // 顺序刷新：先日志，再表格
+        async function refreshAll() {
+            await updateLogDashboard();
+            await updateTableDashboard();
+        }
+        let isRefreshing = false;
+
+        // 初始化设备下拉框
+        initializeDeviceFilter();
+
+        // 初始加载tip
+        updateAllTips();
+        // 定时刷新tip
+        setInterval(updateAllTips, refreshInterval);
+
+        // 初始加载数据
+        refreshAll();
+
+        // 定时刷新数据
+        setInterval(async () => {
+            if (isRefreshing) return;
+            isRefreshing = true;
+            try {
+                await refreshAll();
+            } finally {
+                isRefreshing = false;
+            }
+        }, refreshInterval);
+
+    </script>
+</body>
+</html>
+<style>
+    .recover-btn {
+        background: linear-gradient(135deg, #40a9ff 0%, #096dd9 100%);
+        color: white;
+        border: none;
+        padding: 6px 12px;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 0.9em;
+        transition: all 0.3s;
+        box-shadow: 0 2px 8px rgba(64,169,255,0.2);
+    }
+
+    .recover-btn:hover {
+        background: linear-gradient(135deg, #69c0ff 0%, #40a9ff 100%);
+        box-shadow: 0 4px 12px rgba(64,169,255,0.3);
+    }
+
+    .recover-btn:disabled {
+        background: #274b7a;
+        cursor: not-allowed;
+        opacity: 0.6;
+    }
+</style>

From ff19ec433aed24c28f1bdd17cae70419bfaf7576 Mon Sep 17 00:00:00 2001
From: liyongde <1419499670@qq.com>
Date: Tue, 9 Dec 2025 10:53:19 +0800
Subject: [PATCH 3/4] =?UTF-8?q?opt:=20=E5=89=A9=E4=B8=8B=E4=B8=80=E6=A0=B9?=
 =?UTF-8?q?=E7=AE=A1=E8=8A=AF=EF=BC=8C=E9=81=BF=E5=85=8D=E7=AB=9E=E4=BA=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/SlitterServiceImpl.java      | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/lms/nladmin-system/src/main/java/org/nl/b_lms/sch/tasks/slitter/service/impl/SlitterServiceImpl.java b/lms/nladmin-system/src/main/java/org/nl/b_lms/sch/tasks/slitter/service/impl/SlitterServiceImpl.java
index a283d8154..e9c5af6a9 100644
--- a/lms/nladmin-system/src/main/java/org/nl/b_lms/sch/tasks/slitter/service/impl/SlitterServiceImpl.java
+++ b/lms/nladmin-system/src/main/java/org/nl/b_lms/sch/tasks/slitter/service/impl/SlitterServiceImpl.java
@@ -155,6 +155,8 @@ public class SlitterServiceImpl implements SlitterService {
     private TrussCallShaftManuallyTask trussCallShaftManuallyTask;
     @Autowired
     private StockAreaInOutTask stockAreaInOutTask;
+    @Autowired
+    private IBstIvtShafttubeivtService bstIvtShafttubeivtService;
 
     @Override
     public JSONObject acsRequestShaftLoadTube(JSONObject param) {
@@ -203,12 +205,42 @@ public class SlitterServiceImpl implements SlitterService {
         if ("1".equals(autoSendEmpty.getValue()) && gxQtyList.size() == 0) {
             con.put("is_bushing", SlitterConstant.TO_SHAFT_INFO_97);
         } else {
+            // 管芯桁架对接位
             List<GxQtyDto> hasNeedPoint = gxQtyList.stream()
                     .filter(gx -> "1".equals(gx.getPoint_type()) && gx.getQty() >= tubes.size())
                     .collect(Collectors.toList());
             if (hasNeedPoint.size() > 0) {
                 // 1、判断点位类型有没有=1，且数量大于等于所需数
                 con.put("is_bushing", SlitterConstant.SLITTER_YES);
+                // - 判断管芯类型与另一台机构的类型是否一样，如果剩下一根管芯且相同，则直送轴
+                try {
+                    int sum = hasNeedPoint.stream()
+                            .filter(p -> ObjectUtil.isNotEmpty(p.getQty()))
+                            .mapToInt(GxQtyDto::getQty)
+                            .sum();
+                    if (sum == 1) {
+                        BstIvtShafttubeivt one = bstIvtShafttubeivtService.getOne(new LambdaQueryWrapper<BstIvtShafttubeivt>()
+                                .ne(BstIvtShafttubeivt::getPoint_code, point.getPoint_code())
+                                .eq(BstIvtShafttubeivt::getPoint_location, point.getPoint_location())
+                                .eq(BstIvtShafttubeivt::getPoint_type, point.getPoint_type())
+                                .eq(BstIvtShafttubeivt::getIs_used, "1"));
+                        if (ObjectUtil.isNotEmpty(one)) {
+                            List<String> tubes2 = Stream.of(one.getTube_code1(), one.getTube_code2())
+                                    .filter(ObjectUtil::isNotEmpty)
+                                    .collect(Collectors.toList());
+                            if ((ObjectUtil.isNotEmpty(one.getTube_code1()) && tubes2.contains(point.getTube_code1()))
+                                    || (ObjectUtil.isNotEmpty(one.getTube_code2()) && tubes2.contains(point.getTube_code2()))) {
+                                log.info("剩下一根管芯，避免竞争，只送空轴！");
+                                stepTipLogs.add("剩下一根管芯，避免竞争，只送空轴！");
+                                redisUtils.set("ERROR" + deviceCode, stepTipLogs);
+                                con.put("is_bushing", SlitterConstant.TO_SHAFT_INFO_97);
+                            }
+                        }
+                    }
+                } catch (Exception e) {
+                    stepTipLogs.add("判断管芯类型与另一台机构的类型是否一样出错，请检查！");
+                    redisUtils.set("ERROR" + deviceCode, stepTipLogs);
+                }
             } else {
                 // 2、判断点位有没有任务（010807->point3, 010808->point1）
                 List<String> pointCodes = gxQtyList.stream()

From 060ebfd8fb02479319b372b485da3821bd0bb680 Mon Sep 17 00:00:00 2001
From: zhouz <>
Date: Thu, 11 Dec 2025 10:09:18 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=AF=8D?=
 =?UTF-8?q?=E5=8D=B7=E8=BD=AC=E7=A7=BB=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wms/pda/mps/rest/FeedingController.java   |  7 +++
 .../wms/pda/mps/service/FeedingService.java   |  2 +
 .../mps/service/impl/FeedingServiceImpl.java  | 39 ++++++++++++-
 .../mps/service/impl/RawFoilServiceImpl.java  |  2 +-
 .../org/nl/wms/sch/tasks/CallEmpReelTask.java | 56 +++++++++++++++++--
 5 files changed, 98 insertions(+), 8 deletions(-)

diff --git a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/rest/FeedingController.java b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/rest/FeedingController.java
index afd6e6d7a..67f7605f1 100644
--- a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/rest/FeedingController.java
+++ b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/rest/FeedingController.java
@@ -53,6 +53,13 @@ public class FeedingController {
         return new ResponseEntity<>(feedingService.handleConfirm(whereJson), HttpStatus.OK);
     }
 
+    @PostMapping("/moveContainer")
+    @Log("母卷转移")
+
+    public ResponseEntity<Object> moveContainer(@RequestBody JSONObject whereJson) {
+        return new ResponseEntity<>(feedingService.moveContainer(whereJson), HttpStatus.OK);
+    }
+
     @PostMapping("/vehicleReturn")
     @Log("空轴送回")
 
diff --git a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/FeedingService.java b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/FeedingService.java
index ea279aeef..a38b5c728 100644
--- a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/FeedingService.java
+++ b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/FeedingService.java
@@ -37,6 +37,8 @@ public interface FeedingService {
      */
     JSONObject handleConfirm(JSONObject whereJson);
 
+    JSONObject moveContainer(JSONObject whereJson);
+
     /**
      * 空轴送回
      *
diff --git a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/FeedingServiceImpl.java b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/FeedingServiceImpl.java
index 332b256ee..00a239d82 100644
--- a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/FeedingServiceImpl.java
+++ b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/FeedingServiceImpl.java
@@ -23,6 +23,7 @@ import org.nl.wms.pda.mps.eum.RegionTypeEnum;
 import org.nl.wms.pda.mps.service.FeedingService;
 import org.nl.wms.sch.manage.AbstractAcsTask;
 import org.nl.wms.sch.manage.TaskStatusEnum;
+import org.nl.wms.sch.tasks.CallEmpReelTask;
 import org.nl.wms.sch.tasks.CoolCutTask;
 import org.nl.wms.sch.tasks.OutHotTask;
 import org.nl.wms.st.inbill.service.CheckOutBillService;
@@ -305,7 +306,7 @@ public class FeedingServiceImpl implements FeedingService {
             }
             //创建AGV任务
             JSONObject jo = new JSONObject();
-            if (StrUtil.equals("01", cut_jo.getString("empty_point_status"))) {
+            if (StrUtil.equals("01", cut_jo.getString("empty_point_status")) || (StrUtil.isNotEmpty(cut_jo.getString("point_type")) && StrUtil.equals("1", cut_jo.getString("point_type")))) {
                 jo.put("point_code1", cool_jo.getString("full_point_code"));
                 jo.put("point_code2", cut_jo.getString("full_point_code"));
                 jo.put("material_code", cool_jo.getString("container_name"));
@@ -544,6 +545,42 @@ public class FeedingServiceImpl implements FeedingService {
         return result;
     }
 
+    @Override
+    public JSONObject moveContainer(JSONObject form) {
+        String point_code = form.getString("point_code");
+        String container_name = form.getString("container_name");
+        JSONObject cool_jo = WQLObject.getWQLObject("st_ivt_coolpointivt").query("full_point_code = '" + point_code + "'").uniqueResult(0);
+        String reging_id = RegionTypeEnum.B1_HKZC.getId();
+        JSONObject cache_map = new JSONObject();
+        cache_map.put("flag", "4");
+        cache_map.put("reging_id", reging_id);
+        cache_map.put("point_location", cool_jo.getString("point_location"));
+        //只找入箱点位（point_type : 4）
+        cache_map.put("point_type", "4");
+
+        JSONObject point_code2_jo = WQL.getWO("PDA_OVENINANDOUT_01").addParamMap(cache_map).process().uniqueResult(0);
+        if (ObjectUtil.isEmpty(point_code2_jo)) {
+            // 找不到就找其他上下位置的
+            cache_map.put("point_location", cool_jo.getString("point_location").equals("0") ? "1" : "0");
+            point_code2_jo = WQL.getWO("PDA_OVENINANDOUT_01").addParamMap(cache_map).process().uniqueResult(0);
+        }
+        if (ObjectUtil.isEmpty(point_code2_jo)) {
+            throw new BadRequestException("未查询到可用的点位类型为入箱的烘箱对接位！");
+        }
+
+        // 起点和终点确定 生成任务
+        JSONObject param = new JSONObject();
+        param.put("point_code1",point_code);
+        param.put("point_code2", point_code2_jo.getString("point_code"));
+        param.put("task_type", "010107");
+        param.put("material_code", container_name);
+        param.put("product_area", cool_jo.getString("product_area"));
+
+        CallEmpReelTask callEmpReelTask = SpringContextHolder.getBean(CallEmpReelTask.class);
+        callEmpReelTask.createTask(param);
+        return null;
+    }
+
     @Transactional(rollbackFor = Exception.class)
     @Override
     public JSONObject vehicleReturn(JSONObject form) {
diff --git a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/RawFoilServiceImpl.java b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/RawFoilServiceImpl.java
index 1d2285908..23afcf24d 100644
--- a/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/RawFoilServiceImpl.java
+++ b/lms/nladmin-system/src/main/java/org/nl/wms/pda/mps/service/impl/RawFoilServiceImpl.java
@@ -244,7 +244,7 @@ public class RawFoilServiceImpl implements RawFoilService {
             param.put("material_code", jsonRaw.getString("container_name"));
             param.put("product_area", jsonSb.getString("product_area"));
 
-            CallEmpReelTask callEmpReelTask = new CallEmpReelTask();
+            CallEmpReelTask callEmpReelTask = SpringContextHolder.getBean(CallEmpReelTask.class);
             callEmpReelTask.createTask(param);
         } else {
             // 2.根据就近原则查对应空卷轴
diff --git a/lms/nladmin-system/src/main/java/org/nl/wms/sch/tasks/CallEmpReelTask.java b/lms/nladmin-system/src/main/java/org/nl/wms/sch/tasks/CallEmpReelTask.java
index 881882fcc..24b9e7d1a 100644
--- a/lms/nladmin-system/src/main/java/org/nl/wms/sch/tasks/CallEmpReelTask.java
+++ b/lms/nladmin-system/src/main/java/org/nl/wms/sch/tasks/CallEmpReelTask.java
@@ -181,11 +181,55 @@ public class CallEmpReelTask extends AbstractAcsTask {
                         this.createTask(nextTaskParam);
                     }
                 } else {
-                    // 取空
-                    JSONObject jsonCoolIvt = ivtTab.query("empty_point_code = '" + point_code1 + "'").uniqueResult(0);
-                    jsonCoolIvt.put("empty_point_status", "01");
-                    jsonCoolIvt.put("empty_vehicle_code", "");
-                    ivtTab.update(jsonCoolIvt);
+                    if (jsonTask.getString("task_type").equals("010107")) {
+                        JSONObject jsonIvt = ivtTab.query("full_point_code ='" + point_code1 + "'").uniqueResult(0);
+                        if (ObjectUtil.isEmpty(jsonIvt)) {
+                            throw new BadRequestException("未找到可用点位:" + point_code1);
+                        }
+
+                        // 更新冷却库存状态
+                        jsonIvt.put("full_point_status", "01");
+                        jsonIvt.put("full_vehicle_code", "");
+                        jsonIvt.put("container_name", "");
+                        ivtTab.update(jsonIvt);
+                        // 校验终点是否存在
+                        JSONObject jsonIvt2 = point_tab.query("point_code ='" + point_code2 + "'").uniqueResult(0);
+                        if (ObjectUtil.isEmpty(jsonIvt2)) {
+                            throw new BadRequestException("终点未找到可用点位:" + point_code2);
+                        }
+                        JSONObject cache_param = new JSONObject();
+                        cache_param.put("flag", "4");
+                        cache_param.put("point_location", jsonIvt.getString("point_location"));
+                        cache_param.put("product_area", jsonIvt.getString("product_area"));
+                        // 创建半条任务
+                        JSONObject jo = new JSONObject();
+                        jo.put("task_id", IdUtil.getLongId());
+                        jo.put("task_code", IdUtil.getLongId());
+                        jo.put("task_type", "010206");
+                        jo.put("task_status", TaskStatusEnum.SURE_START.getCode());
+                        jo.put("point_code1", point_code2);
+                        jo.put("point_code2", "");
+                        jo.put("material_code", jsonTask.getString("material_code"));
+                        jo.put("product_area", jsonTask.getString("product_area"));
+                        jo.put("handle_class", InHotTask.class.getName());
+                        jo.put("remark", cache_param);
+                        jo.put("type", "3");
+                        jo.put("priority", "1");
+                        jo.put("sort_seq", "1");
+                        jo.put("create_time", DateUtil.now());
+                        jo.put("acs_task_type", "6");
+                        taskTab.insert(jo);
+                        // 更新点位库存状态
+                        jsonIvt2.put("point_status", "2");
+                        jsonIvt2.put("material_code", jsonTask.getString("material_code"));
+                        point_tab.update(jsonIvt2);
+                    }else {
+                        // 取空
+                        JSONObject jsonCoolIvt = ivtTab.query("empty_point_code = '" + point_code1 + "'").uniqueResult(0);
+                        jsonCoolIvt.put("empty_point_status", "01");
+                        jsonCoolIvt.put("empty_vehicle_code", "");
+                        ivtTab.update(jsonCoolIvt);
+                    }
                 }
 
             } else {
@@ -206,7 +250,7 @@ public class CallEmpReelTask extends AbstractAcsTask {
                     // 校验终点是否存在
                     JSONObject jsonIvt2 = point_tab.query("point_code ='" + point_code4 + "'").uniqueResult(0);
                     if (ObjectUtil.isEmpty(jsonIvt2)) {
-                        throw new BadRequestException("终点未找到可用点位:" + point_code2);
+                        throw new BadRequestException("终点未找到可用点位:" + point_code4);
                     }
 
                     /*//创建桁架任务将子卷搬运到桁架下的半成品缓存位
