| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | | |
| | |
| | | |
| | | <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> |
| | |
| | | <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> |