| | |
|---|
| | | <!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"> |
|---|
| | | .layui-form-label { |
|---|
| | | width: 20%; |
|---|
| | | } |
|---|
| | | .layui-input-block { |
|---|
| | | width: 80%; |
|---|
| | | margin-left: 20%; |
|---|
| | | } |
|---|
| | | .div-tbl-title { |
|---|
| | | width: 98%; |
|---|
| | | margin: auto; |
|---|
| | | /* background-color: #4476A7; */ |
|---|
| | | height: 30px; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | .div-tbl-title table { |
|---|
| | | width: 100%; |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | .div-tbl-title td { |
|---|
| | | width: 50%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | .div-tbl-title span { |
|---|
| | | float: left; |
|---|
| | | width: 60%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | .div-tbl-title input { |
|---|
| | | float: left; |
|---|
| | | width: 40%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | .layout-tbl-paging { |
|---|
| | | margin-top: 0; |
|---|
| | | } |
|---|
| | | .layout-bill-info { |
|---|
| | | height: auto; |
|---|
| | | } |
|---|
| | | .btn-ok { |
|---|
| | | border: none; |
|---|
| | | color: #FFFFFF; |
|---|
| | | background-color: #0a93e3; |
|---|
| | | width: 48%; |
|---|
| | | height: 36px; |
|---|
| | | border-radius: 5px; |
|---|
| | | float: left; |
|---|
| | | margin: 0 1%; |
|---|
| | | margin-left: 20%; |
|---|
| | | } |
|---|
| | | .btn-ok:active { |
|---|
| | | opacity: 0.8; |
|---|
| | | } |
|---|
| | | .layout-tab-page { |
|---|
| | | height: auto; |
|---|
| | | } |
|---|
| | | .layui-form-switch{ |
|---|
| | | margin-top: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <link rel="stylesheet" href="/css/adapter.css" /> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="" class="main-content"> |
|---|
| | | <div id="" class="layout-title" > |
|---|
| | | <table border="" cellspacing="" cellpadding=""> |
|---|
| | | <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>托盘变更</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"> |
|---|
| | | .layui-form-label { |
|---|
| | | width: 20%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layui-input-block { |
|---|
| | | width: 80%; |
|---|
| | | margin-left: 20%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-tbl-title { |
|---|
| | | width: 98%; |
|---|
| | | margin: auto; |
|---|
| | | /* background-color: #4476A7; */ |
|---|
| | | height: 30px; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-tbl-title table { |
|---|
| | | width: 100%; |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-tbl-title td { |
|---|
| | | width: 50%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-tbl-title span { |
|---|
| | | float: left; |
|---|
| | | width: 60%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-tbl-title input { |
|---|
| | | float: left; |
|---|
| | | width: 40%; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layout-tbl-paging { |
|---|
| | | margin-top: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layout-bill-info { |
|---|
| | | height: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .btn-ok { |
|---|
| | | border: none; |
|---|
| | | color: #FFFFFF; |
|---|
| | | background-color: #0a93e3; |
|---|
| | | width: 48%; |
|---|
| | | height: 36px; |
|---|
| | | border-radius: 5px; |
|---|
| | | float: left; |
|---|
| | | margin: 0 1%; |
|---|
| | | margin-left: 20%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .btn-ok:active { |
|---|
| | | opacity: 0.8; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layout-tab-page { |
|---|
| | | height: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layui-form-switch { |
|---|
| | | margin-top: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <link rel="stylesheet" href="/css/adapter.css" /> |
|---|
| | | </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-bill-info"> |
|---|
| | | <form class="layui-form" action="" style="height: auto;"> |
|---|
| | | |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <label class="layui-form-label">原托盘条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="PalletNo" type="text" lay-verify="stock" placeholder="托盘条码" autocomplete="off" |
|---|
| | | class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <div id="layout-boxcode" class="layui-form-item layout-input"> |
|---|
| | | <label class="layui-form-label" lang>是否整托变更：</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input type="checkbox" name="IsZhengTuo" id="IsZhengTuo" lay-skin="switch" |
|---|
| | | lay-text="是|否" lay-filter="IsZhengTuo"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="BoxDIv" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <div id="layout-boxcode" class="layui-form-item layout-input"> |
|---|
| | | <label class="layui-form-label">外箱条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="BoxNo" type="text" placeholder="请扫描外箱条码" autocomplete="off" |
|---|
| | | class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="BoxDIv2" class="layout-tab-page"> |
|---|
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding=""> |
|---|
| | | <tr> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 50%;">物料编号：</label> |
|---|
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
|---|
| | | <input id="SkuNo" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 25%">批次：</label> |
|---|
| | | <div class="layui-input-block" style="width: 75%;margin-left:25%;"> |
|---|
| | | <input id="LotNo" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 34%;">数量：</label> |
|---|
| | | <div class="layui-input-block" style="width: 66%;margin-left:34%;"> |
|---|
| | | <input id="BoxQty" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td colspan="3"> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 17%;">物料名称：</label> |
|---|
| | | <div class="layui-input-block" style="width: 83%;margin-left:17%;"> |
|---|
| | | <input id="SkuName" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px; padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <label class="layui-form-label">新托盘条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="PalletNo2" type="text" lay-verify="stock" placeholder="托盘条码" autocomplete="off" |
|---|
| | | class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="" class="" style="width: 100%;height: 36px;margin-top: 15px;"> |
|---|
| | | <button id="btnQuery" class="btn-ok" type="button">确认</button> |
|---|
| | | </div> |
|---|
| | | </form> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | <div id="" class="layout-tbl-paging" style="margin-top: 15px;"> |
|---|
| | | <table id="tableBoxList" class="tbl-box-list" 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> |
|---|
| | | <th>箱码</th> |
|---|
| | | <th>库存<br>数量</th> |
|---|
| | | </tr> |
|---|
| | | <tr id="boxCell" style="display: none;"> |
|---|
| | | <td name="boxNo">000001</td> |
|---|
| | | <td name="qty">30</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-bill-info"> |
|---|
| | | <form class="layui-form" action="" style="height: auto;"> |
|---|
| | | |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <label class="layui-form-label">原托盘条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="PalletNo" type="text" lay-verify="stock" placeholder="托盘条码" |
|---|
| | | autocomplete="off" class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <div id="layout-boxcode" class="layui-form-item layout-input"> |
|---|
| | | <label class="layui-form-label" lang>是否整托变更：</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input type="checkbox" name="IsZhengTuo" id="IsZhengTuo" lay-skin="switch" lay-text="是|否" |
|---|
| | | lay-filter="IsZhengTuo"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="BoxDIv" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <div id="layout-boxcode" class="layui-form-item layout-input"> |
|---|
| | | <label class="layui-form-label">外箱条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="BoxNo" type="text" placeholder="请扫描外箱条码" |
|---|
| | | autocomplete="off" class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="BoxDIv2" class="layout-tab-page"> |
|---|
| | | <table class="tbl-box-sim-info" border="" cellspacing="" cellpadding="" > |
|---|
| | | <tr> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 50%;">物料编号：</label> |
|---|
| | | <div class="layui-input-block" style="width: 50%;margin-left:50%;"> |
|---|
| | | <input id="SkuNo" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 25%">批次：</label> |
|---|
| | | <div class="layui-input-block" style="width: 75%;margin-left:25%;"> |
|---|
| | | <input id="LotNo" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 34%;">数量：</label> |
|---|
| | | <div class="layui-input-block" style="width: 66%;margin-left:34%;"> |
|---|
| | | <input id="BoxQty" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px;padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td colspan="3"> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label" style="width: 17%;">物料名称：</label> |
|---|
| | | <div class="layui-input-block" style="width: 83%;margin-left:17%;"> |
|---|
| | | <input id="SkuName" type="text" lay-verify="" disabled placeholder="" |
|---|
| | | class="layui-input" style="font-size: 12px; padding-left: 0;"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | <div id="" class="layui-form-item layout-input" style="margin-top: 10px;"> |
|---|
| | | <label class="layui-form-label">新托盘条码:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="PalletNo2" type="text" lay-verify="stock" placeholder="托盘条码" |
|---|
| | | autocomplete="off" class="layui-input"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="" class="" style="width: 100%;height: 36px;margin-top: 15px;"> |
|---|
| | | <button id="btnQuery" class="btn-ok" type="button">确认</button> |
|---|
| | | </div> |
|---|
| | | </form> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | <div id="" class="layout-tbl-paging" style="margin-top: 15px;"> |
|---|
| | | <table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding="" > |
|---|
| | | <tr> |
|---|
| | | <th>箱码</th> |
|---|
| | | <th>库存<br>数量</th> |
|---|
| | | </tr> |
|---|
| | | <tr id="boxCell" style="display: none;"> |
|---|
| | | <td name="boxNo">000001</td> |
|---|
| | | <td name="qty">30</td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | |
|---|
| | | <!-- 分页 --> |
|---|
| | | <table id="tableBoxPages" 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> |
|---|
| | | |
|---|
| | | <!-- 分页 --> |
|---|
| | | <table id="tableBoxPages" 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> |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | <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> |
|---|
| | | layui.use(['form', 'jquery'], function() { |
|---|
| | | var form = layui.form |
|---|
| | | |
|---|
| | | //当前分页 |
|---|
| | | var curPageIndex = 1; |
|---|
| | | //是否整托换绑 |
|---|
| | | var isContinue = "0"; |
|---|
| | | |
|---|
| | | $("#PalletNo").keydown(function(e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | var bl = checkPalletState(); |
|---|
| | | if (bl) { |
|---|
| | | ReaderTable(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | $("#BoxNo").keydown(function(e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | readerBoxInfo(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $("#PalletNo2").keydown(function(e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | var bl = checkPalletState(); |
|---|
| | | if (bl) { |
|---|
| | | ReaderTable2(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | form.on('switch(IsZhengTuo)', function (obj) { |
|---|
| | | <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> |
|---|
| | | layui.use(['form', 'jquery'], function () { |
|---|
| | | var form = layui.form |
|---|
| | | |
|---|
| | | //当前分页 |
|---|
| | | var curPageIndex = 1; |
|---|
| | | //是否整托换绑 |
|---|
| | | var isContinue = "0"; |
|---|
| | | |
|---|
| | | $("#PalletNo").keydown(function (e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | var bl = checkPalletState(); |
|---|
| | | if (bl) { |
|---|
| | | ReaderTable(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $("#BoxNo").keydown(function (e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | readerBoxInfo(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $("#PalletNo2").keydown(function (e) { |
|---|
| | | if (e.keyCode === 13) { |
|---|
| | | var bl = checkPalletState(); |
|---|
| | | if (bl) { |
|---|
| | | ReaderTable2(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | form.on('switch(IsZhengTuo)', function (obj) { |
|---|
| | | if (obj.elem.checked) { |
|---|
| | | $('#BoxDIv').attr("style", "display:none") |
|---|
| | | $('#BoxDIv2').attr("style", "display:none") |
|---|
| | | isContinue="1"; |
|---|
| | | } else { |
|---|
| | | isContinue = "1"; |
|---|
| | | } else { |
|---|
| | | $('#BoxDIv').attr("style", "display:block") |
|---|
| | | $('#BoxDIv2').attr("style", "display:block") |
|---|
| | | isContinue="0"; |
|---|
| | | isContinue = "0"; |
|---|
| | | } |
|---|
| | | $('#BoxNo').val(""); |
|---|
| | | $('#SkuNo').val(""); |
|---|
| | |
|---|
| | | $('#SkuName').val(""); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $("#btnQuery").click(function(){ |
|---|
| | | if($('#PalletNo').val() == '' ){ |
|---|
| | | layer.msg("请输入原托盘号", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() {}); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if(isContinue == "0" && $('#BoxNo').val() == '' ){ |
|---|
| | | layer.msg("请输入箱码", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() {}); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if($('#PalletNo').val() == '' ){ |
|---|
| | | layer.msg("请输入新托盘号", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() {}); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var param = { |
|---|
| | | PalletNo: $('#PalletNo').val(), |
|---|
| | | BoxNo: $('#BoxNo').val(), |
|---|
| | | PalletNoNew: $('#PalletNo2').val() |
|---|
| | | }; |
|---|
| | | sendData(IP + "/PdaCr/SaveUnbind", param, 'post', function(res) { |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | |
|---|
| | | layer.msg("换绑成功", { |
|---|
| | | icon: 1, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() { |
|---|
| | | $('#BoxNo').val(''); |
|---|
| | | $("#SkuNo").val(''); |
|---|
| | | $("#LotNo").val(''); |
|---|
| | | $("#BoxQty").val(''); |
|---|
| | | $("#SkuName").val(''); |
|---|
| | | refreshTable(); |
|---|
| | | }); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() {}); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }) |
|---|
| | | |
|---|
| | | function ReaderTable() { |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetDataDetailList", param, 'get', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | refreshTable(res.data); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | $("#btnQuery").click(function () { |
|---|
| | | if ($('#PalletNo').val() == '') { |
|---|
| | | layer.msg("请输入原托盘号", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | function ReaderTable2() { |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo2").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetDataDetailList", param, 'get', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | refreshTable(res.data); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | if (isContinue == "0" && $('#BoxNo').val() == '') { |
|---|
| | | layer.msg("请输入箱码", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | function readerBoxInfo() { |
|---|
| | | $("#SkuNo").val(''); |
|---|
| | | $("#SkuName").val(''); |
|---|
| | | $("#LotNo").val(''); |
|---|
| | | $("#BoxQty").val(''); |
|---|
| | | var param = { |
|---|
| | | "boxNo": $("#BoxNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetBoxInfoByBox", param, 'get', function (res) { |
|---|
| | | console.log(res); |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | $("#SkuNo").val(res.data.SkuNo); |
|---|
| | | $("#SkuName").val(res.data.SkuName); |
|---|
| | | $("#LotNo").val(res.data.LotNo); |
|---|
| | | $("#BoxQty").val(res.data.Qty); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | if ($('#PalletNo').val() == '') { |
|---|
| | | layer.msg("请输入新托盘号", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var param = { |
|---|
| | | PalletNo: $('#PalletNo').val(), |
|---|
| | | BoxNo: $('#BoxNo').val(), |
|---|
| | | PalletNoNew: $('#PalletNo2').val() |
|---|
| | | }; |
|---|
| | | sendData(IP + "/PdaCr/SaveUnbind", param, 'post', function (res) { |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | |
|---|
| | | |
|---|
| | | function refreshTable(tableData) { |
|---|
| | | //先清空一下箱子列表 |
|---|
| | | let trs = $("#tableBoxList tr") |
|---|
| | | let len = trs.length |
|---|
| | | //console.log("tr 数量 + " + trs.length) |
|---|
| | | for(i=len - 1; i >=2; i--){ |
|---|
| | | trs[i].remove(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (tableData.length > 0) { //成功 |
|---|
| | | $("#boxNum").val(tableData.length) |
|---|
| | | var list = tableData |
|---|
| | | var arrTrs = new Array() |
|---|
| | | let idx = 0 |
|---|
| | | for(var i in list) { |
|---|
| | | // list[i].BoxCode |
|---|
| | | var tr = $("#boxCell").eq(0).clone(); |
|---|
| | | tr.appendTo("#tableBoxList"); |
|---|
| | | idx++; |
|---|
| | | tr.attr('index', idx) ; |
|---|
| | | tr.find("td[name='boxNo']").html(list[i].BoxNo); |
|---|
| | | |
|---|
| | | tr.find("td[name='qty']").html(list[i].Qty); |
|---|
| | | |
|---|
| | | tr.show(); |
|---|
| | | arrTrs[i] = tr |
|---|
| | | } |
|---|
| | | |
|---|
| | | //设置分页 |
|---|
| | | setPages(1, list.length) |
|---|
| | | layer.msg("换绑成功", { |
|---|
| | | icon: 1, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { |
|---|
| | | $('#BoxNo').val(''); |
|---|
| | | $("#SkuNo").val(''); |
|---|
| | | $("#LotNo").val(''); |
|---|
| | | $("#BoxQty").val(''); |
|---|
| | | $("#SkuName").val(''); |
|---|
| | | refreshTable(); |
|---|
| | | }); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg("无数据", { |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function() {}); |
|---|
| | | setPages(1, 0) |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | //检查托盘状态 |
|---|
| | | function checkPalletState(){ |
|---|
| | | var bl = false; |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaSo/IsEnableOkPalletNo", param, 'post', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | bl = true; |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | return bl; |
|---|
| | | } |
|---|
| | | |
|---|
| | | form.verify({ |
|---|
| | | stock: [/^[\S]{8}$/, '托盘条码必须为八位字符'] |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //----------------------------------------------------------------------------------------- |
|---|
| | | |
|---|
| | | $("#menuImg").click(function(e){ |
|---|
| | | //console.log("menuImg") |
|---|
| | | e.stopPropagation() |
|---|
| | | |
|---|
| | | if($("#menuList").is(":hidden")){ |
|---|
| | | $("#menuList").show() |
|---|
| | | }else{ |
|---|
| | | $("#menuList").hide() |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | $('body').click(function(){ |
|---|
| | | // //console.log("body") |
|---|
| | | $("#menuList").hide() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | |
|---|
| | | //设置分页 |
|---|
| | | function setPages(pageIndex, boxNum){ |
|---|
| | | if(boxNum <= 0){ |
|---|
| | | //列表为空，隐藏分页页码 |
|---|
| | | $("#tableBoxPages").hide() |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = Math.floor(boxNum / 10); |
|---|
| | | if(boxNum % 10 > 0){ |
|---|
| | | pageNum += 1; |
|---|
| | | } |
|---|
| | | //console.log("pageNum is " + pageNum) |
|---|
| | | |
|---|
| | | $("#tableBoxPages").find("tr").remove() |
|---|
| | | let table = $("#tableBoxPages") |
|---|
| | | $("<tr></tr>").appendTo("#tableBoxPages") |
|---|
| | | |
|---|
| | | // let newTr = table.append("<tr></tr>") |
|---|
| | | // newTr.append("<td class='page-prev'>上一页</td>") |
|---|
| | | $("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages tr") |
|---|
| | | $("#tableBoxPages tr").eq(0).find("td[id^='prevPage']").click(function(){ |
|---|
| | | onClickPrevPage() |
|---|
| | | }) |
|---|
| | | for(i=1; i < pageNum + 1; i++){ |
|---|
| | | // newTr.append("<td class='page-num'>"+ i +"</td>") |
|---|
| | | $("<td class='page-num'>"+ i +"</td>").appendTo("#tableBoxPages tr") |
|---|
| | | } |
|---|
| | | // newTr.append("<td class='page-next'>下一页</td>") |
|---|
| | | $("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages tr") |
|---|
| | | $("#tableBoxPages tr").eq(0).find("td[id^='nextPage']").click(function(){ |
|---|
| | | onClickNextPage() |
|---|
| | | }) |
|---|
| | | // pages.show() |
|---|
| | | $("#tableBoxPages").show() |
|---|
| | | |
|---|
| | | setCurPage(1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | //设置当前分页 |
|---|
| | | function setCurPage(pageIndex){ |
|---|
| | | let totalTrNum = $("#tableBoxList tr").length |
|---|
| | | if(totalTrNum <= 2 ){ |
|---|
| | | //console.log("tableBoxList 为空 totalTrNum: " + totalTrNum) |
|---|
| | | //curPageIndex = 1 |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = getBoxPageNum() |
|---|
| | | if(pageIndex > pageNum){ |
|---|
| | | //console.log("设置的页码超出页数, pageIndex : " + pageIndex) |
|---|
| | | //curPageIndex = 1 |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let startIndex = (pageIndex - 1) * 10 + 1 |
|---|
| | | let n = totalTrNum - startIndex |
|---|
| | | let endIndex = 0 |
|---|
| | | if(n > 9){ |
|---|
| | | endIndex = startIndex + 9 |
|---|
| | | }else{ |
|---|
| | | endIndex = startIndex + n |
|---|
| | | } |
|---|
| | | //console.log("startIndex is "+startIndex) |
|---|
| | | //console.log("endIndex is "+endIndex) |
|---|
| | | //startIndex =2 |
|---|
| | | //endIndex = 2 |
|---|
| | | let trs = $("#tableBoxList tr") |
|---|
| | | //console.log("行数 "+trs.length) |
|---|
| | | let d = 0 |
|---|
| | | for(let i = 2; i < trs.length; i++){ |
|---|
| | | //console.log("行索引 " + trs.eq(i).attr('index')) |
|---|
| | | let t = trs.eq(i) |
|---|
| | | d = t.attr('index') |
|---|
| | | if(d >= startIndex && d <= endIndex){ |
|---|
| | | //console.log("需要显示") |
|---|
| | | //显示行 |
|---|
| | | t.show() |
|---|
| | | }else{ |
|---|
| | | //隐藏行 |
|---|
| | | t.hide() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | curPageIndex = pageIndex |
|---|
| | | |
|---|
| | | let ptr = $("#tableBoxPages tr") |
|---|
| | | for(let i = 1; i < pageNum+1; i++){ |
|---|
| | | ptr.eq(0).find("td").eq(i).removeClass("page-num-select") |
|---|
| | | if(i == curPageIndex){ |
|---|
| | | ptr.eq(0).find("td").eq(i).addClass("page-num-select") |
|---|
| | | } |
|---|
| | | } |
|---|
| | | //console.log("totalTrNum is " + totalTrNum) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function onClickPrevPage(){ |
|---|
| | | //console.log("上一页按钮被点击") |
|---|
| | | if(curPageIndex == 1){ |
|---|
| | | return |
|---|
| | | } |
|---|
| | | setCurPage(curPageIndex - 1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function onClickNextPage(){ |
|---|
| | | //console.log("下一页按钮被点击") |
|---|
| | | let n = getBoxPageNum() |
|---|
| | | if(curPageIndex == n){ |
|---|
| | | return |
|---|
| | | } |
|---|
| | | setCurPage(curPageIndex + 1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function getBoxPageNum() |
|---|
| | | { |
|---|
| | | let num = $("#tableBoxList tr").length |
|---|
| | | if(num <= 2 ){ |
|---|
| | | return 0 |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = Math.floor(num / 10); |
|---|
| | | if(num % 10 > 0){ |
|---|
| | | pageNum += 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | return pageNum |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | | |
|---|
| | | function ReaderTable() { |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetDataDetailList", param, 'get', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | refreshTable(res.data); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function ReaderTable2() { |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo2").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetDataDetailList", param, 'get', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | refreshTable(res.data); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function readerBoxInfo() { |
|---|
| | | $("#SkuNo").val(''); |
|---|
| | | $("#SkuName").val(''); |
|---|
| | | $("#LotNo").val(''); |
|---|
| | | $("#BoxQty").val(''); |
|---|
| | | var param = { |
|---|
| | | "boxNo": $("#BoxNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaCr/GetBoxInfoByBox", param, 'get', function (res) { |
|---|
| | | console.log(res); |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | $("#SkuNo").val(res.data.SkuNo); |
|---|
| | | $("#SkuName").val(res.data.SkuName); |
|---|
| | | $("#LotNo").val(res.data.LotNo); |
|---|
| | | $("#BoxQty").val(res.data.Qty); |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | function refreshTable(tableData) { |
|---|
| | | //先清空一下箱子列表 |
|---|
| | | let trs = $("#tableBoxList tr") |
|---|
| | | let len = trs.length |
|---|
| | | //console.log("tr 数量 + " + trs.length) |
|---|
| | | for (i = len - 1; i >= 2; i--) { |
|---|
| | | trs[i].remove(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (tableData.length > 0) { //成功 |
|---|
| | | $("#boxNum").val(tableData.length) |
|---|
| | | var list = tableData |
|---|
| | | var arrTrs = new Array() |
|---|
| | | let idx = 0 |
|---|
| | | for (var i in list) { |
|---|
| | | // list[i].BoxCode |
|---|
| | | var tr = $("#boxCell").eq(0).clone(); |
|---|
| | | tr.appendTo("#tableBoxList"); |
|---|
| | | idx++; |
|---|
| | | tr.attr('index', idx); |
|---|
| | | tr.find("td[name='boxNo']").html(list[i].BoxNo); |
|---|
| | | |
|---|
| | | tr.find("td[name='qty']").html(list[i].Qty); |
|---|
| | | |
|---|
| | | tr.show(); |
|---|
| | | arrTrs[i] = tr |
|---|
| | | } |
|---|
| | | |
|---|
| | | //设置分页 |
|---|
| | | setPages(1, list.length) |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg("无数据", { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | setPages(1, 0) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | //检查托盘状态 |
|---|
| | | function checkPalletState() { |
|---|
| | | var bl = false; |
|---|
| | | var param = { |
|---|
| | | "PalletNo": $("#PalletNo").val() |
|---|
| | | } |
|---|
| | | synData(IP + "/PdaSo/IsEnableOkPalletNo", param, 'post', function (res) { |
|---|
| | | |
|---|
| | | if (res.code == 0) { //成功 |
|---|
| | | bl = true; |
|---|
| | | } else { //不成功 |
|---|
| | | layer.msg(res.msg, { |
|---|
| | | icon: 2, |
|---|
| | | time: 2000 //2秒关闭（如果不配置，默认是3秒） |
|---|
| | | }, function () { }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | return bl; |
|---|
| | | } |
|---|
| | | |
|---|
| | | form.verify({ |
|---|
| | | stock: [/^[\S]{8}$/, '托盘条码必须为八位字符'] |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //----------------------------------------------------------------------------------------- |
|---|
| | | |
|---|
| | | $("#menuImg").click(function (e) { |
|---|
| | | //console.log("menuImg") |
|---|
| | | e.stopPropagation() |
|---|
| | | |
|---|
| | | if ($("#menuList").is(":hidden")) { |
|---|
| | | $("#menuList").show() |
|---|
| | | } else { |
|---|
| | | $("#menuList").hide() |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | $('body').click(function () { |
|---|
| | | // //console.log("body") |
|---|
| | | $("#menuList").hide() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | |
|---|
| | | //设置分页 |
|---|
| | | function setPages(pageIndex, boxNum) { |
|---|
| | | if (boxNum <= 0) { |
|---|
| | | //列表为空，隐藏分页页码 |
|---|
| | | $("#tableBoxPages").hide() |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = Math.floor(boxNum / 10); |
|---|
| | | if (boxNum % 10 > 0) { |
|---|
| | | pageNum += 1; |
|---|
| | | } |
|---|
| | | //console.log("pageNum is " + pageNum) |
|---|
| | | |
|---|
| | | $("#tableBoxPages").find("tr").remove() |
|---|
| | | let table = $("#tableBoxPages") |
|---|
| | | $("<tr></tr>").appendTo("#tableBoxPages") |
|---|
| | | |
|---|
| | | // let newTr = table.append("<tr></tr>") |
|---|
| | | // newTr.append("<td class='page-prev'>上一页</td>") |
|---|
| | | $("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages tr") |
|---|
| | | $("#tableBoxPages tr").eq(0).find("td[id^='prevPage']").click(function () { |
|---|
| | | onClickPrevPage() |
|---|
| | | }) |
|---|
| | | for (i = 1; i < pageNum + 1; i++) { |
|---|
| | | // newTr.append("<td class='page-num'>"+ i +"</td>") |
|---|
| | | $("<td class='page-num'>" + i + "</td>").appendTo("#tableBoxPages tr") |
|---|
| | | } |
|---|
| | | // newTr.append("<td class='page-next'>下一页</td>") |
|---|
| | | $("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages tr") |
|---|
| | | $("#tableBoxPages tr").eq(0).find("td[id^='nextPage']").click(function () { |
|---|
| | | onClickNextPage() |
|---|
| | | }) |
|---|
| | | // pages.show() |
|---|
| | | $("#tableBoxPages").show() |
|---|
| | | |
|---|
| | | setCurPage(1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | //设置当前分页 |
|---|
| | | function setCurPage(pageIndex) { |
|---|
| | | let totalTrNum = $("#tableBoxList tr").length |
|---|
| | | if (totalTrNum <= 2) { |
|---|
| | | //console.log("tableBoxList 为空 totalTrNum: " + totalTrNum) |
|---|
| | | //curPageIndex = 1 |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = getBoxPageNum() |
|---|
| | | if (pageIndex > pageNum) { |
|---|
| | | //console.log("设置的页码超出页数, pageIndex : " + pageIndex) |
|---|
| | | //curPageIndex = 1 |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | let startIndex = (pageIndex - 1) * 10 + 1 |
|---|
| | | let n = totalTrNum - startIndex |
|---|
| | | let endIndex = 0 |
|---|
| | | if (n > 9) { |
|---|
| | | endIndex = startIndex + 9 |
|---|
| | | } else { |
|---|
| | | endIndex = startIndex + n |
|---|
| | | } |
|---|
| | | //console.log("startIndex is "+startIndex) |
|---|
| | | //console.log("endIndex is "+endIndex) |
|---|
| | | //startIndex =2 |
|---|
| | | //endIndex = 2 |
|---|
| | | let trs = $("#tableBoxList tr") |
|---|
| | | //console.log("行数 "+trs.length) |
|---|
| | | let d = 0 |
|---|
| | | for (let i = 2; i < trs.length; i++) { |
|---|
| | | //console.log("行索引 " + trs.eq(i).attr('index')) |
|---|
| | | let t = trs.eq(i) |
|---|
| | | d = t.attr('index') |
|---|
| | | if (d >= startIndex && d <= endIndex) { |
|---|
| | | //console.log("需要显示") |
|---|
| | | //显示行 |
|---|
| | | t.show() |
|---|
| | | } else { |
|---|
| | | //隐藏行 |
|---|
| | | t.hide() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | curPageIndex = pageIndex |
|---|
| | | |
|---|
| | | let ptr = $("#tableBoxPages tr") |
|---|
| | | for (let i = 1; i < pageNum + 1; i++) { |
|---|
| | | ptr.eq(0).find("td").eq(i).removeClass("page-num-select") |
|---|
| | | if (i == curPageIndex) { |
|---|
| | | ptr.eq(0).find("td").eq(i).addClass("page-num-select") |
|---|
| | | } |
|---|
| | | } |
|---|
| | | //console.log("totalTrNum is " + totalTrNum) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function onClickPrevPage() { |
|---|
| | | //console.log("上一页按钮被点击") |
|---|
| | | if (curPageIndex == 1) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | setCurPage(curPageIndex - 1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function onClickNextPage() { |
|---|
| | | //console.log("下一页按钮被点击") |
|---|
| | | let n = getBoxPageNum() |
|---|
| | | if (curPageIndex == n) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | setCurPage(curPageIndex + 1) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function getBoxPageNum() { |
|---|
| | | let num = $("#tableBoxList tr").length |
|---|
| | | if (num <= 2) { |
|---|
| | | return 0 |
|---|
| | | } |
|---|
| | | |
|---|
| | | let pageNum = Math.floor(num / 10); |
|---|
| | | if (num % 10 > 0) { |
|---|
| | | pageNum += 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | return pageNum |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | |
|---|
| | | </html> |
|---|
