1

liulijun

2026-01-06 114c252dcc51fea8b725bcd375cabb1e8d23a90e

 ÏîÄ¿´úÂë/BigScreen/src/views/indexLine.vue

@@ -21,10 +21,10 @@
                  "></span>
                            <span style="
                    padding-left: 15px;
                    font-size: 50px;
                    font-size: 55px;
                    font-weight: bold;
                    color: #90EE90;
                  ">立库输送轨道原纸信息（共{{showMsg}}卷）</span>
                  ">产线信息看板</span>
                            //时间
                            <div style="position: absolute; right: 20px;">
                                <p style="
@@ -73,32 +73,44 @@
            weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
            config: {
                header: [
                    '<span style="font-size:50px;">纸卷条码</span>',
                    '<span style="font-size:50px;">工单号</span>',
                    '<span style="font-size:50px;">代码</span>',
                    '<span style="font-size:50px;">上机位</span>',
                    '<span style="font-size:50px;">宽幅</span>',
                    '<span style="font-size:50px;">纸卷长</span>',
                    '<span style="font-size:50px;">需用纸长</span>'
                    '<span style="font-size:50px;">系统顺序</span>',
                    '<span style="font-size:50px;">机位</span>',
                    '<span style="font-size:50px;">用纸顺序</span>',
                    '<span style="font-size:50px;">纸种</span>',
                    '<span style="font-size:50px;">门幅</span>',
                    '<span style="font-size:50px;">纸卷号</span>',
                    '<span style="font-size:50px;">长度(m)</span>',
                    '<span style="font-size:50px;">计划用纸(m)</span>',
                    '<span style="font-size:50px;">存放库区</span>',
                    '<span style="font-size:50px;">配送状态</span>',
                    '<span style="font-size:50px;">备注</span>'
                ],
                data: [
                    [
                        '<span style="color:#FF4500; font-size:60px;">705010</span>',
                        '<span style="color:#FF4500; font-size:60px;">015004</span>',
                        '<span style="color:#FF4500; font-size:60px;">X2</span>',
                        '<span style="color:#FF4500; font-size:60px;">1</span>',
                        '<span style="color:#FF4500; font-size:60px;">1200</span>',
                        '<span style="color:#FF4500; font-size:60px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:60px;">180</span>',
                        '<span style="color:#FF4500; font-size:85px;">15</span>',
                        '<span style="color:#FF4500; font-size:85px;">1号</span>',
                        '<span style="color:#FF4500; font-size:85px;">1</span>',
                        '<span style="color:#FF4500; font-size:85px;">W3</span>',
                        '<span style="color:#FF4500; font-size:85px;">2250</span>',
                        '<span style="color:#FF4500; font-size:85px;">705010</span>',
                        '<span style="color:#FF4500; font-size:85px;">4798</span>',
                        '<span style="color:#FF4500; font-size:85px;">180</span>',
                        '<span style="color:#FF4500; font-size:85px;">产前周转区</span>',
                        '<span style="color:#FF4500; font-size:85px;">未配送</span>',
                        '<span style="color:#FF4500; font-size:85px;">已上机未领用/领用不显示</span>'
                    ],
                    [
                        '<span style="color:#FF4500; font-size:60px;">705010</span>',
                        '<span style="color:#FF4500; font-size:60px;">015004</span>',
                        '<span style="color:#FF4500; font-size:60px;">X2</span>',
                        '<span style="color:#FF4500; font-size:60px;">2</span>',
                        '<span style="color:#FF4500; font-size:60px;">1200</span>',
                        '<span style="color:#FF4500; font-size:60px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:60px;">180</span>',
                        '<span style="color:#FF4500; font-size:85px;">15</span>',
                        '<span style="color:#FF4500; font-size:85px;">3号</span>',
                        '<span style="color:#FF4500; font-size:85px;">1</span>',
                        '<span style="color:#FF4500; font-size:85px;">I1</span>',
                        '<span style="color:#FF4500; font-size:85px;">2250</span>',
                        '<span style="color:#FF4500; font-size:85px;">705011</span>',
                        '<span style="color:#FF4500; font-size:85px;">4798</span>',
                        '<span style="color:#FF4500; font-size:85px;">180</span>',
                        '<span style="color:#FF4500; font-size:85px;">产前周转区</span>',
                        '<span style="color:#FF4500; font-size:85px;">已配送</span>',
                        '<span style="color:#FF4500; font-size:85px;">已上机未领用/领用不显示</span>'
                    ],
                ],
                headerHeight: 60,
@@ -106,9 +118,9 @@
                evenRowBGC: "rgba(0, 0, 0, 0.6)",
                headerBGC: "rgba(0, 0, 0, 0.6)",
                waitTime: 5000,
                columnWidth: [380, 380, 180, 200, 200, 250, 250],
                columnWidth: [100, 100, 100, 100, 100, 200, 150, 150, 150, 150, 250],
                rowNum: 10,
                align: ["center", "center", "center", "center", "center", "center", "center"],
                align: ["center", "center", "center", "center", "center", "center", "center", "center", "center", "center", "center"],
            },
            IsDetail: true,
            showMsg:""
