1

liulijun

2026-01-06 114c252dcc51fea8b725bcd375cabb1e8d23a90e

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

@@ -21,15 +21,15 @@
                  "></span>
                            <span style="
                    padding-left: 15px;
                    font-size: 50px;
                    font-size: 60px;
                    font-weight: bold;
                    color: #90EE90;
                  ">排除出库原纸信息（共 å·ï¼‰</span>
                  ">抱纸指引看板</span>
                            //时间
                            <div style="position: absolute; right: 20px;">
                                <p style="
                      display: inline-block;
                      font-size: 50px;
                      font-size: 35px;
                      font-weight: bold;
                      color: #f7b500;
                      margin: 0;
@@ -64,6 +64,7 @@
    data() {
        return {
            timing: null,
            timeRequest: null,
            loading: true,
            dateDay: null,
            dateYear: null,
@@ -72,149 +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:35px;">系统顺序</span>',
                    '<span style="font-size:35px;">机位</span>',
                    '<span style="font-size:35px;">用纸顺序</span>',
                    '<span style="font-size:35px;">纸种</span>',
                    '<span style="font-size:35px;">门幅</span>',
                    '<span style="font-size:35px;">纸卷号</span>',
                    '<span style="font-size:35px;">长度(m)</span>',
                    '<span style="font-size:35px;">计划用纸(m)</span>',
                    '<span style="font-size:35px;">存放库区</span>',
                    '<span style="font-size:35px;">配送状态</span>',
                    '<span style="font-size:35px;">备注</span>'
                ],
                data: [
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">1</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                        '<span style="color:#FF4500; font-size:60px;">15</span>',
                        '<span style="color:#FF4500; font-size:60px;">1号</span>',
                        '<span style="color:#FF4500; font-size:60px;">1</span>',
                        '<span style="color:#FF4500; font-size:60px;">W3</span>',
                        '<span style="color:#FF4500; font-size:60px;">2250</span>',
                        '<span style="color:#FF4500; font-size:60px;">705010</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:60px;">产前周转区</span>',
                        '<span style="color:#FF4500; font-size:60px;">未配送</span>',
                        '<span style="color:#FF4500; font-size:60px;">已上机未领用/领用不显示</span>'
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">2</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">3</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">4</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">5</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">6</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">7</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">8</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">9</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">10</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">11</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">12</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">13</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">14</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                    ],
                    [
                        '<span style="color:#FF4500; font-size:75px;">705010</span>',
                        '<span style="color:#FF4500; font-size:75px;">015004</span>',
                        '<span style="color:#FF4500; font-size:75px;">X2</span>',
                        '<span style="color:#FF4500; font-size:75px;">15</span>',
                        '<span style="color:#FF4500; font-size:75px;">1200</span>',
                        '<span style="color:#FF4500; font-size:75px;;">4798</span>',
                        '<span style="color:#FF4500; font-size:75px;">180</span>',
                        '<span style="color:#FF4500; font-size:60px;">15</span>',
                        '<span style="color:#FF4500; font-size:60px;">3号</span>',
                        '<span style="color:#FF4500; font-size:60px;">1</span>',
                        '<span style="color:#FF4500; font-size:60px;">I1</span>',
                        '<span style="color:#FF4500; font-size:60px;">2250</span>',
                        '<span style="color:#FF4500; font-size:60px;">705011</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:60px;">产前周转区</span>',
                        '<span style="color:#FF4500; font-size:60px;">已配送</span>',
                        '<span style="color:#FF4500; font-size:60px;">已上机未领用/领用不显示</span>'
                    ],
                ],
                headerHeight: 60,
@@ -222,12 +118,12 @@
                evenRowBGC: "rgba(0, 0, 0, 0.6)",
                headerBGC: "rgba(0, 0, 0, 0.6)",
                waitTime: 5000,
                columnWidth: [350, 350, 200, 200, 250, 250, 350],
                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,
            OrderCreator: {},
            showMsg:""
        };
    },
    components: {
@@ -240,10 +136,11 @@
            this.updateTime(); // æ¯ç§’更新时间
        }, 1000);
        this.cancelLoading();
        // this.GetOrderDetail();
        this.GetOrderDetail();
    },
    beforeDestroy() {
        clearInterval(this.timing);
        clearInterval(this.timeRequest);
    },
    methods: {
        // æ›´æ–°åŒ—京时间
@@ -278,42 +175,97 @@
            }, 1000);
        },
        GetOrderDetail() {
            axios.post("/api/dt_WorkOrder/getWorkOrderInfo", null, "").then((res) => {
            axios.post("/api/OutLineView/GetOutLineView", null, "").then((res) => {
                if (res.data.status) {
                    if (res.data.data == null) {
                        return;
                    }
                    var sp = '</span>';
                    var arr = [];
                    res.data.data.dt_WorkOrderDetail.forEach((x) => {
                        var item = [
                            '<span style="color:#67e0e3;">' + x.layer + '层' + sp,
                            '<span style="color:#9fe6b8;">' + (x.lj_hight == null ? '无需测量' : x.lj_hight + 'mm') + sp,
                            '<span style="color:#fb7503;">' + (x.measure_hight == null ? '无需测量' : x.measure_hight + 'mm') + sp,
                            '<span style="color:#fb7503;">' + x.lj_is_tolerance + sp,
                        ];
                        arr.push(item);
                    this.showMsg=res.data.message
                    
                    // 1. æŒ‰çº¸å·å·åˆ†ç»„数据
                    const groupedData = {};
                    res.data.data.forEach((item) => {
                        const palletCode = item.palletCode || '';
                        if (!groupedData[palletCode]) {
                            groupedData[palletCode] = [];
                        }
                        groupedData[palletCode].push(item);
                    });
                    this.OrderCreator = res.data.data;
                    
                    // 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:35px;">' + (index + 1) + '</span>',
                            // æœºä½
                            '<span style="color:#FF4500; font-size:35px;">' + (firstItem.machineName || '') + '</span>',
                            // é¡ºåº
                            //'<span style="color:#FF4500; font-size:35px;">' + (firstItem.paperUseOrder || '') + '</span>',
                            // çº¸ç§
                            '<span style="color:#FF4500; font-size:35px;">' + (firstItem.materielCode || '') + '</span>',
                            // é—¨å¹…
                            '<span style="color:#FF4500; font-size:35px;">' + materialWide + '</span>',
                            // çº¸å·å·
                            '<span style="color:#FF4500; font-size:35px;">' + (firstItem.palletCode || '') + '</span>',
                            // é•¿åº¦(m)
                            '<span style="color:#FF4500; font-size:35px;">' + originalQuantity + '</span>',
                            // è®¡åˆ’用纸(m) - åˆå¹¶åŽçš„值
                            '<span style="color:#FF4500; font-size:35px;">' + totalOrderQuantity + '</span>',
                            // å­˜æ”¾åº“区
                            '<span style="color:#FF4500; font-size:35px;">' + ('老厂暂存区') + '</span>',
                            // é…é€çŠ¶æ€
                            '<span style="color:#FF4500; font-size:35px;">' + ('未配送') + '</span>',
                        ];
                        arr.push(tableRow);
                    });
                    
                    if (this.IsDetail) {
                        this.config = {
                            header: [
                                '<span style="font-size:18px;">层数</span>',
                                '<span style="font-size:18px;">累计标准饼厚</span>',
                                '<span style="font-size:18px;">累计饼厚</span>',
                                '<span style="font-size:18px;">测高结果</span>'
                                '<span style="font-size:30px;">序号</span>',
                                '<span style="font-size:30px;">机位</span>',
                                // '<span style="font-size:30px;">顺序</span>',
                                '<span style="font-size:30px;">纸种</span>',
                                '<span style="font-size:30px;">门幅</span>',
                                '<span style="font-size:30px;">纸卷号</span>',
                                '<span style="font-size:30px;">长度(m)</span>',
                                '<span style="font-size:30px;">计划用纸(m)</span>',
                                '<span style="font-size:30px;">存放库区</span>',
                                '<span style="font-size:30px;">配送状态</span>',
                            ],
                            data: arr,
                            waitTime: 10000,
                            rowNum: 15,
                            columnWidth: [75, 150, 110, 110],
                            align: ["center", "center", "center", "center"]
                            headerHeight: 60,
                            oddRowBGC: "rgba(0, 0, 0, 0.6)",
                            evenRowBGC: "rgba(0, 0, 0, 0.6)",
                            headerBGC: "rgba(0, 0, 0, 0.6)",
                            waitTime: 5000,
                            columnWidth: [100, 150, 150, 200, 250, 200, 250, 250, 150, 200],
                            rowNum: 10,
                            align: ["center", "center", "center", "center", "center", "center", "center", "center", "center", "center"],
                        };
                    } else {
                        this.$refs["scrollBoard"].updateRows(arr)
                    }
                    
                    if (this.IsDetail) {
                        setInterval(() => {
                        this.timeRequest = setInterval(() => {
                            this.GetOrderDetail();
                        }, 10000);
                        this.IsDetail = false;