| <!DOCTYPE html> | 
| <html> | 
|   | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title>选择指定库位</title> | 
|     <meta name="renderer" content="webkit"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" | 
|         content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> | 
|     <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> | 
|     <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all"> | 
|     <style> | 
|         .rightMargin { | 
|             margin-right: 0px; | 
|         } | 
|     </style> | 
| </head> | 
|   | 
| <body> | 
|   | 
|     <div class="layui-fluid" style="padding: 3px;"> | 
|         <div class="layui-card"> | 
|             <div class="layui-form layui-card-header layuiadmin-card-header-auto"> | 
|                 <div class="layui-form-item"> | 
|                     <!-- <div class="layui-inline" style="margin-right: 0;"> | 
|                         <label class="layui-form-label" style="width: 60px;">所属仓库</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <select name="HouseId" id="HouseId" lay-filter="getHouseId" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> | 
|                     </div> --> | 
|                     <div class="layui-inline" style="margin-right: 0;"> | 
|                         <label class="layui-form-label" style="width: 60px;">所属区域</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <select name="RoadwayNo" id="RoadwayNo" lay-filter="RoadwayNo" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline" style="margin-right: 0;"> | 
|                         <label class="layui-form-label" style="width: 60px;">储排</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <input type="number" id="Row" name="Row" placeholder="排" autocomplete="off" | 
|                                 class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> | 
|                         </div> | 
|                         <!-- <label class="layui-form-label" style="width: 60px;">储排</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <select name="Row" id="Row" lay-filter="Row" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> --> | 
|                     </div> | 
|                     <div class="layui-inline" style="margin-right: 0;"> | 
|                         <label class="layui-form-label" style="width: 60px;">储列</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <input type="number" id="Column" name="Column" placeholder="列" autocomplete="off" | 
|                                 class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> | 
|                         </div>  | 
|                         <!-- <label class="layui-form-label" style="width: 60px;">储列</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <select name="Column" id="Column" lay-filter="Column" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div>--> | 
|                     </div> | 
|                     <div class="layui-inline" style="margin-right: 0;"> | 
|                         <label class="layui-form-label" style="width: 60px;">储层</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <input type="number" id="Layer" name="Layer" placeholder="层" autocomplete="off" | 
|                                 class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"> | 
|                         </div> | 
|                         <!-- <label class="layui-form-label" style="width: 60px;">储层</label> | 
|                         <div class="layui-input-inline" style="margin-right: 0;"> | 
|                             <select name="Layer" id="Layer" lay-filter="Layer" lay-search> | 
|                                 <option value=""></option> | 
|                             </select> | 
|                         </div> --> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label" style="width: 60px;">储位编码</label> | 
|                         <div class="layui-input-inline"> | 
|                             <input type="text" id="LocateNo" name="LocateNo" placeholder="储位编码" autocomplete="off" | 
|                                 class="layui-input"> | 
|                         </div> | 
|                     </div> | 
|   | 
|                     <div class="layui-inline"> | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit | 
|                             lay-filter="LAY-app-contlist-search"> | 
|                             <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索 | 
|                         </button> | 
|                         <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit | 
|                             lay-filter="confirm">确定</button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-card-body"> | 
|                 <table id="Slot-list" lay-filter="Slot-list"></table> | 
|                  | 
|             </div> | 
|         </div> | 
|     </div> | 
|   | 
|   | 
|     <script src="../../layuiadmin/layui/layui.js"></script> | 
|     <script src="../../js/public.js"></script> | 
|     <script src="../../js/jquery-3.5.1.min.js"></script> | 
|     <script src="../../js/jquery.cookie.js"></script> | 
|     <script> | 
|         layui.config({ | 
|             base: '../../layuiadmin/' //静态资源所在路径 | 
|         }).extend({ | 
|             index: 'lib/index' //主入口模块 | 
|         }).use(['index', 'form', 'layer', 'table'], function () { | 
|             var $ = layui.$, | 
|                 form = layui.form, | 
|                 table = layui.table, | 
|                 layer = layui.layer; | 
|             var id = getQueryString('id'); | 
|             console.log(id); | 
|             refreshTable(); | 
|             function refreshTable(){ | 
|                 var where = { | 
|                     RoadwayNo: $("#RoadwayNo").val(), | 
|                     Row: $("#Row").val(), | 
|                     Column: $("#Column").val(), | 
|                     Layer: $("#Layer").val(), | 
|                     LocateNo: $("#LocateNo").val() | 
|                 }; | 
|                 // 流水详情 | 
|                 var tableIns = table.render({ | 
|                     elem: '#Slot-list', | 
|                     height: 'full-135', | 
|                     id: 'Slot-list', | 
|                     url: IP + "/BllAsn/GetLocateList", | 
|                     method: 'post', | 
|                     where: where, | 
|                     contentType: 'application/json', | 
|                     headers: { ToKen: $.cookie('token') }, | 
|                     page: true, | 
|                     limit: pageCnt,  //默认多少页 | 
|                     limits: pageLimits,    //默认数组[10,20,30,40,50] | 
|                     cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增 | 
|                     even: true, | 
|                     cols: [ | 
|                         [{ | 
|                             type: 'radio', | 
|                             width: 60, | 
|                             align: 'center', | 
|                             fixed: 'left', | 
|                         }, { | 
|                             title: '序号', | 
|                             type: 'numbers', | 
|                             width: 60, | 
|                             align: 'center', | 
|                             fixed: 'left', | 
|                         }, { | 
|                             field: 'WarehouseNo', | 
|                             title: '所属仓库', | 
|                             fixed: 'left', | 
|                             align: 'center', | 
|                             width: 160, | 
|                             hide:true | 
|                         }, { | 
|                             field: 'RoadwayNo', | 
|                             title: '所属区域', | 
|                             align: 'center', | 
|                             width: 150, | 
|                         }, { | 
|                             field: 'LocatNo', | 
|                             title: '储位编码', | 
|                             align: 'center', | 
|      | 
|                         }, { | 
|                             field: 'Row', | 
|                             title: '排', | 
|                             align: 'center', | 
|                             width: 100, | 
|                         }, { | 
|                             field: 'Column', | 
|                             title: '列', | 
|                             align: 'center', | 
|                             width: 100, | 
|                         }, { | 
|                             field: 'Layer', | 
|                             title: '层', | 
|                             align: 'center', | 
|                             width: 100, | 
|                         }, { | 
|                             field: 'Status', | 
|                             title: '状态', | 
|                             align: 'center', | 
|                             width: 110, | 
|                             templet: function (d) { | 
|                                 switch (d.Status) { | 
|                                     case "0": return '空储位';  | 
|                                     default: return ""; | 
|                                 } | 
|                             }, | 
|                         }] | 
|                     ], | 
|      | 
|                 }); | 
|             }  | 
|             var param = { | 
|                 wareHouseNo:"W01" | 
|             } | 
|             //获取 巷道下拉框 | 
|             sendData(IP + "/Sys/GetStorageRoadwayByHouseNo", param, 'get', function(res) { | 
|                 $("#RoadwayNo").empty(); | 
|                 $("#RoadwayNo").append('<option value =""></option>'); | 
|                 if (res.code == 0) { //成功  | 
|                     for (var i = 0; i < res.data.length; i++) {  | 
|                         $("#RoadwayNo").append('<option value =' + res.data[i].RoadwayNo + '>' +  | 
|                             res.data[i].RoadwayName + '</option>'); | 
|                     } | 
|                     form.render('select'); | 
|                 } else { //不成功 | 
|                     layer.msg('获取巷道信息失败', { | 
|                         icon: 2, | 
|                         time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                     }, function() { | 
|                         //回调 | 
|                         form.render('select'); | 
|                     }); | 
|                 } | 
|             }); | 
|   | 
|             //搜索事件 | 
|             form.on('submit(LAY-app-contlist-search)', function (data) { | 
|                 refreshTable(); | 
|             }); | 
|             var doing = true; | 
|             //确定按钮事件 | 
|             form.on('submit(confirm)', function (data) { | 
|                 if (doing) { | 
|                     doing = false; | 
|   | 
|                     var checkStatus = table.checkStatus('Slot-list'), //idTest 即为基础参数 id 对应的值 | 
|                         checkData = checkStatus.data; //得到选中的数据 | 
|                     if (checkData.length === 0) { | 
|                         return layer.msg('请选择数据'); | 
|                     } | 
|                      | 
|                     var arr = checkData[0].Id; | 
|                     console.log(arr); | 
|                     var param = { | 
|                         BindId: parseInt(id), | 
|                         LocateId: parseInt(arr), | 
|                     }; | 
|                     sendData(IP + "/BllAsn/SaveAppointSlot", param, 'post', function (res) { | 
|                         console.log(res); | 
|                         if (res.code == 0) { //成功 | 
|                             layer.msg(res.msg, { | 
|                                 icon: 1, | 
|                                 time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                             }, function () { | 
|                                 var index = parent.layer.getFrameIndex(window.name) | 
|                                 parent.layer.close(index); //关闭弹层 | 
|                                 parent.layui.table.reload('PalletBind'); | 
|                                 parent.layui.table.reload('BoxInfo'); | 
|                                 doing = true; | 
|                             }); | 
|   | 
|                         } else { //不成功 | 
|                             layer.msg(res.msg, { | 
|                                 icon: 2, | 
|                                 time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                             }, function () { doing = true; }); | 
|                         } | 
|                     }); | 
|   | 
|                 } else { | 
|                     console.log("123"); | 
|                 } | 
|                 return false; | 
|   | 
|             }); | 
|   | 
|   | 
|             //获取浏览器参数 | 
|             function getQueryString(name) { | 
|                 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); | 
|                 var r = window.location.search.substr(1).match(reg); | 
|                 if (r != null) return unescape(r[2]); | 
|                 return null; | 
|             } | 
|         }) | 
|     </script> | 
| </body> | 
|   | 
| </html> |