@@ -169,29 +181,70 @@
                        return;
                    }
                    this.showMsg=res.data.message
                    var arr = [];
                    res.data.data.forEach((x) => {
                        var item = [
                                '<span style="color:#FF4500; font-size:55px;">'+x.palletCode+'</span>',
                                '<span style="color:#FF4500; font-size:55px;">'+x.orderNo+'</span>',
                                '<span style="color:#FF4500; font-size:55px;">'+x.materielCode+'</span>',
                                '<span style="color:#FF4500; font-size:55px;">'+x.machineName+'</span>',
                                '<span style="color:#FF4500; font-size:55px;">'+x.materialWide+'</span>',
                                '<span style="color:#FF4500; font-size:55px;;">'+x.originalQuantity+'</span>',
                                '<span style="color:#FF4500; font-size:55px;">'+x.orderQuantity+'</span>',
                        ];
                        arr.push(item);
                    
                    // 1. æŒ‰çº¸å·å·åˆ†ç»„数据
                    const groupedData = {};
                    res.data.data.forEach((item) => {
                        const palletCode = item.palletCode || '';
                        if (!groupedData[palletCode]) {
                            groupedData[palletCode] = [];
                        }
                        groupedData[palletCode].push(item);
                    });
                    
                    // 2. å¤„理分组后的数据：合并计划用纸
                    var arr = [];
                    Object.keys(groupedData).forEach((palletCode, index) => {
                        const group = groupedData[palletCode];
                        
                        // å–第一条数据作为基础数据
                        const firstItem = group[0];
                        
                        // è®¡ç®—计划用纸总和
                        let totalOrderQuantity = 0;
                        group.forEach((item) => {
                            totalOrderQuantity += parseInt(item.orderQuantity) || 0;
                        });
                        
                        // å¤„理其他数值
                        const originalQuantity = parseInt(firstItem.originalQuantity) || 0;
                        const materialWide = parseInt(firstItem.materialWide) || 0;
                        
                        // æ˜ å°„字段到新的表格结构
                        var tableRow = [
                            // åºå·ï¼ˆä»Ž1开始递增）
                            '<span style="color:#FF4500; font-size:85px;">' + (index + 1) + '</span>',
                            // æœºä½
                            '<span style="color:#FF4500; font-size:85px;">' + (firstItem.machineName || '') + '</span>',
                            // çº¸ç§
                            '<span style="color:#FF4500; font-size:85px;">' + (firstItem.materielCode || '') + '</span>',
                            // é—¨å¹…
                            '<span style="color:#FF4500; font-size:85px;">' + materialWide + '</span>',
                            // çº¸å·å· - å°†3-6位连续字母转换为*
                            '<span style="color:#FF4500; font-size:85px;">' + ((firstItem.palletCode || '').replace(/[A-Za-z]{3,6}/g, function(match) {
                                return '*'.repeat(match.length);
                            })) + '</span>',
                            // é•¿åº¦(m)
                            '<span style="color:#FF4500; font-size:85px;">' + originalQuantity + '</span>',
                            // è®¡åˆ’用纸(m) - åˆå¹¶åŽçš„值
                            // '<span style="color:#FF4500; font-size:85px;">' + totalOrderQuantity + '</span>',
                            // å­˜æ”¾åº“区
                            '<span style="color:#FF4500; font-size:85px;">' + ('老厂') + '</span>',
                        ];
                        arr.push(tableRow);
                    });
                    
                    if (this.IsDetail) {
                        this.config = {
                            header: [
                            '<span style="font-size:50px;">纸卷条码</span>',
                            '<span style="font-size:50px;">工单号</span>',
                            '<span style="font-size:50px;">代码</span>',
                            '<span style="font-size:50px;">上机位</span>',
                            '<span style="font-size:50px;">宽幅</span>',
                            '<span style="font-size:50px;">纸卷长</span>',
                            '<span style="font-size:50px;">需用纸长</span>'
                                '<span style="font-size:50px;">序号</span>',
                                '<span style="font-size:50px;">机位</span>',
                                '<span style="font-size:50px;">纸种</span>',
                                '<span style="font-size:50px;">门幅</span>',
                                '<span style="font-size:50px;">纸卷号</span>',
                                '<span style="font-size:50px;">米长</span>',
                                // '<span style="font-size:50px;">排程长</span>',
                                '<span style="font-size:50px;">存放区</span>',
                            ],
                            data: arr,
                            headerHeight: 60,
@@ -199,13 +252,14 @@
                            evenRowBGC: "rgba(0, 0, 0, 0.6)",
                            headerBGC: "rgba(0, 0, 0, 0.6)",
                            waitTime: 5000,
                            columnWidth: [380, 380, 180, 200, 200, 250, 250],
                            columnWidth: [135, 270, 200, 240, 460, 220, 260],
                            rowNum: 10,
                            align: ["center", "center", "center", "center", "center", "center", "center"],
                            align: ["center", "center", "center", "center", "center", "center", "center", "center", "center"],
                        };
                    } else {
                        this.$refs["scrollBoard"].updateRows(arr)
                    }
                    
                    if (this.IsDetail) {
                        this.timeRequest = setInterval(() => {
                            this.GetOrderDetail();
@@ -262,13 +316,13 @@
    display: flex;
    background-color: rgb(0, 0, 0);
    color: #fff;
    height: 30px;
    line-height: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.cell {
    width: 160px;
    width: 185px;
    border-right: #fff 1px solid;
    text-align: center;
}