<!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">
|
<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">
|
<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">
|
<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">
|
<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>
|
</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>
|
</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>
|
</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>
|
$('document').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>${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>
|
|
</html>
|
