| | |
| | | |
| | | <!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> |
| | | <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 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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | </tr> |
| | | </table> |
| | | </form> |
| | | </div> |
| | | <div id="" class="layout-bill-info"> |
| | | </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 src="/js/uni.webview.1.5.2.js"></script> |
| | | <!-- <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script> --> |
| | | </div> |
| | | |
| | | <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 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> |
| | | 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(){ |
| | | <script src="/js/uni.webview.1.5.2.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() |
| | | }) |
| | | |
| | | |
| | | //物料编码失去焦点事件 |
| | | $("#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; |
| | | } |
| | | |
| | | }); |
| | | } |
| | | }) |
| | | $('body').click(function () { |
| | | $("#menuList").hide() |
| | | }) |
| | | |
| | | document.addEventListener("UniAppJSBridgeReady", function () { |
| | | document.getElementById("click").addEventListener("click", function () { |
| | | let data = { |
| | | type: "search" |
| | | }; |
| | | console.log("给 uni-app 发送数据", data); |
| | | |
| | | uni.postMessage({ |
| | | data: data, |
| | | }); |
| | | //物料编码失去焦点事件 |
| | | $("#skuNo").on('blur', function (e) { |
| | | if ($("#skuNo").val() == "") { |
| | | layer.msg('请输入物料编码', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | document.getElementById("click2").addEventListener("click", function () { |
| | | // 验证必填项 |
| | | if ($("#skuNo").val() == "") { |
| | | layer.msg('物料编码不可为null', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | return |
| | | } |
| | | |
| | | if ($("#skuName").val() == "") { |
| | | layer.msg('物料名称不可为null', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | getSkuInfo(); |
| | | }); |
| | | |
| | | 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; |
| | | } |
| | | //物料名称失去焦点事件 |
| | | $("#skuName").on('blur', function (e) { |
| | | if ($("#skuName").val() == "") { |
| | | layer.msg('请输入物料编码名称', { |
| | | 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() |
| | | } |
| | | getSkuInfo(); |
| | | }); |
| | | |
| | | // 存储新标签 |
| | | 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; |
| | | } |
| | | // 验证获取物料信息 |
| | | 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; |
| | | |
| | | let data = { |
| | | type: "print", |
| | | listData:dataLists |
| | | listData: dataLists |
| | | // { |
| | | // SkuNo:'541100554848', |
| | | // SkuName:'葡萄糖葡萄糖葡萄糖葡萄糖葡萄糖', |
| | |
| | | uni.postMessage({ |
| | | data: data, |
| | | }); |
| | | }); |
| | | } else { |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | }); |
| | | |
| | | </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> |
| | | |
| | | |
| | | }); |
| | | }); |
| | | |
| | | </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> |