<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
|
<script type="text/javascript" src="config.js"></script>
|
<script type="text/javascript" src="js/rem.js"></script>
|
<link rel="stylesheet" href="./css//font/webfontkit1/stylesheet.css">
|
<link rel="stylesheet" href="./css//font/webfontkit2/stylesheet.css">
|
<link rel="stylesheet" href="./css//font/webfontkit3/stylesheet.css">
|
<link rel="stylesheet" href="./css//font/webfontkit4/stylesheet.css">
|
<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>
|
|
</head>
|
|
<body>
|
<div class="container-flex" tabindex="0" hidefocus="true">
|
<div class="box-center">
|
<p class="titleHt title_lt">当前操作人:
|
<span id="idLoginName"> </span>
|
|
</p>
|
<p class="titleHt title_rt">登录时间:
|
<span id="idLoginTime"> </span>
|
</p>
|
<div class="center-top">
|
<h1>鲁丽家居包装线</h1>
|
</div>
|
</div>
|
|
|
<div class="box_up">
|
<div class="box_up_left">
|
<!--数据总概-->
|
<div class="con_div">
|
<div class="con_div_text">
|
<!-- <img src="./images/img/info_2.png" class=" text01_img"> -->
|
|
<svg class=" text01_img" t="1733038741126" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="8109" width="40" height="40">
|
<path
|
d="M168.96 35.301053c167.073684-20.48 336.842105-2.155789 504.993684-9.162106 75.991579 5.928421 168.96-19.132632 229.591579 40.421053 48.505263 44.463158 37.995789 115.604211 40.421053 174.618947-2.964211 207.225263 2.425263 414.72-1.886316 621.945264 2.694737 71.68-61.170526 135.814737-132.850526 132.850526-171.385263 4.311579-342.770526-1.077895-514.15579 1.886316-59.014737-2.425263-130.425263 8.353684-174.618947-40.421053-48.505263-44.463158-37.995789-115.604211-40.421053-174.618947 2.964211-207.225263-2.425263-414.72 2.15579-621.67579-1.616842-54.972632 34.762105-107.789474 86.770526-125.84421m-19.402105 60.362105C123.418947 223.932632 138.509474 355.166316 134.736842 485.052632c5.12 147.671579-12.934737 297.229474 14.821053 443.28421 119.376842 25.061053 241.717895 11.856842 362.442105 14.821053 120.724211-2.964211 243.065263 9.970526 362.172632-14.821053 26.408421-128.269474 11.317895-259.503158 15.090526-389.389474-5.12-147.671579 13.204211-297.229474-15.090526-443.28421C755.065263 70.871579 632.724211 83.806316 512 80.842105c-120.724211 2.964211-243.065263-9.970526-362.442105 14.821053z"
|
fill="#fafb44" opacity=".98" p-id="8110"></path>
|
<path
|
d="M246.298947 244.412632c114.256842-3.233684 228.783158-3.503158 343.04 0v50.122105c-114.526316 3.233684-228.783158 3.503158-343.309473 0 0.269474-12.395789 0.269474-37.726316 0.269473-50.122105zM651.587368 242.795789c41.498947 0.808421 83.267368 0.808421 125.03579-0.269473 0 13.473684 0.269474 40.421053 0.269474 53.894737-41.768421-1.077895-83.536842-1.077895-125.305264 0V242.795789zM246.298947 405.827368c177.313684-2.964211 354.357895-2.964211 531.671579 0-0.269474 12.665263-0.269474 37.995789-0.269473 50.661053-177.044211 2.694737-354.357895 2.964211-531.402106 0v-50.661053zM246.298947 567.511579c177.044211-2.964211 354.357895-2.964211 531.402106 0 0 12.665263 0 37.995789 0.269473 50.661053-177.313684 2.964211-354.627368 2.964211-531.671579 0v-50.661053zM246.298947 729.195789c177.044211-2.964211 354.088421-2.964211 531.132632 0 0.269474 12.665263 0.538947 37.995789 0.538947 50.661053-177.313684 2.964211-354.357895 2.964211-531.671579 0v-50.661053z"
|
fill="#fafb44" opacity=".98" p-id="8111"></path>
|
</svg>
|
|
<div class=" text01_div">
|
<p>总生产订单数</p>
|
<p id="idTotalOrder">0</p>
|
</div>
|
</div>
|
<div class="con_div_text">
|
<!-- <img src="./images/img/info_2.png" class=" text01_img"> -->
|
|
<svg class="text01_img" t="1733038810168" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="9271" width="40" height="40">
|
<path
|
d="M252.672 811.52c2.176 6.4 3.328 13.312 3.328 20.48v128a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64v-128a64 64 0 0 1 64-64h128c4.224 0 8.384 0.384 12.416 1.216l564.8-564.8A64.32 64.32 0 0 1 768 192V64a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64h-128a63.936 63.936 0 0 1-20.48-3.328L252.672 811.52z m586.56-43.52H960a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64h-128a64 64 0 0 1-64-64v-120.768l-56.768 56.768H620.672L896 620.672v90.56l-56.768 56.768zM174.592 256H64a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64v110.592L302.592 128h90.496L128 393.088V302.592L174.592 256z m490.048-128L128 664.64V574.08L574.08 128h90.56zM896 439.68L439.68 896H349.184L896 349.184V439.68z"
|
fill="#fafb44" p-id="9272"></path>
|
</svg>
|
|
|
<div class=" text01_div">
|
<p>总面积数</p>
|
<p id="idTotalArea">0</p>
|
</div>
|
</div>
|
<div class="con_div_text">
|
<!-- <img src="./images/img/info_2.png" class=" text01_img"> -->
|
|
<svg class="text01_img" t="1733038599790" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="5713" width="45" height="45">
|
<path
|
d="M86.518 244.9L493.35 10.013a36.571 36.571 0 0 1 36.571 0l406.835 234.885a36.571 36.571 0 0 1 18.285 31.672v469.772a36.571 36.571 0 0 1-18.285 31.67L529.922 1012.9a36.571 36.571 0 0 1-36.571 0L86.517 778.014a36.571 36.571 0 0 1-18.286-31.671V276.57A36.571 36.571 0 0 1 86.517 244.9z m59.525 50.203a9.143 9.143 0 0 0-4.571 7.919v416.87a9.143 9.143 0 0 0 4.571 7.918l361.022 208.436a9.143 9.143 0 0 0 9.143 0l361.02-208.435a9.143 9.143 0 0 0 4.572-7.918V303.022a9.143 9.143 0 0 0-4.571-7.92L516.208 86.67a9.143 9.143 0 0 0-9.143 0L146.043 295.103z m365.214 178.8l281.589-162.575c17.491-10.098 39.858-4.105 49.957 13.386 10.099 17.492 4.106 39.859-13.386 49.958L548.571 536.818v321.468c0 20.197-16.373 36.571-36.571 36.571-20.198 0-36.571-16.374-36.571-36.571v-320.61L194.088 375.242c-17.491-10.099-23.486-32.466-13.386-49.957 10.1-17.492 32.466-23.486 49.957-13.387l280.598 162.004z"
|
p-id="5714" fill="#fafb44"></path>
|
</svg>
|
|
<div class=" text01_div">
|
<p>总包数</p>
|
<p id="idTotalPackage">0</p>
|
</div>
|
</div>
|
<div class="con_div_text">
|
<!-- <img src="./images/img/info_2.png" class=" text01_img"> -->
|
|
|
<svg class=" text01_img" t="1733038450112" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="4608" width="45" height="45">
|
<path
|
d="M511.409231 983.118769C250.919385 983.118769 39.778462 771.938462 39.778462 511.409231 39.778462 250.919385 250.919385 39.778462 511.409231 39.778462c260.529231 0 471.709538 211.180308 471.709538 471.670153 0 260.529231-211.180308 471.709538-471.709538 471.709539z m0-70.774154c221.420308 0 400.935385-179.475692 400.935384-400.935384 0-221.420308-179.475692-400.935385-400.935384-400.935385-221.420308 0-400.935385 179.515077-400.935385 400.935385s179.515077 400.935385 400.935385 400.935384z"
|
fill="#fafb44" p-id="4609"></path>
|
<path
|
d="M315.195077 629.366154l166.518154-166.557539V265.216a35.367385 35.367385 0 0 1 70.734769 0v212.283077a35.367385 35.367385 0 0 1-10.358154 24.969846l-176.836923 176.876308a35.367385 35.367385 0 1 1-50.057846-50.018462z"
|
fill="#fafb44" p-id="4610"></path>
|
</svg>
|
|
|
<div class=" text01_div">
|
<p>工作时长(h)</p>
|
<p id="idTotalWorkTime">0</p>
|
</div>
|
</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="table_p table_p_my3">
|
<div class="tt">
|
<span>生产单号</span>
|
<span>总包数</span>
|
<span>是否齐套</span>
|
<span>已下线包数</span>
|
<!-- <span>未下线包数</span> -->
|
<span>总包装面积</span>
|
<span>已扫包装面积</span>
|
<!-- <span>未扫包装面积</span> -->
|
</div>
|
<div class="dowebok">
|
<ul id="idList1">
|
<!-- <li>
|
<span>下线面积77</span>
|
</li> -->
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
|
<!-- 表格 -->
|
<div class="div_table">
|
|
<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="table_p">
|
|
|
<div class="tt">
|
<span>生产单号</span>
|
<span>总包数</span>
|
<span>是否齐套</span>
|
<span>已下线包数</span>
|
<!-- <span>未下线包数</span> -->
|
<span>总包装面积</span>
|
<span>已扫包装面积</span>
|
<!-- <span>未扫包装面积</span> -->
|
</div>
|
<div class="dowebok dowebok1">
|
|
<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="table_p">
|
<div class="tt">
|
<span>生产单号</span>
|
<span>总包数</span>
|
<span>是否齐套</span>
|
<span>已下线包数</span>
|
<!-- <span>未下线包数</span> -->
|
<span>总包装面积</span>
|
<span>已扫包装面积</span>
|
<!-- <span>未扫包装面积</span> -->
|
</div>
|
<div class="dowebok dowebok2">
|
|
<ul id="idList3">
|
<!-- <li>
|
<span>生产单号11</span>
|
</li>
|
-->
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
</div>
|
|
<script src="./js/jquery-1.8.3.min.js"></script>
|
<script src="./js/jquery.liMarquee.js"></script>
|
<script>
|
let isMarqueeInitialized = false; // 初始化标志
|
let isMarqueeInitialized_zx1 = false; // 初始化标志
|
|
$(document).on("ready", function () {
|
function fetchAllData() {
|
|
// 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 style="color: ${item.isKitting ? 'white' : '#ea6767'};">${item.isKitting ? '是' : '否'}</span> <!-- 是否齐套 -->
|
<span>${item.unLinePackageNum}</span> <!-- 已下线包数 -->
|
<span>${item.allPackageArea}</span> <!-- 总包装面积 -->
|
<span>${item.scanPackageArea}</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 style="color: ${item.isKitting ? 'white' : '#ea6767'};">${item.isKitting ? '是' : '否'}</span> <!-- 是否齐套 -->
|
<span>${item.unLinePackageNum}</span>
|
<span>${item.allPackageArea}</span>
|
<span>${item.scanPackageArea}</span>
|
</li>`;
|
});
|
$('#idList2').append(listItems1);
|
|
|
|
// 仅在标志为 false 时初始化
|
if (!isMarqueeInitialized_zx1) {
|
$('.dowebok').liMarquee({
|
direction: 'up',
|
scrollamount: 20,
|
runshort: false
|
});
|
isMarqueeInitialized_zx1 = true; // 初始化后将标志设置为 true
|
}
|
|
|
}
|
});
|
|
// 字段名: 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 style="color: ${item.isKitting ? 'white' : '#ea6767'};">${item.isKitting ? '是' : '否'}</span> <!-- 是否齐套 -->
|
<span>${item.unLinePackageNum}</span>
|
<span>${item.allPackageArea}</span>
|
<span>${item.scanPackageArea}</span>
|
</li>`;
|
});
|
$('#idList3').append(listItems1);
|
|
// 仅在标志为 false 时初始化
|
if (!isMarqueeInitialized) {
|
$('.dowebok2').liMarquee({
|
direction: 'up',
|
scrollamount: 20,
|
runshort: false
|
});
|
isMarqueeInitialized = true; // 初始化后将标志设置为 true
|
}
|
|
|
// $('.dowebok2').liMarquee('destroy'); // 销毁之前的实例
|
// $('.dowebok2').liMarquee({
|
// direction: 'up',
|
// scrollamount: 20,
|
// runshort: false
|
// });
|
}
|
});
|
|
|
|
//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
|
// });
|
|
|
});
|
|
|
}
|
|
|
|
|
|
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>
|
|
</html>
|
