| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | |
| | | <head> |
| | | <meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1.0" /> |
| | | <meta charset="UTF-8" /> |
| | | <!-- <meta name="viewport" content="width=device-width, initial-scale=0.665, minimum-scale=0.5, maximum-scale=1, user-scalable=no" /> --> |
| | | <!-- <meta name="viewport" content="width=device-width, initial-scale=0.665" /> --> |
| | | <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" /> |
| | | <style type="text/css"> |
| | | td { |
| | | word-break: break-all; |
| | | word-wrap: break-word; |
| | | } |
| | | |
| | | .layui-form-switch { |
| | | margin-top: 0; |
| | | } |
| | | |
| | | /* 标签样式 */ |
| | | .tableyang-this a { |
| | | margin: 10px 10px 0px 0px; |
| | | line-height: 30px; |
| | | width: 100px; |
| | | color: #999; |
| | | text-align: center; |
| | | float: left; |
| | | background: #f7f7f7; |
| | | user-select: none; |
| | | position: relative; |
| | | z-index: 1; |
| | | cursor: pointer; |
| | | border-radius: 5px; |
| | | border: 1px solid #ccc; |
| | | transition: all 0.3s ease; |
| | | } |
| | | |
| | | .tableyang-this a.hover { |
| | | color: #5298ff; |
| | | background-color: #eff2ff; |
| | | border: 1px solid #5298ff; |
| | | } |
| | | |
| | | /* 内容居中 */ |
| | | .tableyang-tab { |
| | | display: flex; |
| | | /* justify-content: center; */ |
| | | /* align-items: center; */ |
| | | flex-direction: column; |
| | | height: 90vh; |
| | | } |
| | | |
| | | /* 必用样式 */ |
| | | .tableyang-2, |
| | | .tableyang-3 { |
| | | display: none; |
| | | } |
| | | |
| | | ul { |
| | | list-style-type: none; |
| | | padding: 0; |
| | | } |
| | | |
| | | li { |
| | | cursor: pointer; |
| | | background-color: lightgray; |
| | | padding: 10px; |
| | | margin-bottom: 5px; |
| | | } |
| | | </style> |
| | | <link rel="stylesheet" href="/css/adapter.css" /> |
| | | <script src="../../js/jquery.js"></script> |
| | | <script src="../../js/jquery-3.5.1.min.js"></script> |
| | | </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" lang>车间出库</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" lang>主页</a></li> |
| | | <!-- <li><a href="productEnterConfirm.html">入库信息确认</a></li> --> |
| | | <li><a href="../login.html" lang>重新登录</a></li> |
| | | </ul> |
| | | </div> |
| | | |
| | | <button id="option1" class="layout-btn" type="button">标签</button> |
| | | <button id="option2" class="layout-btn" type="button">数量</button> |
| | | <br /><br /> |
| | | |
| | | <!-- 有码 --> |
| | | <div id="content1"> |
| | | <div id="zongDiv" class="layout-bill-info" style="height: 285px;"> |
| | | <form class="layui-form" action=""> |
| | | |
| | | <div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>托盘条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="PalletNo" type="text" lay-verify="stock" lang langholder |
| | | placeholder="请扫描托盘条码" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <div id="BOX" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>外箱条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="BoxCode" type="text" lay-verify="required" lang langholder |
| | | placeholder="请扫描外箱条码" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | <table class="layout-tbl-input" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td> |
| | | <div id="" class="layui-form-item layout-boxinfo"> |
| | | <label class="layui-form-label" style=" width: 21%;" lang>批次:</label> |
| | | <div class="layui-input-block" style=" width: 79%;margin-left: 21%;" > |
| | | <input id="LotNo" type="text" disabled placeholder="" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td> |
| | | <div id="" class="layui-form-item layout-boxinfo"> |
| | | <label class="layui-form-label" style=" width: 21%;" lang>物料名称:</label> |
| | | <div class="layui-input-block" style=" width: 79%;margin-left: 21%;" > |
| | | <input id="SkuName" type="text" disabled placeholder="" autocomplete="off" |
| | | class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | |
| | | <table class="layout-tbl-submit" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td style="width: 23%;"></td> |
| | | <td> |
| | | <button 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> |
| | | <!-- 无码 --> |
| | | <div id="content2"> |
| | | <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" lay-verify="stock" lang langholder |
| | | placeholder="请输入物料编码" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div><div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>批次号:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="LotNo2" type="text" lay-verify="stock" lang langholder |
| | | placeholder="请输入批次" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>托盘条码:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="PalletNo2" type="text" lay-verify="stock" lang langholder |
| | | placeholder="请扫描托盘条码" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="" class="layui-form-item layout-input"> |
| | | <label class="layui-form-label" lang>物料数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input id="SkuQty2" type="number" lay-verify="stock" lang langholder |
| | | placeholder="请输入物料数量" autocomplete="off" class="layui-input" |
| | | oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> |
| | | </div> |
| | | </div> |
| | | <div id="" class="layui-form-item layout-dropdownlist"> |
| | | <label class="layui-form-label" lang>车间:</label> |
| | | <div class="layui-input-block" id="selectAreaDiv2"> |
| | | <select id="area2" lay-filter="getarea2" lay-search> |
| | | <option value="B06">1002</option> |
| | | <option value="B09">1003一楼</option> |
| | | <option value="B07">1003二楼</option> |
| | | </select> |
| | | <img src="/assets/down_arraw.png"> |
| | | </div> |
| | | </div> |
| | | <table class="layout-tbl-submit" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td style="width: 23%;"></td> |
| | | <td> |
| | | <button 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> |
| | | |
| | | <br> |
| | | <br> |
| | | <div id="demodiv1"> |
| | | <br><br><br><br><br><br><br> |
| | | </div> |
| | | |
| | | |
| | | <!-- <div id="" class="cut-line"> |
| | | <img src="/assets/fengexian.png"> |
| | | </div> --> |
| | | |
| | | <!-- <div class="layout-tbl-paging" id=""> |
| | | <table id="tableBoxList1" class="tbl-box-list" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <th lang style="width: 15%;">物料编码</th> |
| | | <th lang style="width: 35%;">物料名称</th> |
| | | <th lang style="width: 25%;">批次</th> |
| | | <th lang style="width: 15%;">物料数量</th> |
| | | <th lang style="width: 10%;">操作</th> |
| | | </tr> |
| | | <tr id="boxCell" style="display: none;"> |
| | | <td name="code">AG000001</td> |
| | | <td name="name">疫苗名称名称名称</td> |
| | | <td name="lotNo">批次号</td> |
| | | <td name="num">30</td> |
| | | <td name="del"> |
| | | <div id="" class="tbl-btn-del" lang> |
| | | 删除 |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | |
| | | <table id="tableBoxPages1" class="tbl-box-pages" border="" cellspacing="" cellpadding=""> |
| | | <tr> |
| | | <td class="page-prev">上一页</td> |
| | | <td class="page-num page-num-select">1</td> |
| | | <td class="page-num">2</td> |
| | | <td class="page-num">3</td> |
| | | <td class="page-num">4</td> |
| | | <td class="page-num">5</td> |
| | | <td class="page-next">下一页</td> |
| | | </tr> |
| | | </table> |
| | | </div> --> |
| | | |
| | | </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/language.js"></script> |
| | | <script src="/js/jquery.cookie.js"></script> |
| | | <script> |
| | | layui.use(['form', 'jquery'], function () { |
| | | var form = layui.form |
| | | |
| | | /* 标签切换代码 */ |
| | | $('#demodiv').hide(); |
| | | $('#demodiv1').hide(); |
| | | var xianshiyemian = 0; |
| | | |
| | | $('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色 |
| | | $('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色 |
| | | $('#content2').hide(); |
| | | $(document).ready(function () { |
| | | $('#option1').click(function () { |
| | | // qingkong(); |
| | | xianshiyemian = 0; |
| | | $('#content1').show(); |
| | | $('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色 |
| | | |
| | | $('#content2').hide(); |
| | | $('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色 |
| | | }); |
| | | |
| | | $('#option2').click(function () { |
| | | // qingkong(); |
| | | xianshiyemian = 1; |
| | | $('#content1').hide(); |
| | | $('#option1').attr("style", "background-color: #999;width: 50%;float: left;text-align: center;"); //默认颜色 |
| | | |
| | | |
| | | $('#content2').show(); |
| | | $('#option2').attr("style", "background-color: red;width: 50%;float: right;text-align: center;"); //选中后颜色 |
| | | |
| | | }); |
| | | }); |
| | | |
| | | /*——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/ |
| | | |
| | | initLanguage() |
| | | setLanguage() |
| | | |
| | | |
| | | //是否连续组托 |
| | | isContinue = "0"; |
| | | |
| | | |
| | | // 托盘码文本改变时触发 |
| | | $("#PalletNo").on('input', function () { |
| | | |
| | | if ($("#PalletNo").val() == "" || $("#PalletNo").val().length < 8) { |
| | | return; |
| | | } |
| | | if ($("#PalletNo").val().length >= 8) { |
| | | $("#PalletNo").val($("#PalletNo").val().substr(-8)) |
| | | } |
| | | checkPalletStat() |
| | | }) |
| | | // 托盘码文本改变时触发-数量 |
| | | $("#PalletNo1").on('input', function () { |
| | | |
| | | if ($("#PalletNo1").val() == "" || $("#PalletNo1").val().length < 8) { |
| | | return; |
| | | } |
| | | if ($("#PalletNo1").val().length >= 8) { |
| | | $("#PalletNo1").val($("#PalletNo1").val().substr(-8)) |
| | | } |
| | | checkPalletStat() |
| | | }) |
| | | |
| | | // 判断托盘码是否可用 |
| | | function checkPalletStat() { |
| | | if (xianshiyemian == 0) { |
| | | var param = { |
| | | "PalletNo": $("#PalletNo").val() |
| | | } |
| | | sendData(IP + "/PdaAsn/IsEnablePalletNo", param, 'post', function (res) { |
| | | if (res.code == 0) { |
| | | $("#BoxCode").focus(); |
| | | |
| | | } else { |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | else if (xianshiyemian == 1) { |
| | | var param = { |
| | | "PalletNo": $("#PalletNo1").val() |
| | | } |
| | | sendData(IP + "/PdaAsn/IsEnablePalletNo", param, 'post', function (res) { |
| | | if (res.code == 0) { |
| | | |
| | | $("#SkuQty").focus(); |
| | | |
| | | } else { |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | } |
| | | |
| | | |
| | | //箱码回车事件 |
| | | $("#BoxCode").keydown(function (e) { |
| | | if (e.keyCode === 13) { |
| | | if ($("#BoxCode").val() == "") { |
| | | layer.msg('请先扫描箱码', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return |
| | | } |
| | | checkBoxInfo() |
| | | } |
| | | }); |
| | | |
| | | //箱回车事件 |
| | | function checkBoxInfo() { |
| | | var param = { |
| | | "BoxNo": $("#BoxCode").val(), |
| | | } |
| | | sendData(IP + "/PdaSo/GetWmsBoxInfos", param, 'get', function (res) { |
| | | |
| | | if (res.code == 0) { //成功 |
| | | $("#SkuName").val(res.data[0].SkuName); |
| | | $("#LotNo").val(res.data[0].LotNo); |
| | | |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | |
| | | } |
| | | }); |
| | | |
| | | } |
| | | |
| | | //绑定到托盘事件 |
| | | form.on('submit(formBind)', function (data) { |
| | | if (xianshiyemian == 0) { |
| | | |
| | | if ($("#PalletNo").val() == "") { |
| | | layer.msg('请扫描托盘条码', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | if ($("#BoxCode").val() == "") { |
| | | layer.msg('请扫描外箱条码', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | var param = { |
| | | PalletNo: $("#PalletNo").val(), |
| | | BoxNo: $("#BoxCode").val(), |
| | | TableType: xianshiyemian, |
| | | } |
| | | //组盘 |
| | | sendData(IP + "/PdaSo/ChejianPick", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | layer.msg(res.msg, { |
| | | icon: 1, |
| | | time: 1000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { |
| | | $("#BoxCode").val(""); |
| | | $("#SkuName").val(""); |
| | | $("#LotNo").val(""); |
| | | |
| | | }); |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { |
| | | //回调 |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | else if (xianshiyemian == 1) { |
| | | if ($("#bar1").val() == "") { |
| | | layer.msg('请选择入库单', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | if ($("#SkuNo").val() == "") { |
| | | layer.msg('请输入物料', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | if ($("#PalletNo2").val() == "") { |
| | | layer.msg('请扫描托盘条码', { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }); |
| | | return; |
| | | } |
| | | var param = { |
| | | PalletNo: $("#PalletNo2").val(), |
| | | SkuNo: $("#SkuNo").val(), |
| | | LotNo: $("#LotNo2").val(), |
| | | SkuQty: parseFloat($("#SkuQty2").val()), //物料数量 |
| | | AreaNo:$("#area").val(), |
| | | TableType: xianshiyemian, |
| | | } |
| | | console.log(param) |
| | | //组盘 |
| | | sendData(IP + "/PdaAsn/ChejianIn", param, 'post', function (res) { |
| | | if (res.code == 0) { //成功 |
| | | layer.msg(res.msg, { |
| | | icon: 1, |
| | | time: 1000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { |
| | | $("#PalletNo2").val(""); |
| | | $("#SkuNo").val(""); |
| | | $("#SkuQty2").val(""); |
| | | $("#LotNo2").val(""); |
| | | |
| | | }); |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | | time: 2000 //2秒关闭(如果不配置,默认是3秒) |
| | | }, function () { |
| | | //回调 |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 |
| | | }); |
| | | |
| | | |
| | | |
| | | /*——————————————————————————————————————————————————————————*/ |
| | | |
| | | $("#menuImg").click(function (e) { |
| | | e.stopPropagation() |
| | | |
| | | if ($("#menuList").is(":hidden")) { |
| | | $("#menuList").show() |
| | | } else { |
| | | $("#menuList").hide() |
| | | } |
| | | }) |
| | | $('body').click(function () { |
| | | $("#menuList").hide() |
| | | }) |
| | | }) |
| | | </script> |
| | | </body> |
| | | |
| | | </html> |