55 changed files with 6717 additions and 5417 deletions
@ -0,0 +1,27 @@ |
|||
package com.dreamchaser.depository_manage.utils; |
|||
|
|||
public class DeviceUtil { |
|||
|
|||
private final static String[] agent = { "Android", "iPhone", "iPod","iPad", "Windows Phone", "MQQBrowser" }; //定义移动端请求的所有可能类型
|
|||
|
|||
/** |
|||
* 判断User-Agent 是不是来自于手机 |
|||
* @param userAgent |
|||
* @return |
|||
*/ |
|||
public static boolean checkAgentIsMobile(String userAgent) { |
|||
boolean flag = false; |
|||
if (!userAgent.contains("Windows NT") || (userAgent.contains("Windows NT") && userAgent.contains("compatible; MSIE "))) { |
|||
// 排除 苹果桌面系统
|
|||
if (!userAgent.contains("Windows NT") && !userAgent.contains("Macintosh")) { |
|||
for (String item : agent) { |
|||
if (userAgent.contains(item)) { |
|||
flag = true; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
return flag; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -1,491 +1,495 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<div class="layui-form-item"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<div class="layui-form-item"> |
|||
|
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">仓库</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="depositoryId" > |
|||
<option value="" selected>请选择仓库</option> |
|||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" readonly /> |
|||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" style="display: none" /> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">仓库</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="depositoryId" > |
|||
<option value="" selected>请选择仓库</option> |
|||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" |
|||
readonly/> |
|||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" |
|||
style="display: none"/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">种类</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="materialTypeId" > |
|||
<option value="" selected>请选择物料类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getId()}" th:text="${materialType?.getTname()}" >芯片类</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择物料类型" class="layui-input" id="openSonByMateralType" |
|||
readonly/> |
|||
<input type="text" id="materialTypeId" placeholder="请选择物料类型" name="materialTypeId" |
|||
class="layui-input" style="display: none"/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">物料名称</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="mname" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">种类</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="materialTypeId" > |
|||
<option value="" selected>请选择物料类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getId()}" th:text="${materialType?.getTname()}" >芯片类</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择物料类型" class="layui-input" id="openSonByMateralType" readonly /> |
|||
<input type="text" id="materialTypeId" placeholder="请选择物料类型" name="materialTypeId" class="layui-input" style="display: none" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">物料名称</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="mname" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">二维码</label> |
|||
<div class="layui-input-inline"> |
|||
<!-- <input type="text" th:value="${record.depository.getDname()}" name="dname" required lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">--> |
|||
<img src="" id="qrCode"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">二维码</label> |
|||
<div class="layui-input-inline"> |
|||
<!-- <input type="text" th:value="${record.depository.getDname()}" name="dname" required lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">--> |
|||
<img src="" id="qrCode"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="changeState" {{ d.state == 1 ? 'checked' : '' }} > |
|||
</script> |
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
|||
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
|||
</script> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" lay-event="import">导入数据</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" |
|||
lay-event="import">导入数据 |
|||
</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" lay-event="realDelete">彻底删除</a> |
|||
</script> |
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" |
|||
lay-event="realDelete">彻底删除</a> |
|||
</script> |
|||
|
|||
<script id="selectManager" type="text/html"> |
|||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
|||
</script> |
|||
<script id="selectManager" type="text/html"> |
|||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table','upload'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table', 'upload'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table, |
|||
upload = layui.upload; |
|||
|
|||
$('#openSonByMateralType').on('click', function(){ |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move : '.layui-layer-title', |
|||
fixed:false, |
|||
content: '/selectType', |
|||
}); |
|||
}); |
|||
|
|||
$('#openSonByDepository').on('click', function(){ |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move : '.layui-layer-title', |
|||
fixed:false, |
|||
content: '/selectDepository?type=2', |
|||
}); |
|||
}); |
|||
$('#openSonByMateralType').on('click', function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: '/selectType', |
|||
}); |
|||
}); |
|||
|
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/material/material', |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code',width: 150,title: '存货编码',sort: true}, |
|||
{field: 'id', width: 100, title: 'EAS编号',hidden:true}, |
|||
{field: 'mname', width: 120, title: '物料名称', sort: false}, |
|||
{field: 'typeName',width: 150,title: '物料种类'}, |
|||
{field: 'version',width: 200,title: '规格型号',sort: false}, |
|||
{field: 'texture',width: 100,title: '材质'}, |
|||
{field: 'unit',width: 150,title: '计量单位'}, |
|||
{field: 'depositoryCode',width: 250,title: '仓库编码',sort: true}, |
|||
{field: "depositoryName",width: 120,title: "仓库名称"}, |
|||
{field: 'quantity',width: 120,title:'数量',sort: true}, |
|||
{field: 'price',width: 150,title: '单价',sort: true}, |
|||
{field: 'amounts',width: 180,title: '总金额',sort: true}, |
|||
{field: 'state', title:'状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '仓管员', minWidth: 80, templet: '#selectManager' ,align: "center"}, |
|||
{title: '操作', minWidth: 200, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done:function () { |
|||
$("[data-field='id']").css('display','none'); |
|||
$('#openSonByDepository').on('click', function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: '/selectDepository?type=2', |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
}); |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/material/material', |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 150, title: '存货编码', sort: true}, |
|||
{field: 'id', width: 100, title: 'EAS编号', hidden: true}, |
|||
{field: 'mname', width: 120, title: '物料名称', sort: false}, |
|||
{field: 'typeName', width: 150, title: '物料种类'}, |
|||
{field: 'version', width: 200, title: '规格型号', sort: false}, |
|||
{field: 'texture', width: 100, title: '材质'}, |
|||
{field: 'unit', width: 150, title: '计量单位'}, |
|||
{field: 'depositoryCode', width: 250, title: '仓库编码', sort: true}, |
|||
{field: "depositoryName", width: 120, title: "仓库名称"}, |
|||
{field: 'quantity', width: 120, title: '数量', sort: true}, |
|||
{field: 'price', width: 150, title: '单价', sort: true}, |
|||
{field: 'amounts', width: 180, title: '总金额', sort: true}, |
|||
{field: 'state', title: '状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '仓管员', minWidth: 80, templet: '#selectManager', align: "center"}, |
|||
{title: '操作', minWidth: 200, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display', 'none'); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
req.type=1; |
|||
if (data.mname!==''){ |
|||
req.mname=data.mname; |
|||
} |
|||
if(data.depositoryId!== ''){ |
|||
req.depositoryId = data.depositoryId; |
|||
} |
|||
if(data.materialTypeId !=''){ |
|||
req.materialTypeId = data.materialTypeId; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
} |
|||
}); |
|||
|
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
req.type = 1; |
|||
if (data.mname !== '') { |
|||
req.mname = data.mname; |
|||
} |
|||
if (data.depositoryId !== '') { |
|||
req.depositoryId = data.depositoryId; |
|||
} |
|||
if (data.materialTypeId != '') { |
|||
req.materialTypeId = data.materialTypeId; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
} |
|||
else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req={}; |
|||
req.ids=[]; |
|||
for (i=0,len=data.length;i<len;i++){ |
|||
req.ids[i]=data[i].id; |
|||
} |
|||
if(req.ids.length > 0) { |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} else if (obj.event === 'createQrCode') { |
|||
$.ajax({ |
|||
url: "/material/createQrCode?mid=3", |
|||
dataType: 'json', |
|||
type: 'get', |
|||
contentType: "application/json;charset=utf-8", |
|||
success: function (data) { |
|||
if (data.status != 200) { |
|||
layer.msg(data.statusInfo.messgae) |
|||
} else { |
|||
$("#qrCode").attr("src", data.data); |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
|
|||
var upLoader = upload.render({ |
|||
elem: "#u_fileUpload", // 绑定元素 |
|||
url: '/excel/importExcel', // 上传接口 |
|||
accept: 'file', // 允许上传的格式, |
|||
exts: 'xls|xlsx|csv', |
|||
done: function (res) { |
|||
//如果上传成功 |
|||
if (res.code == 200) { |
|||
var re = ""; |
|||
for (let i = 0; i < res.data.dataList.length; i++) { |
|||
var mname = res.data.dataList[i]["mname"]; |
|||
var code = res.data.dataList[i]["code"]; |
|||
var version = res.data.dataList[i]["version"]; |
|||
var texture = res.data.dataList[i]["texture"]; |
|||
var price = res.data.dataList[i]["price"]; |
|||
var quantity = res.data.dataList[i]["quantity"]; |
|||
var unit = res.data.dataList[i]["unit"]; |
|||
var show = "<p style='color: #00FF00'>" + mname + " " + version + " " + code + " " + texture + " " + price + " " + quantity + " " + unit + ":成功" + "</p>"; |
|||
re += show |
|||
} |
|||
for (let i = 0; i < res.data.errMsg.length; i++) { |
|||
var show = "<p style='color: #ff211e'>" + res.data.errMsg[i] + ":错误" + "</p>"; |
|||
re += show |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
layer.open({ |
|||
type: 1, |
|||
skin: 'layui-layer-rim', //加上边框 |
|||
area: ['500px', '500px'], //宽高 |
|||
content: re |
|||
}) |
|||
} else { |
|||
layer.msg(res.msg) |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
else{ |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} |
|||
else if(obj.event === 'createQrCode'){ |
|||
$.ajax({ |
|||
url:"/material/createQrCode?mid=3", |
|||
dataType: 'json', |
|||
type: 'get', |
|||
contentType: "application/json;charset=utf-8", |
|||
success:function (data) { |
|||
if(data.status != 200){ |
|||
layer.msg(data.statusInfo.messgae) |
|||
}else{ |
|||
$("#qrCode").attr("src",data.data); |
|||
|
|||
}, |
|||
error: function () { |
|||
var demoText = $('#demoText'); |
|||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
|||
demoText.find('.demo-reload').on('click', function () { |
|||
upLoader.upload() |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
var upLoader = upload.render({ |
|||
elem:"#u_fileUpload", // 绑定元素 |
|||
url:'/excel/importExcel', // 上传接口 |
|||
accept:'file', // 允许上传的格式, |
|||
exts:'xls|xlsx|csv', |
|||
done:function(res){ |
|||
//如果上传成功 |
|||
if(res.code == 200){ |
|||
var re = "" |
|||
for (let i = 0; i < res.data.dataList.length; i++) { |
|||
var mname = res.data.dataList[i]["mname"] |
|||
var code = res.data.dataList[i]["code"] |
|||
var version = res.data.dataList[i]["version"] |
|||
var texture = res.data.dataList[i]["texture"] |
|||
var price = res.data.dataList[i]["price"] |
|||
var quantity = res.data.dataList[i]["quantity"] |
|||
var unit = res.data.dataList[i]["unit"] |
|||
var show = "<p style='color: #00FF00'>"+mname + " "+ version+" " +code+" "+texture +" "+price +" "+quantity +" "+unit +":成功" +"</p>" |
|||
re += show |
|||
} |
|||
for (let i = 0; i < res.data.errMsg.length; i++) { |
|||
var show = "<p style='color: #ff211e'>"+res.data.errMsg[i] + ":错误"+"</p>" |
|||
re += show |
|||
} |
|||
layer.open({ |
|||
type: 1, |
|||
skin: 'layui-layer-rim', //加上边框 |
|||
area: ['500px', '500px'], //宽高 |
|||
content: re |
|||
}) |
|||
}else{ |
|||
layer.msg(res.msg) |
|||
} |
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
}, |
|||
error:function (){ |
|||
var demoText = $('#demoText'); |
|||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
|||
demoText.find('.demo-reload').on('click', function(){ |
|||
upLoader.upload() |
|||
}) |
|||
} |
|||
}) |
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '仓库信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_view?id=' + data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} else if (obj.event == 'realDelete') { //彻底删除 |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
|||
btn: ['继续', '取消'] //按钮 |
|||
}, function () { |
|||
$.ajax({ |
|||
url: '/material/realDeleteMaterial', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '仓库信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_view?id='+data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} |
|||
else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}, function () { |
|||
// 执行重加载 |
|||
table.reload('currentTableId', { |
|||
url: '/repository/warehouseRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: {"parentId": parentId} |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
else if (obj.event == 'realDelete'){ //彻底删除 |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
|||
btn: ['继续','取消'] //按钮 |
|||
}, function(){ |
|||
$.ajax({ |
|||
url: '/material/realDeleteMaterial', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
} else if (obj.event == 'manager') { |
|||
|
|||
layer.open({ |
|||
type: 2, |
|||
title: '仓管员信息', |
|||
shadeClose: true, |
|||
shade: false, |
|||
maxmin: true, //开启最大化最小化按钮 |
|||
area: ['893px', '600px'], |
|||
content: '/ManagerViewByMid?id=' + data.id |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
},function (){ |
|||
// 执行重加载 |
|||
table.reload('currentTableId', { |
|||
url: '/repository/warehouseRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: {"parentId":parentId} |
|||
}); |
|||
}); |
|||
} |
|||
else if (obj.event == 'manager'){ |
|||
|
|||
layer.open({ |
|||
type: 2, |
|||
title: '仓管员信息', |
|||
shadeClose: true, |
|||
shade: false, |
|||
maxmin: true, //开启最大化最小化按钮 |
|||
area: ['893px', '600px'], |
|||
content: '/ManagerViewByMid?id='+data.id |
|||
}); |
|||
} |
|||
}); |
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function (obj) { |
|||
var req = new Map; |
|||
if (obj.elem.checked) { |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/material/material_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function(obj){ |
|||
var req = new Map |
|||
if(obj.elem.checked){ |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value |
|||
$.ajax({ |
|||
url: "/material/material_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
},function(){ |
|||
window.location='/material_out' |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}, function () { |
|||
window.location = '/material_out' |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
@ -1,258 +1,263 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">类型名称</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="tname" > |
|||
<option value="" selected>请选择类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getTname()}" th:text="${materialType?.getTname()}" >顶级类型</option> |
|||
</select> |
|||
</div> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">类型名称</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="tname"> |
|||
<option value="" selected>请选择类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" |
|||
th:value="${materialType?.getTname()}" |
|||
th:text="${materialType?.getTname()}">顶级类型 |
|||
</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table; |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/materialType/allMaterialTypeByParent?parentId='+parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
|||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
|||
{field: 'introduce',width: 200,title: '类型介绍',sort: true}, |
|||
{ |
|||
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
|||
if (d.state == 1){ |
|||
return "启用"; |
|||
}else if(d.state == 2){ |
|||
return "禁用"; |
|||
} |
|||
} |
|||
}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line' |
|||
}); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
req.type=1; |
|||
if (data.tname!==''){ |
|||
req.tname = data.tname; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
req.parentId = parentId |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/materialType/allMaterialTypeByParent?parentId=' + parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
|||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
|||
{field: 'introduce', width: 200, title: '类型介绍', sort: true}, |
|||
{ |
|||
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
|||
if (d.state == 1) { |
|||
return "启用"; |
|||
} else if (d.state == 2) { |
|||
return "禁用"; |
|||
} |
|||
} |
|||
}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line' |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req={}; |
|||
req.ids=[]; |
|||
for (i=0,len=data.length;i<len;i++){ |
|||
req.ids[i]=data[i].id; |
|||
} |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
req.type = 1; |
|||
if (data.tname !== '') { |
|||
req.tname = data.tname; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
req.parentId = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '物料种类详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_detail?id='+data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '物料种类详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_detail?id=' + data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
File diff suppressed because it is too large
@ -0,0 +1,236 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<style> |
|||
.layui-card {border:1px solid #f2f2f2;border-radius:5px;} |
|||
.icon {margin-right:10px;color:#1aa094;} |
|||
.icon-cray {color:#ffb800!important;} |
|||
.icon-blue {color:#1e9fff!important;} |
|||
.icon-tip {color:#ff5722!important;} |
|||
.layuimini-qiuck-module {text-align:center;margin-top: 10px} |
|||
.layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;} |
|||
.layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;} |
|||
.welcome-module {width:100%;height:210px;} |
|||
.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)} |
|||
.panel-body {padding:10px} |
|||
.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit} |
|||
.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;} |
|||
.layui-red {color:red} |
|||
.main_btn > p {height:40px;} |
|||
.layui-bg-number {background-color:#F8F8F8;} |
|||
.layuimini-notice:hover {background:#f6f6f6;} |
|||
.layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;} |
|||
.layuimini-notice-title,.layuimini-notice-label { |
|||
padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;} |
|||
.layuimini-notice-title {line-height:28px;font-size:14px;} |
|||
.layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<div class="layui-row layui-col-space15"> |
|||
<div class="layui-col-md8"> |
|||
<div class="layui-row layui-col-space15"> |
|||
<div class="layui-col-md6"> |
|||
<div class="layui-card"> |
|||
<div class="layui-card-header"><i class="fa fa-signal icon"></i>数据统计</div> |
|||
<div class="layui-card-body"> |
|||
<div class="welcome-module"> |
|||
<div class="layui-row layui-col-space10"> |
|||
<div class="layui-col-xs6"> |
|||
<div class="panel layui-bg-number"> |
|||
<div class="panel-body"> |
|||
<div class="panel-title"> |
|||
<span class="label pull-right layui-bg-blue">实时</span> |
|||
<h5>仓库数量</h5> |
|||
</div> |
|||
<div class="panel-content"> |
|||
<h1 class="no-margins" th:text="${depositoryCount}" >4</h1> |
|||
<small>当前分类总记录数</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-xs6"> |
|||
<div class="panel layui-bg-number"> |
|||
<div class="panel-body"> |
|||
<div class="panel-title"> |
|||
<span class="label pull-right layui-bg-cyan">实时</span> |
|||
<h5>库存金额统计</h5> |
|||
</div> |
|||
<div class="panel-content"> |
|||
<h1 class="no-margins" th:text="${allPrice}" >12032</h1> |
|||
<small>当前分类总记录数</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-xs6"> |
|||
<div class="panel layui-bg-number"> |
|||
<div class="panel-body"> |
|||
<div class="panel-title"> |
|||
<span class="label pull-right layui-bg-orange">实时</span> |
|||
<h5>物品数</h5> |
|||
</div> |
|||
<div class="panel-content"> |
|||
<h1 class="no-margins" th:text="${allMaterial}"></h1> |
|||
<small>当前分类总记录数</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-xs6"> |
|||
<div class="panel layui-bg-number"> |
|||
<div class="panel-body"> |
|||
<div class="panel-title"> |
|||
<span class="label pull-right layui-bg-green">实时</span> |
|||
<h5>仓库流水</h5> |
|||
</div> |
|||
<div class="panel-content"> |
|||
<h1 class="no-margins" th:text="${warehouseRecord}"></h1> |
|||
<small>当前分类总记录数</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-md6"> |
|||
<div class="layui-card"> |
|||
<div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div> |
|||
<div class="layui-card-body"> |
|||
<div class="welcome-module"> |
|||
<div class="layui-row layui-col-space10 layuimini-qiuck"> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/application_in" data-title="入库申请" data-icon="fa fa-window-maximize"> |
|||
<i class="layui-icon layui-icon-file-b"></i> |
|||
<cite>入库申请</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/application_out" data-title="出库申请" data-icon="fa fa-gears"> |
|||
<i class="fa fa-file-text"></i> |
|||
<cite>出库申请</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/application_transfer" data-title="转移申请" data-icon="fa fa-file-text"> |
|||
<i class="fa fa-exchange"></i> |
|||
<cite>转移申请</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/table_in" data-title="入库查询" data-icon="fa fa-dot-circle-o"> |
|||
<i class="fa fa-cubes"></i> |
|||
<cite>入库查询</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/table_out" data-title="出库查询" data-icon="fa fa-calendar"> |
|||
<i class="fa fa-eye"></i> |
|||
<cite>出库查询</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/table_stock" data-title="库存查询" data-icon="fa fa-hourglass-end"> |
|||
<i class="fa fa-binoculars"></i> |
|||
<cite>库存查询</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/my_task" data-title="我的任务" data-icon="fa fa-snowflake-o"> |
|||
<i class="fa fa-tasks"></i> |
|||
<cite>我的任务</cite> |
|||
</a> |
|||
</div> |
|||
<div class="layui-col-xs3 layuimini-qiuck-module"> |
|||
<a href="javascript:;" layuimini-content-href="/my_apply" data-title="我的申请" data-icon="fa fa-search"> |
|||
<i class="fa fa-paper-plane"></i> |
|||
<cite>我的申请</cite> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-col-md4"> |
|||
|
|||
<div class="layui-card"> |
|||
<div class="layui-card-header"><i class="fa fa-bullhorn icon icon-tip"></i>系统公告</div> |
|||
<div class="layui-card-body layui-text"> |
|||
<div class="layuimini-notice" th:each="notice,iterStat:${notices}"> |
|||
<div class="layuimini-notice-title" th:text="${notice.getTitle()}">修改选项卡样式</div> |
|||
<div class="layuimini-notice-extra" th:text="${notice.getTime()}">2019-07-11 23:06</div> |
|||
<div class="layuimini-notice-content layui-hide" th:text="${notice.getContent()}"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script src="/static/js/lay-config.js?v=1.0.4" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['layer', 'miniTab','echarts'], function () { |
|||
var $ = layui.jquery, |
|||
layer = layui.layer, |
|||
miniTab = layui.miniTab, |
|||
echarts = layui.echarts; |
|||
|
|||
miniTab.listen(); |
|||
|
|||
/** |
|||
* 查看公告信息 |
|||
**/ |
|||
$('body').on('click', '.layuimini-notice', function () { |
|||
var title = $(this).children('.layuimini-notice-title').text(), |
|||
noticeTime = $(this).children('.layuimini-notice-extra').text(), |
|||
content = $(this).children('.layuimini-notice-content').html(); |
|||
var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' + |
|||
'<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' + |
|||
'<div style="font-size: 12px">' + content + '</div>\n' + |
|||
'</div>\n'; |
|||
parent.layer.open({ |
|||
type: 1, |
|||
title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>', |
|||
area: '300px;', |
|||
shade: 0.8, |
|||
id: 'layuimini-notice', |
|||
btn: ['查看', '取消'], |
|||
btnAlign: 'c', |
|||
moveType: 1, |
|||
content:html, |
|||
success: function (layero) { |
|||
var btn = layero.find('.layui-layer-btn'); |
|||
// btn.find('.layui-layer-btn0').attr({ |
|||
// href: 'https://gitee.com/zhongshaofa/layuimini', |
|||
// target: '_blank' |
|||
// }); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,347 +1,349 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
|
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位行</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位行</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<!-- <div class="layui-inline">--> |
|||
<!-- <label class="layui-form-label">库位列</label>--> |
|||
<!-- <div class="layui-input-inline">--> |
|||
<!-- <input type="text" name="place_x" autocomplete="off" class="layui-input">--> |
|||
<!-- </div>--> |
|||
<!-- </div>--> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位层</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_z" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位编码</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="code" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<!-- <div class="layui-inline">--> |
|||
<!-- <label class="layui-form-label">库位列</label>--> |
|||
<!-- <div class="layui-input-inline">--> |
|||
<!-- <input type="text" name="place_x" autocomplete="off" class="layui-input">--> |
|||
<!-- </div>--> |
|||
<!-- </div>--> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位层</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_z" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位编码</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="code" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 创建库位</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addList"> 批量创建</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 创建库位</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addList"> 批量创建</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位 |
|||
</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<script type="text/html" id="currentTableBar"> |
|||
|
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
|
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="changeState" {{ d.state == 1 ? 'checked' : '' }} > |
|||
</script> |
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
|||
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table; |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/place/findPlace?did='+parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 120, title: '库位号', sort: true}, |
|||
{field: 'mname',width: 200,title: '物料名称'}, |
|||
{field: 'depositoryName',width: 200,title: '仓库名称'}, |
|||
{field: 'depositoryCode',width: 200,title: '仓库编码'}, |
|||
{field: 'state', title:'状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display','none'); |
|||
} |
|||
}); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
if (data.place_x!==''){ |
|||
req.place_x=data.place_x; |
|||
} |
|||
if(data.place_z!== ''){ |
|||
req.place_x = data.place_z; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '库位增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertPlace?depositoryId='+parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/place/findPlace?did=' + parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 120, title: '库位号', sort: true}, |
|||
{field: 'mname', width: 200, title: '物料名称'}, |
|||
{field: 'depositoryName', width: 200, title: '仓库名称'}, |
|||
{field: 'depositoryCode', width: 200, title: '仓库编码'}, |
|||
{field: 'state', title: '状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display', 'none'); |
|||
} |
|||
}) |
|||
}else{ |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} |
|||
else if(obj.event === 'addList'){ |
|||
var index = layer.open({ |
|||
title: '批量增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertListPlace?depositoryId='+parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '库位信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/placeView?id='+data.id, |
|||
end:function () { |
|||
req = {}; |
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
if (data.place_x !== '') { |
|||
req.place_x = data.place_x; |
|||
} |
|||
if (data.place_z !== '') { |
|||
req.place_x = data.place_z; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '库位增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertPlace?depositoryId=' + parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
} else { |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} else if (obj.event === 'addList') { |
|||
var index = layer.open({ |
|||
title: '批量增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertListPlace?depositoryId=' + parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '库位信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/placeView?id=' + data.id, |
|||
end: function () { |
|||
req = {}; |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
|
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function(obj){ |
|||
var req = new Map; |
|||
if(obj.elem.checked){ |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/place/place_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
},function(){ |
|||
window.location='/warehouseByParentId?parentId='+parentId; |
|||
}) |
|||
} |
|||
} |
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function (obj) { |
|||
var req = new Map; |
|||
if (obj.elem.checked) { |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/place/place_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
}) |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}, function () { |
|||
window.location = '/warehouseByParentId?parentId=' + parentId; |
|||
}) |
|||
} |
|||
} |
|||
|
|||
}) |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
File diff suppressed because it is too large
@ -1,491 +1,495 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<div class="layui-form-item"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<div class="layui-form-item"> |
|||
|
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">仓库</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="depositoryId" > |
|||
<option value="" selected>请选择仓库</option> |
|||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" readonly /> |
|||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" style="display: none" /> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">仓库</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="depositoryId" > |
|||
<option value="" selected>请选择仓库</option> |
|||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" |
|||
readonly/> |
|||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" |
|||
style="display: none"/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">种类</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="materialTypeId" > |
|||
<option value="" selected>请选择物料类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getId()}" th:text="${materialType?.getTname()}" >芯片类</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择物料类型" class="layui-input" id="openSonByMateralType" |
|||
readonly/> |
|||
<input type="text" id="materialTypeId" placeholder="请选择物料类型" name="materialTypeId" |
|||
class="layui-input" style="display: none"/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">物料名称</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="mname" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">种类</label> |
|||
<div class="layui-input-inline"> |
|||
<!--<select name="materialTypeId" > |
|||
<option value="" selected>请选择物料类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getId()}" th:text="${materialType?.getTname()}" >芯片类</option> |
|||
</select>--> |
|||
<input type="text" placeholder="请选择物料类型" class="layui-input" id="openSonByMateralType" readonly /> |
|||
<input type="text" id="materialTypeId" placeholder="请选择物料类型" name="materialTypeId" class="layui-input" style="display: none" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">物料名称</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="mname" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">二维码</label> |
|||
<div class="layui-input-inline"> |
|||
<!-- <input type="text" th:value="${record.depository.getDname()}" name="dname" required lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">--> |
|||
<img src="" id="qrCode"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">二维码</label> |
|||
<div class="layui-input-inline"> |
|||
<!-- <input type="text" th:value="${record.depository.getDname()}" name="dname" required lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">--> |
|||
<img src="" id="qrCode"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="changeState" {{ d.state == 1 ? 'checked' : '' }} > |
|||
</script> |
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
|||
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
|||
</script> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" lay-event="import">导入数据</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" |
|||
lay-event="import">导入数据 |
|||
</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" lay-event="realDelete">彻底删除</a> |
|||
</script> |
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" |
|||
lay-event="realDelete">彻底删除</a> |
|||
</script> |
|||
|
|||
<script id="selectManager" type="text/html"> |
|||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
|||
</script> |
|||
<script id="selectManager" type="text/html"> |
|||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table','upload'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table', 'upload'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table, |
|||
upload = layui.upload; |
|||
|
|||
$('#openSonByMateralType').on('click', function(){ |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move : '.layui-layer-title', |
|||
fixed:false, |
|||
content: '/selectType', |
|||
}); |
|||
}); |
|||
|
|||
$('#openSonByDepository').on('click', function(){ |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move : '.layui-layer-title', |
|||
fixed:false, |
|||
content: '/selectDepository?type=2', |
|||
}); |
|||
}); |
|||
$('#openSonByMateralType').on('click', function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: '/selectType', |
|||
}); |
|||
}); |
|||
|
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/material/material', |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code',width: 150,title: '存货编码',sort: true}, |
|||
{field: 'id', width: 100, title: 'EAS编号',hidden:true}, |
|||
{field: 'mname', width: 120, title: '物料名称', sort: false}, |
|||
{field: 'typeName',width: 150,title: '物料种类'}, |
|||
{field: 'version',width: 200,title: '规格型号',sort: false}, |
|||
{field: 'texture',width: 100,title: '材质'}, |
|||
{field: 'unit',width: 150,title: '计量单位'}, |
|||
{field: 'depositoryCode',width: 250,title: '仓库编码',sort: true}, |
|||
{field: "depositoryName",width: 120,title: "仓库名称"}, |
|||
{field: 'quantity',width: 120,title:'数量',sort: true}, |
|||
{field: 'price',width: 150,title: '单价',sort: true}, |
|||
{field: 'amounts',width: 180,title: '总金额',sort: true}, |
|||
{field: 'state', title:'状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '仓管员', minWidth: 80, templet: '#selectManager' ,align: "center"}, |
|||
{title: '操作', minWidth: 200, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done:function () { |
|||
$("[data-field='id']").css('display','none'); |
|||
$('#openSonByDepository').on('click', function () { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '弹窗内容', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['70%', '70%'], |
|||
move: '.layui-layer-title', |
|||
fixed: false, |
|||
content: '/selectDepository?type=2', |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
}); |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/material/material', |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 150, title: '存货编码', sort: true}, |
|||
{field: 'id', width: 100, title: 'EAS编号', hidden: true}, |
|||
{field: 'mname', width: 120, title: '物料名称', sort: false}, |
|||
{field: 'typeName', width: 150, title: '物料种类'}, |
|||
{field: 'version', width: 200, title: '规格型号', sort: false}, |
|||
{field: 'texture', width: 100, title: '材质'}, |
|||
{field: 'unit', width: 150, title: '计量单位'}, |
|||
{field: 'depositoryCode', width: 250, title: '仓库编码', sort: true}, |
|||
{field: "depositoryName", width: 120, title: "仓库名称"}, |
|||
{field: 'quantity', width: 120, title: '数量', sort: true}, |
|||
{field: 'price', width: 150, title: '单价', sort: true}, |
|||
{field: 'amounts', width: 180, title: '总金额', sort: true}, |
|||
{field: 'state', title: '状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '仓管员', minWidth: 80, templet: '#selectManager', align: "center"}, |
|||
{title: '操作', minWidth: 200, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display', 'none'); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
req.type=1; |
|||
if (data.mname!==''){ |
|||
req.mname=data.mname; |
|||
} |
|||
if(data.depositoryId!== ''){ |
|||
req.depositoryId = data.depositoryId; |
|||
} |
|||
if(data.materialTypeId !=''){ |
|||
req.materialTypeId = data.materialTypeId; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
} |
|||
}); |
|||
|
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
req.type = 1; |
|||
if (data.mname !== '') { |
|||
req.mname = data.mname; |
|||
} |
|||
if (data.depositoryId !== '') { |
|||
req.depositoryId = data.depositoryId; |
|||
} |
|||
if (data.materialTypeId != '') { |
|||
req.materialTypeId = data.materialTypeId; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
} |
|||
else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req={}; |
|||
req.ids=[]; |
|||
for (i=0,len=data.length;i<len;i++){ |
|||
req.ids[i]=data[i].id; |
|||
} |
|||
if(req.ids.length > 0) { |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/material/material', |
|||
page: { |
|||
curr: 1 |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} else if (obj.event === 'createQrCode') { |
|||
$.ajax({ |
|||
url: "/material/createQrCode?mid=3", |
|||
dataType: 'json', |
|||
type: 'get', |
|||
contentType: "application/json;charset=utf-8", |
|||
success: function (data) { |
|||
if (data.status != 200) { |
|||
layer.msg(data.statusInfo.messgae) |
|||
} else { |
|||
$("#qrCode").attr("src", data.data); |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
|
|||
var upLoader = upload.render({ |
|||
elem: "#u_fileUpload", // 绑定元素 |
|||
url: '/excel/importExcel', // 上传接口 |
|||
accept: 'file', // 允许上传的格式, |
|||
exts: 'xls|xlsx|csv', |
|||
done: function (res) { |
|||
//如果上传成功 |
|||
if (res.code == 200) { |
|||
var re = ""; |
|||
for (let i = 0; i < res.data.dataList.length; i++) { |
|||
var mname = res.data.dataList[i]["mname"]; |
|||
var code = res.data.dataList[i]["code"]; |
|||
var version = res.data.dataList[i]["version"]; |
|||
var texture = res.data.dataList[i]["texture"]; |
|||
var price = res.data.dataList[i]["price"]; |
|||
var quantity = res.data.dataList[i]["quantity"]; |
|||
var unit = res.data.dataList[i]["unit"]; |
|||
var show = "<p style='color: #00FF00'>" + mname + " " + version + " " + code + " " + texture + " " + price + " " + quantity + " " + unit + ":成功" + "</p>"; |
|||
re += show |
|||
} |
|||
for (let i = 0; i < res.data.errMsg.length; i++) { |
|||
var show = "<p style='color: #ff211e'>" + res.data.errMsg[i] + ":错误" + "</p>"; |
|||
re += show |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
layer.open({ |
|||
type: 1, |
|||
skin: 'layui-layer-rim', //加上边框 |
|||
area: ['500px', '500px'], //宽高 |
|||
content: re |
|||
}) |
|||
} else { |
|||
layer.msg(res.msg) |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
else{ |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} |
|||
else if(obj.event === 'createQrCode'){ |
|||
$.ajax({ |
|||
url:"/material/createQrCode?mid=3", |
|||
dataType: 'json', |
|||
type: 'get', |
|||
contentType: "application/json;charset=utf-8", |
|||
success:function (data) { |
|||
if(data.status != 200){ |
|||
layer.msg(data.statusInfo.messgae) |
|||
}else{ |
|||
$("#qrCode").attr("src",data.data); |
|||
|
|||
}, |
|||
error: function () { |
|||
var demoText = $('#demoText'); |
|||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
|||
demoText.find('.demo-reload').on('click', function () { |
|||
upLoader.upload() |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
var upLoader = upload.render({ |
|||
elem:"#u_fileUpload", // 绑定元素 |
|||
url:'/excel/importExcel', // 上传接口 |
|||
accept:'file', // 允许上传的格式, |
|||
exts:'xls|xlsx|csv', |
|||
done:function(res){ |
|||
//如果上传成功 |
|||
if(res.code == 200){ |
|||
var re = "" |
|||
for (let i = 0; i < res.data.dataList.length; i++) { |
|||
var mname = res.data.dataList[i]["mname"] |
|||
var code = res.data.dataList[i]["code"] |
|||
var version = res.data.dataList[i]["version"] |
|||
var texture = res.data.dataList[i]["texture"] |
|||
var price = res.data.dataList[i]["price"] |
|||
var quantity = res.data.dataList[i]["quantity"] |
|||
var unit = res.data.dataList[i]["unit"] |
|||
var show = "<p style='color: #00FF00'>"+mname + " "+ version+" " +code+" "+texture +" "+price +" "+quantity +" "+unit +":成功" +"</p>" |
|||
re += show |
|||
} |
|||
for (let i = 0; i < res.data.errMsg.length; i++) { |
|||
var show = "<p style='color: #ff211e'>"+res.data.errMsg[i] + ":错误"+"</p>" |
|||
re += show |
|||
} |
|||
layer.open({ |
|||
type: 1, |
|||
skin: 'layui-layer-rim', //加上边框 |
|||
area: ['500px', '500px'], //宽高 |
|||
content: re |
|||
}) |
|||
}else{ |
|||
layer.msg(res.msg) |
|||
} |
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
}, |
|||
error:function (){ |
|||
var demoText = $('#demoText'); |
|||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
|||
demoText.find('.demo-reload').on('click', function(){ |
|||
upLoader.upload() |
|||
}) |
|||
} |
|||
}) |
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '仓库信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_view?id=' + data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} else if (obj.event == 'realDelete') { //彻底删除 |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
|||
btn: ['继续', '取消'] //按钮 |
|||
}, function () { |
|||
$.ajax({ |
|||
url: '/material/realDeleteMaterial', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '仓库信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/material_view?id='+data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} |
|||
else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/material/material_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}, function () { |
|||
// 执行重加载 |
|||
table.reload('currentTableId', { |
|||
url: '/repository/warehouseRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: {"parentId": parentId} |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
else if (obj.event == 'realDelete'){ //彻底删除 |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
|||
btn: ['继续','取消'] //按钮 |
|||
}, function(){ |
|||
$.ajax({ |
|||
url: '/material/realDeleteMaterial', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
} else if (obj.event == 'manager') { |
|||
|
|||
layer.open({ |
|||
type: 2, |
|||
title: '仓管员信息', |
|||
shadeClose: true, |
|||
shade: false, |
|||
maxmin: true, //开启最大化最小化按钮 |
|||
area: ['893px', '600px'], |
|||
content: '/ManagerViewByMid?id=' + data.id |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
},function (){ |
|||
// 执行重加载 |
|||
table.reload('currentTableId', { |
|||
url: '/repository/warehouseRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: {"parentId":parentId} |
|||
}); |
|||
}); |
|||
} |
|||
else if (obj.event == 'manager'){ |
|||
|
|||
layer.open({ |
|||
type: 2, |
|||
title: '仓管员信息', |
|||
shadeClose: true, |
|||
shade: false, |
|||
maxmin: true, //开启最大化最小化按钮 |
|||
area: ['893px', '600px'], |
|||
content: '/ManagerViewByMid?id='+data.id |
|||
}); |
|||
} |
|||
}); |
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function (obj) { |
|||
var req = new Map; |
|||
if (obj.elem.checked) { |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/material/material_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function(obj){ |
|||
var req = new Map |
|||
if(obj.elem.checked){ |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value |
|||
$.ajax({ |
|||
url: "/material/material_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
},function(){ |
|||
window.location='/material_out' |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}, function () { |
|||
window.location = '/material_out' |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
@ -1,258 +1,263 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">类型名称</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="tname" > |
|||
<option value="" selected>请选择类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getTname()}" th:text="${materialType?.getTname()}" >顶级类型</option> |
|||
</select> |
|||
</div> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">类型名称</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="tname"> |
|||
<option value="" selected>请选择类型</option> |
|||
<option th:each="materialType,iterStar:${materialTypes}" |
|||
th:value="${materialType?.getTname()}" |
|||
th:text="${materialType?.getTname()}">顶级类型 |
|||
</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
<script type="text/html" id="currentTableBar"> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table; |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/materialType/allMaterialTypeByParent?parentId='+parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
|||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
|||
{field: 'introduce',width: 200,title: '类型介绍',sort: true}, |
|||
{ |
|||
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
|||
if (d.state == 1){ |
|||
return "启用"; |
|||
}else if(d.state == 2){ |
|||
return "禁用"; |
|||
} |
|||
} |
|||
}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line' |
|||
}); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
req.type=1; |
|||
if (data.tname!==''){ |
|||
req.tname = data.tname; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
req.parentId = parentId |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/materialType/allMaterialTypeByParent?parentId=' + parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
|||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
|||
{field: 'introduce', width: 200, title: '类型介绍', sort: true}, |
|||
{ |
|||
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
|||
if (d.state == 1) { |
|||
return "启用"; |
|||
} else if (d.state == 2) { |
|||
return "禁用"; |
|||
} |
|||
} |
|||
}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line' |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req={}; |
|||
req.ids=[]; |
|||
for (i=0,len=data.length;i<len;i++){ |
|||
req.ids[i]=data[i].id; |
|||
} |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
req.type = 1; |
|||
if (data.tname !== '') { |
|||
req.tname = data.tname; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
req.parentId = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '申请提交', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_add', |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/materialType/materialTypeRecord', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '物料种类详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_detail?id='+data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '物料种类详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/materialType_detail?id=' + data.id, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/materialType/materialType_del', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
File diff suppressed because it is too large
@ -1,347 +1,349 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
<meta charset="utf-8"> |
|||
<title>layui</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, maximum-scale=1"> |
|||
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
|
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位行</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
<div class="layuimini-main"> |
|||
<fieldset class="table-search-fieldset"> |
|||
<legend>搜索信息</legend> |
|||
<div style="margin: 10px 10px 10px 10px"> |
|||
<form class="layui-form layui-form-pane" action=""> |
|||
<input id="parentId" style="display: none" th:value="${parentId}"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位行</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<!-- <div class="layui-inline">--> |
|||
<!-- <label class="layui-form-label">库位列</label>--> |
|||
<!-- <div class="layui-input-inline">--> |
|||
<!-- <input type="text" name="place_x" autocomplete="off" class="layui-input">--> |
|||
<!-- </div>--> |
|||
<!-- </div>--> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位层</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_z" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位编码</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="code" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<!-- <div class="layui-inline">--> |
|||
<!-- <label class="layui-form-label">库位列</label>--> |
|||
<!-- <div class="layui-input-inline">--> |
|||
<!-- <input type="text" name="place_x" autocomplete="off" class="layui-input">--> |
|||
<!-- </div>--> |
|||
<!-- </div>--> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位层</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="place_z" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">库位编码</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="code" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">状态</label> |
|||
<div class="layui-input-inline"> |
|||
<select name="state"> |
|||
<option value="">请选择状态</option> |
|||
<option value="1">启用</option> |
|||
<option value="2">禁用</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit |
|||
lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</fieldset> |
|||
</fieldset> |
|||
|
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 创建库位</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addList"> 批量创建</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位</button> |
|||
</div> |
|||
</script> |
|||
<script type="text/html" id="toolbarDemo"> |
|||
<div class="layui-btn-container"> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 创建库位</button> |
|||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addList"> 批量创建</button> |
|||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位 |
|||
</button> |
|||
</div> |
|||
</script> |
|||
|
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
<script type="text/html" id="currentTableBar"> |
|||
|
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="detail">详情</a> |
|||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a> |
|||
</script> |
|||
|
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="changeState" {{ d.state == 1 ? 'checked' : '' }} > |
|||
</script> |
|||
<!-- 状态展示--> |
|||
<script type="text/html" id="switchTpl"> |
|||
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
|||
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
|||
</script> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
layui.use(['form', 'table'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table; |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/place/findPlace?did='+parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type:"0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
,statusCode: 200 //规定成功的状态码,默认:0 |
|||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
,countName: 'count' //规定数据总数的字段名称,默认:count |
|||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ [ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 120, title: '库位号', sort: true}, |
|||
{field: 'mname',width: 200,title: '物料名称'}, |
|||
{field: 'depositoryName',width: 200,title: '仓库名称'}, |
|||
{field: 'depositoryCode',width: 200,title: '仓库编码'}, |
|||
{field: 'state', title:'状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display','none'); |
|||
} |
|||
}); |
|||
|
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req={}; |
|||
data=data.field; |
|||
if (data.place_x!==''){ |
|||
req.place_x=data.place_x; |
|||
} |
|||
if(data.place_z!== ''){ |
|||
req.place_x = data.place_z; |
|||
} |
|||
if(data.state != ''){ |
|||
req.state = data.state; |
|||
} |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
}); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '库位增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertPlace?depositoryId='+parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
var parentId = document.getElementById("parentId").value; |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/place/findPlace?did=' + parentId, |
|||
parseData: function (res) { //res 即为原始返回的数据 |
|||
return { |
|||
"status": res.status, //解析接口状态 |
|||
"message": res.statusInfo.message, //解析提示文本 |
|||
"count": res.count, //解析数据长度 |
|||
"data": res.data //解析数据列表 |
|||
}; |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
request: { |
|||
pageName: 'page', //页码的参数名称,默认:page |
|||
limitName: 'size' //每页数据量的参数名,默认:limit |
|||
}, |
|||
where: { |
|||
type: "0" |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称,默认:code |
|||
, statusCode: 200 //规定成功的状态码,默认:0 |
|||
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
|||
, countName: 'count' //规定数据总数的字段名称,默认:count |
|||
, dataName: 'data' //规定数据列表的字段名称,默认:data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
defaultToolbar: ['filter', 'exports', 'print'], |
|||
cols: [ |
|||
[ |
|||
{type: "checkbox", width: 50}, |
|||
{field: 'code', width: 120, title: '库位号', sort: true}, |
|||
{field: 'mname', width: 200, title: '物料名称'}, |
|||
{field: 'depositoryName', width: 200, title: '仓库名称'}, |
|||
{field: 'depositoryCode', width: 200, title: '仓库编码'}, |
|||
{field: 'state', title: '状态', minWidth: 80, templet: '#switchTpl'}, |
|||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
|||
] |
|||
], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done: function () { |
|||
$("[data-field='id']").css('display', 'none'); |
|||
} |
|||
}) |
|||
}else{ |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} |
|||
else if(obj.event === 'addList'){ |
|||
var index = layer.open({ |
|||
title: '批量增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertListPlace?depositoryId='+parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '库位信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/placeView?id='+data.id, |
|||
end:function () { |
|||
req = {}; |
|||
// 监听搜索操作 |
|||
form.on('submit(data-search-btn)', function (data) { |
|||
var req = {}; |
|||
data = data.field; |
|||
if (data.place_x !== '') { |
|||
req.place_x = data.place_x; |
|||
} |
|||
if (data.place_z !== '') { |
|||
req.place_x = data.place_z; |
|||
} |
|||
if (data.state != '') { |
|||
req.state = data.state; |
|||
} |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
|
|||
/** |
|||
* toolbar监听事件 |
|||
*/ |
|||
table.on('toolbar(currentTableFilter)', function (obj) { |
|||
if (obj.event === 'add') { // 监听添加操作 |
|||
var index = layer.open({ |
|||
title: '库位增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertPlace?depositoryId=' + parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} else if (obj.event === 'delete') { // 监听删除操作 |
|||
var checkStatus = table.checkStatus('currentTableId') |
|||
, data = checkStatus.data; |
|||
var req = {}; |
|||
req.ids = []; |
|||
for (i = 0, len = data.length; i < len; i++) { |
|||
req.ids[i] = data[i].id; |
|||
} |
|||
if (req.ids.length > 0) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
} else { |
|||
layer.msg("未选中记录,请确认!"); |
|||
return false; |
|||
} |
|||
} else if (obj.event === 'addList') { |
|||
var index = layer.open({ |
|||
title: '批量增加', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/insertListPlace?depositoryId=' + parentId, |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
//监听表格复选框选择 |
|||
table.on('checkbox(currentTableFilter)', function (obj) { |
|||
console.log(obj) |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req={}; |
|||
req.id=data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType:'json', |
|||
type:'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data:JSON.stringify(req), |
|||
beforeSend:function () { |
|||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
|||
}, |
|||
success:function(data){ |
|||
layer.close(this.layerIndex); |
|||
if(data.status >= 300){ |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
}else{ |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'detail') { |
|||
var index = layer.open({ |
|||
title: '库位信息详情', |
|||
type: 2, |
|||
shade: 0.2, |
|||
maxmin: true, |
|||
shadeClose: true, |
|||
area: ['100%', '100%'], |
|||
content: '/placeView?id=' + data.id, |
|||
end: function () { |
|||
req = {}; |
|||
req.did = parentId; |
|||
//执行搜索重载 |
|||
table.reload('currentTableId', { |
|||
url: '/place/findPlace', |
|||
page: { |
|||
curr: 1 |
|||
}, |
|||
where: req |
|||
}, 'data'); |
|||
return false; |
|||
} |
|||
}); |
|||
$(window).on("resize", function () { |
|||
layer.full(index); |
|||
}); |
|||
return false; |
|||
} else if (obj.event === 'delete') { |
|||
var req = {}; |
|||
req.id = data.id; |
|||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
|||
$.ajax({ |
|||
url: '/place/deletePlace', |
|||
dataType: 'json', |
|||
type: 'POST', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
} else { |
|||
obj.del(); |
|||
layer.msg("删除成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
|
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function(obj){ |
|||
var req = new Map; |
|||
if(obj.elem.checked){ |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/place/place_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
return; |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
},function(){ |
|||
window.location='/warehouseByParentId?parentId='+parentId; |
|||
}) |
|||
} |
|||
} |
|||
//监听状态操作 |
|||
form.on('switch(changeState)', function (obj) { |
|||
var req = new Map; |
|||
if (obj.elem.checked) { |
|||
req["state"] = 1 |
|||
} |
|||
req["id"] = this.value; |
|||
$.ajax({ |
|||
url: "/place/place_edit", |
|||
type: 'post', |
|||
dataType: 'json', |
|||
contentType: "application/json;charset=utf-8", |
|||
data: JSON.stringify(req), |
|||
beforeSend: function () { |
|||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
|||
}, |
|||
success: function (data) { |
|||
layer.close(this.layerIndex); |
|||
if (data.status >= 300) { |
|||
layer.msg(data.statusInfo.message);//失败的表情 |
|||
|
|||
}) |
|||
} else { |
|||
layer.msg("修改成功", { |
|||
icon: 6,//成功的表情 |
|||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|||
}, function () { |
|||
window.location = '/warehouseByParentId?parentId=' + parentId; |
|||
}) |
|||
} |
|||
} |
|||
|
|||
}) |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
Loading…
Reference in new issue