liuying
2024-11-30 3706fb22a858169204aa05a01b38ec1a4e04b5c7
LuLiScreen/index3.html
@@ -15,20 +15,20 @@
    <link rel="stylesheet" href="./css//font/icomoon/style.css">
    <link rel="stylesheet" href="./css/liMarquee.css">
    <link rel="stylesheet" href="./css/style_new20241126.css">
    <title>鲁丽木业包装线</title>
    <title>鲁丽家居包装线</title>
</head>
<body>
    <div class="container-flex" tabindex="0" hidefocus="true">
        <div class="box-center">
            <p class="titleHt title_lt">当前登陆人:
                <span>刘工 </span>
            <p class="titleHt title_lt">当前登陆人:
                <span id="idLoginName"> </span>
            </p>
            <p class="titleHt title_rt">登录时间:
                <span> 2024-01-05 </span>
            <p class="titleHt title_rt">登录时间:
                <span id="idLoginTime"> </span>
            </p>
            <div class="center-top">
                <h1>鲁丽木业包装线</h1>
@@ -43,29 +43,29 @@
                    <div class="con_div_text">
                        <img src="./images/img/info_2.png" class=" text01_img">
                        <div class=" text01_div">
                            <p>总订单数</p>
                            <p>55</p>
                            <p>总生产订单数</p>
                            <p id="idTotalOrder">0</p>
                        </div>
                    </div>
                    <div class="con_div_text">
                        <img src="./images/img/info_2.png" class=" text01_img">
                        <div class=" text01_div">
                            <p>总面积数</p>
                            <p>55</p>
                            <p id="idTotalArea">0</p>
                        </div>
                    </div>
                    <div class="con_div_text">
                        <img src="./images/img/info_2.png" class=" text01_img">
                        <div class=" text01_div">
                            <p>总包数</p>
                            <p>66</p>
                            <p id="idTotalPackage">0</p>
                        </div>
                    </div>
                    <div class="con_div_text">
                        <img src="./images/img/info_2.png" class=" text01_img">
                        <div class=" text01_div">
                            <p>工作时长(h)</p>
                            <p>44</p>
                            <p id="idTotalWorkTime">0</p>
                        </div>
                    </div>
                </div>
@@ -74,34 +74,28 @@
            <div class="box_up_right">
                <div class=" div_table_box">
                    <div class="div_any_child div_any_child2">
                        <div class="div_any_title"><img src="./images/img/title_4.png">当前产线工件列表 </div>
                        <div class="div_any_title"><img src="./images/img/title_4.png">当前订单工件列表 </div>
                        <div class="table_p table_p_my3">
                            <div class="tt">
                                <span>订单号</span>
                                <span>工件数</span>
                                <span>还差数</span>
                                <span>下线数</span>
                                <span>总面积</span>
                                <span>当前面积</span>
                                <span>下线面积</span>
                                <span>生产单号</span>
                                <span>包数</span>
                                <span>已下线包数</span>
                                <span>未下线包数</span>
                                <span>总包装面积</span>
                                <span>已扫包装面积</span>
                                <span>未扫包装面积</span>
                            </div>
                            <div class="dowebok">
                                <ul>
                                    <li>
                                        <span>订单号11</span>
                                        <span>工件数22</span>
                                        <span>还差数33</span>
                                        <span>下线数44</span>
                                        <span>总面积55</span>
                                        <span>当前面积66</span>
                                <ul id="idList1">
                                    <!-- <li>
                                        <span>下线面积77</span>
                                    </li>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@@ -111,332 +105,49 @@
            <div class=" div_table_box">
                <div class="div_any_child">
                    <div class="div_any_title"><img src="./images/img/title_4.png">历史产线工件列表 </div>
                    <div class="div_any_title"><img src="./images/img/title_4.png">历史订单工件列表 </div>
                    <div class="table_p">
                        <div class="tt">
                            <span>订单号</span>
                            <span>工件数</span>
                            <span>还差数</span>
                            <span>下线数</span>
                            <span>总面积</span>
                            <span>当前面积</span>
                            <span>下线面积</span>
                            <span>生成单号</span>
                            <span>总包数</span>
                            <span>已下线包数</span>
                            <span>未下线包数</span>
                            <span>总包装面积</span>
                            <span>已扫包装面积</span>
                            <span>未扫包装面积</span>
                        </div>
                        <div class="dowebok dowebok1">
                            <ul>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                            <ul id="idList2">
                                <!-- <li>
                                    <span>生成单号11</span>
                                </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="div_any_child">
                    <div class="div_any_title"><img src="./images/img/title_4.png">计划产线件号列表 </div>
                    <div class="div_any_title"><img src="./images/img/title_4.png">计划订单工件列表 </div>
                    <div class="table_p">
                        <div class="tt">
                            <span>订单号</span>
                            <span>工件数</span>
                            <span>还差数</span>
                            <span>下线数</span>
                            <span>总面积</span>
                            <span>当前面积</span>
                            <span>下线面积</span>
                            <span>生成单号</span>
                            <span>总包数</span>
                            <span>已下线包数</span>
                            <span>未下线包数</span>
                            <span>总包装面积</span>
                            <span>已扫包装面积</span>
                            <span>未扫包装面积</span>
                        </div>
                        <div class="dowebok dowebok2">
                            <ul>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                            <ul id="idList3">
                                <!-- <li>
                                    <span>生成单号11</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                <li>
                                    <span>订单号11</span>
                                    <span>工件数22</span>
                                    <span>还差数33</span>
                                    <span>下线数44</span>
                                    <span>总面积55</span>
                                    <span>当前面积66</span>
                                    <span>下线面积77</span>
                                </li>
                                 -->
                            </ul>
                        </div>
                    </div>
