<!DOCTYPE HTML> <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> <meta charset="utf-8"> <head th:include="include :: header"></head> <body class="gray-bg"> <div class="container-div"> <div class="row"> <div class="col-sm-12 select-info"> <form id="zone-form"> <div class="select-list"> <ul> <li> 容器号:<input type="text" id="containerCode" name="containerCode"/> </li> <li> <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('zone-form')"><i class="fa fa-refresh"></i> 重置</a> </li> </ul> </div> </form> </div> <div class="col-sm-12 select-info"> <a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="getContainer()"> <i class="fa fa-paper-plane"></i> 呼叫托盘 </a> <a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="remove()"> <i class="fa fa-paper-plane"></i> 清理容器 </a> <a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="add()"> <i class="fa fa-paper-plane"></i> 库存新增 </a> <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table> </div> </div> </div> <div th:include="include :: footer"></div> <script th:inline="javascript"> document.getElementById("containerCode").focus(); var prefix = ctx + "inventory/inventoryClears"; var inventoryStatus=[[${@dict.getType('inventoryStatus')}]]; var containerCode=$("#containerCode").val(); $(function() { let options = { url: prefix + "/list", createUrl: prefix + "/add", updateUrl: prefix + "/edit/{id}", removeUrl: prefix + "/remove", modalName: "货架", search: false, columns: [ // { // checkbox: true // }, { field : 'containerCode', title : '容器编号', sortable:true }, { field : 'locationCode', title : '库位编号', sortable:true }, // { // field : 'containerCode', // title : '容器编号', // sortable:true // }, { field : 'materialCode', title : '存货编码', sortable:true }, { field : 'materialOldCode', title : '存货代码', sortable:true }, { field : 'materialName', title : '物料名称', sortable:true }, { field : 'materialSpec', title : '物料规格' }, { field : 'qty', title : '数量' }, { field : 'companyName', title : '货主', sortable:true }, { field : 'uWarehouseName', title : 'U8仓库', sortable:true }, { field : 'status', title : '库存状态' , align: 'center', formatter: function(value, row, index) { return $.table.selectDictLabel(inventoryStatus, value); } }, { field : 'created', title : '入库时间', visible:false }, { field : 'createdBy', title : '创建用户' , }, { field : 'lastUpdated', title : '最后修改时间', }, { field : 'lastUpdatedBy', title : '更新用户' }, ] }; $.table.init(options); }); //货架input $("#containerCode").bind('input propertychange keypress',function (e) { let theEvent = e || window.event; let code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code === 13) { e.preventDefault(); //回车执行查询 getContainerCode() } }); function getContainer() { let containerCode = $("#containerCode").val(); if ($.common.isEmpty(containerCode)) { $.modal.alertError("容器为空") } else { var url = prefix + "/getContainer"; var data = {"containerCode": containerCode}; localSubmit(url, "post", "json", data); } } function localSubmit (url, type, dataType, data) { $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: type, dataType: dataType, data: data, success: function (result) { if (result.code == web_status.SUCCESS) { $.modal.msgSuccess(result.msg); } else { $.modal.alertError(result.msg) } $.modal.closeLoading() } }; $.ajax(config) } function add() { let containerCode = $("#containerCode").val(); if ($.common.isEmpty(containerCode)) { $.modal.alertError("容器为空") } else { var url = prefix + "/add/" + containerCode; $.modal.open("添加", url); } } /* 清理 */ function remove() { let containerCode=$("#containerCode").val(); $.ajax({ url:prefix+'/remove', type:'post', data:{ containerCode:containerCode }, success:function (res) { if(res.code==200){ $.table.refresh(); $.modal.msgSuccess(res.msg); } else{ $.modal.msgError(res.msg); } } }) } </script> </body> </html>