|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="UTF-8" />
|
<meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1.0" />
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=0.665, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" /> -->
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
<title>Boxline PDA</title>
|
|
<link rel="stylesheet" href="/layui/css/layui.css" />
|
<link rel="stylesheet" href="/css/style.css" />
|
<script src="/js/adaptive.js"></script>
|
<link rel="stylesheet" href="/css/my.css" />
|
<link rel="stylesheet" href="/css/adapter.css" />
|
<style type="text/css">
|
.layout-bill-info {
|
height: 255px;
|
}
|
.layout-tbl-submit {
|
margin-top: 10px;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="" class="main-content">
|
<div id="" class="layout-title">
|
<table border="" cellspacing="" cellpadding="">
|
<tr>
|
<td class="img-back"><a href="../index.html"><img src="/assets/back.jpg" ></a></td>
|
<td class="title-text">线边标签</td>
|
<td class="title-menu-icon"><img id="menuImg" src="/assets/menu.jpg" ></td>
|
</tr>
|
</table>
|
</div>
|
<div id="" class="layout-sub-content">
|
<div id="menuList" class="menu">
|
<ul class="" style="text-align: center;">
|
<li><a href="../index.html">主页</a></li>
|
<li><a href="../login.html">重新登录</a></li>
|
</ul>
|
</div>
|
<div>
|
<button id="click" class="layout-btn" type="button" style="background-color: #999; width: 100%;text-align: center; margin-top: 2px;">连接蓝牙</button>
|
</div>
|
<div id="zongDiv2" class="layout-bill-info" style="height: 255px;">
|
<form class="layui-form" id="form2" action="">
|
<div id="" class="layui-form-item layout-input">
|
<label class="layui-form-label" lang>物料编码：</label>
|
<div class="layui-input-block">
|
<input id="skuNo" type="text" placeholder="" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
|
<div class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">物料名称：</label>
|
<div class="layui-input-block">
|
<input id="skuName" type="text" placeholder=""
|
autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
<div class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">批次号:</label>
|
<div class="layui-input-block">
|
<input id="lotNo" type="text" placeholder=""
|
autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
<div class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">生产日期:</label>
|
<div class="layui-input-block">
|
<input id="timeFrom" type="date" placeholder="请选择日期"
|
autocomplete="off" class="measureDate" style="padding-left: 0px;">
|
</div>
|
</div>
|
<div class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">有效期:</label>
|
<div class="layui-input-block">
|
<input id="timeEnd" type="date" placeholder="请选择日期"
|
autocomplete="off" class="measureDate" style="padding-left: 0px;">
|
</div>
|
</div>
|
<div class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">箱内数量:</label>
|
<div class="layui-input-block">
|
<input id="skuNum" type="text" placeholder=""
|
autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
|
<table class="layout-tbl-submit" border="" cellspacing="" cellpadding="">
|
<tr>
|
<td style="width: 23%;"></td>
|
<td>
|
<button id="click2" class="layout-btn layout-btn-red" lang type="button" lay-submit
|
lay-filter="formBind">打印标签</button>
|
</td>
|
<td style="width: 33%;"></td>
|
|
</tr>
|
</table>
|
</form>
|
</div>
|
<div id="" class="layout-bill-info">
|
</div>
|
</div>
|
</div>
|
|
<script src="/js/jquery-3.5.1.min.js"></script>
|
<script src="/layui/layui.js"></script>
|
<script src="/js/public.js"></script>
|
<script src="/js/jquery.cookie.js"></script>
|
|
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
|
|
<script type="text/javascript">
|
let date = new Date();
|
let yyyy = date.getFullYear();
|
let MM = (date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : (date.getMonth() + 1);
|
let dd = date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate();
|
// let HH = date.getHours() < 10 ? ("0" + date.getHours()) : date.getHours();
|
// let mm = date.getMinutes() < 10 ? ("0" + date.getMinutes()) : date.getMinutes();
|
let curDay = yyyy + '-' + MM + '-' + dd ;//+ 'T' + HH + ':' + mm;
|
$('.measureDate').val(curDay);
|
console.log(curDay);
|
</script>
|
|
<script>
|
var dataLists;
|
layui.use(['form', 'jquery'], function() {
|
var form = layui.form
|
// 链接蓝牙
|
$("#menuImg").click(function(e){
|
e.stopPropagation()
|
|
if($("#menuList").is(":hidden")){
|
$("#menuList").show()
|
}else{
|
$("#menuList").hide()
|
}
|
})
|
$('body').click(function(){
|
$("#menuList").hide()
|
})
|
|
|
//物料编码失去焦点事件
|
$("#skuNo").on('blur',function (e) {
|
if ($("#skuNo").val() == "") {
|
layer.msg('请输入物料编码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
|
getSkuInfo();
|
});
|
|
|
//物料名称失去焦点事件
|
$("#skuName").on('blur',function (e) {
|
if ($("#skuName").val() == "") {
|
layer.msg('请输入物料编码名称', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
|
getSkuInfo();
|
});
|
|
// 验证获取物料信息
|
function getSkuInfo(){
|
var param = {
|
SkuNo:$("#skuNo").val(),
|
SkuName:$("#skuName").val()
|
}
|
|
synData(IP + "/PdaAsn/getSkuInfo", param, 'post', function (res) {
|
console.log(JSON.stringify(res))
|
if (res.code == 0 && res.data != null) { //成功
|
console.log(res.data);
|
$("#skuNo").val(res.data.SkuNo);
|
$("#skuName").val(res.data.SkuName);
|
}else{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
});
|
}
|
})
|
|
document.addEventListener("UniAppJSBridgeReady", function () {
|
document.getElementById("click").addEventListener("click", function () {
|
let data = {
|
type: "search"
|
};
|
console.log("给 uni-app 发送数据", data);
|
|
uni.postMessage({
|
data: data,
|
});
|
});
|
document.getElementById("click2").addEventListener("click", function () {
|
// 验证必填项
|
if ($("#skuNo").val() == "") {
|
layer.msg('物料编码不可为null', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
if ($("#skuName").val() == "") {
|
layer.msg('物料名称不可为null', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
if ($("#lotNo").val() == "") {
|
layer.msg('批次号不可为null', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
if ($("#skuNum").val() == "") {
|
layer.msg('箱内数量不可为null', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
// 参数
|
var param = {
|
SkuNo:$("#skuNo").val(),
|
SkuName:$("#skuName").val(),
|
LotNo:$("#lotNo").val(),
|
TimeFrom:$("#timeFrom").val(),
|
TimeEnd:$("#timeEnd").val(),
|
SkuNum:$("#skuNum").val()
|
}
|
|
// 存储新标签
|
synData(IP + "/PdaAsn/AddLabels", param, 'post', function (res) {
|
console.log(JSON.stringify(res))
|
if (res.code == 0 && res.data != null) { //成功
|
console.log(res.data);
|
dataLists = res.data;
|
}else{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
});
|
|
let data = {
|
type: "print",
|
listData:dataLists
|
// {
|
// SkuNo:'541100554848',
|
// SkuName:'葡萄糖葡萄糖葡萄糖葡萄糖葡萄糖',
|
// LotNo:'120326',
|
// Date1:'2025-04-10',
|
// Date2:'2026-04-10',
|
// BoxNo:['T2300001','T2300002','T2300003'],
|
// }
|
// lstData: {
|
// name: "Iuhuy",
|
// avatar:
|
// "http://thirdwx.qlogo.cn/mmopen/vi_32/EURpungADj4vP3UczBVvD1DcEUt9q7WFqc6mZlSZoXoS9PyaPicnX8pjmic0rLbmwYCSa247gibINd1dWr0ic1QTvw/132",
|
// },
|
};
|
console.log("给 uni-app 发送数据", data);
|
|
uni.postMessage({
|
data: data,
|
});
|
});
|
});
|
|
</script>
|
<script type="text/javascript">
|
// window.jsfunction = function (data) {
|
// let canshutype = typeof data;
|
// let mes = typeof data == "object" ? JSON.stringify(data) : data;
|
// alert("收到参数" + canshutype);
|
// document.getElementById("messageText").innerHTML =
|
// "恭喜你，接收到你的参数\n，参数是" + canshutype + "参数如下:\n" + mes;
|
// console.log("data", data);
|
// };
|
|
|
|
</script>
|
</body>
|
</html>
|
|
|