@@ -450,18 +161,186 @@
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/jquery.liMarquee.js"></script>
    <script>
        $(function () {
            $('.dowebok1').liMarquee({
                direction: 'up',
                scrollamount:20,
                runshort: false
            });
        $('document').ready(function () {
            function fetchAllData() {
            $('.dowebok2').liMarquee({
                direction: 'up',
                scrollamount:20,
                runshort: false
            });
                // 11111111111111111 当前生产订单记录
                fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryCurrentOrder`, 'GET', {}, (res) => {
                    $('#idList1').html('');
                    var dataList1 = res.result;
                    if (!dataList1) {
                        $('#idList1').html(' <span class="no_data">暂无数据</span>');
                    } else {
                        var item = dataList1;
                        var listItems1 = '';
                        listItems1 += `<li>
                        <span>${item.info5}</span>    <!-- 生产单号 -->
                        <span>${item.packageNum}</span>  <!-- 包数 -->
                        <span>${item.unLinePackageNum}</span> <!-- 已下线包数 -->
                        <span>${item.noUnLinePackageNum}</span> <!-- 未下线包数 -->
                        <span>${item.allPackageArea}</span>  <!-- 总包装面积 -->
                        <span>${item.scanPackageArea}</span>  <!-- 已扫描包装面积 -->
                        <span>${item.noScanPackageArea}</span> <!-- 未扫描包装面积 -->
                        </li>`;
                        $('#idList1').append(listItems1);
                    }
                });
                // <span>${item.Info5}</span>    <!-- 生产单号 -->
                //         <span>${item.planNo}</span>   <!-- 批次号 -->
                //         <span>${item.orderId}</span>  <!-- 订单号 -->
                //         <span>${item.isKitting}</span> <!-- 是否齐套 -->
                //         <span>${item.isUnline}</span>  <!-- 是否下线 -->
                //         <span>${item.unlineTime}</span> <!-- 下线时间 -->
                //         <span>${item.unlinePerson}</span> <!-- 下线人 -->
                //         <span>${item.packageNum}</span>  <!-- 包数 -->
                //         <span>${item.unLinePackageNum}</span> <!-- 已下线包数 -->
                //         <span>${item.noUnLinePackageNum}</span> <!-- 未下线包数 -->
                //         <span>${item.allPackageArea}</span>  <!-- 总包装面积 -->
                //         <span>${item.scanPackageArea}</span>  <!-- 已扫描包装面积 -->
                //         <span>${item.noScanPackageArea}</span> <!-- 未扫描包装面积 -->
                // 22222222222222222 历史
                fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryHistoryOrderList`, 'GET', {}, (res) => {
                    $('#idList2').html('');
                    var dataList1 = res.result;
                    if (dataList1 == null || dataList1.length == 0) {
                        $('#idList2').html(' <span class="no_data">暂无数据</span>');
                    } else {
                        var listItems1 = '';
                        dataList1.forEach(item => {
                            listItems1 += `<li>
                        <span>${item.info5}</span>
                        <span>${item.packageNum}</span>
                        <span>${item.unLinePackageNum}</span>
                        <span>${item.noUnLinePackageNum}</span>
                        <span>${item.allPackageArea}</span>
                        <span>${item.scanPackageArea}</span>
                        <span>${item.noScanPackageArea}</span>
                    </li>`;
                        });
                        $('#idList2').append(listItems1);
                    }
                });
                // 字段名: info5, 中文描述: 生产单号
                // 字段名: packageNum, 中文描述: 包数
                // 字段名: unLinePackageNum, 中文描述: 已下线包数
                // 字段名: noUnLinePackageNum, 中文描述: 未下线包数
                // 字段名: allPackageArea, 中文描述: 总包装面积
                // 字段名: scanPackageArea, 中文描述: 已扫描包装面积
                // 字段名: noScanPackageArea, 中文描述: 未扫描包装面积
                // 字段名: planNo, 中文描述: 批次号
                // 字段名: orderId, 中文描述: 订单号
                // 字段名: isKitting, 中文描述: 是否齐套
                // 字段名: isUnline, 中文描述: 是否下线
                // 字段名: unlineTime, 中文描述: 下线时间
                // 字段名: unlinePerson, 中文描述: 下线人
                // 33333333333333333333 计划
                fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryPlanOrderList`, 'GET', {}, (res) => {
                    $('#idList3').html('');
                    var dataList1 = res.result;
                    if (dataList1 == null || dataList1.length == 0) {
                        $('#idList3').html(' <span class="no_data">暂无数据</span>');
                    } else {
                        var listItems1 = '';
                        dataList1.forEach(item => {
                            listItems1 += `<li>
                        <span>${item.info5}</span>
                        <span>${item.packageNum}</span>
                        <span>${item.unLinePackageNum}</span>
                        <span>${item.noUnLinePackageNum}</span>
                        <span>${item.allPackageArea}</span>
                        <span>${item.scanPackageArea}</span>
                        <span>${item.noScanPackageArea}</span>
                    </li>`;
                        });
                        $('#idList3').append(listItems1);
                    }
                });
                //4444444444444444
                // 登录人 汇总
                // [SugarColumn(ColumnName = "Info12", ColumnDescription = "包装部件总数量", Length = 60)]
                // [SugarColumn(ColumnName = "Info13", ColumnDescription = "包装面积", Length = 60)]
                fetchData(`${baseUrl}/api/WmsCommonnQuery/ScreenLogin`, 'GET', {}, (res) => {
                    $('#idTotalOrder').html('');
                    $('#idTotalArea').html('');
                    $('#idTotalPackage').html('');
                    $('#idTotalWorkTime').html('');
                    $('#idLoginName').html('');
                    $('#idLoginTime').html('');
                    var dataList1 = res.result;
                    if (dataList1 == null || dataList1.length == 0) {
                        $('#idList2').html(' <span class="no_data">暂无数据</span>');
                    } else {
                        // var LoginName = res.result?.items[0].value;
                        $('#idTotalOrder').html(res.result.allOrderNum);
                        $('#idTotalArea').html(res.result?.allPackageArea);
                        $('#idTotalPackage').html(res.result?.packageNum);
                        const formattedWorkTime = res.result?.workTime.toFixed(2);
                        $('#idTotalWorkTime').html(formattedWorkTime);
                        $('#idLoginName').append(res.result?.loginUser);
                        $('#idLoginTime').append(res.result?.timeLogin);
                    }
                });
                // $(function () {
                //     $('.dowebok1').liMarquee({
                //         direction: 'up',
                //         scrollamount:20,
                //         runshort: false
                //     });
                //     $('.dowebok2').liMarquee({
                //         direction: 'up',
                //         scrollamount:20,
                //         runshort: false
                //     });
                // });
            }
            function fetchData(url, method = 'GET', data = {}, callback) {
                $.ajax({
                    url: url,
                    data: data,
                    type: method,
                    dataType: 'json',
                    timeout: 5000,
                    success: (res) => {
                        // 调用回调函数并将结果传递给它
                        callback(res);
                    },
                    error: (jqXHR, textStatus, errorThrown) => {
                        console.error("AJAX Error: " + textStatus, errorThrown);
                        // 可以在这里处理错误,如果需要
                    }
                });
            }
            // 每两秒调用一次
            setInterval(fetchAllData, 2000);
        });
    </script>
</body>