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> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
|
|
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">仓库</label> |
<label class="layui-form-label">仓库</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<!--<select name="depositoryId" > |
<!--<select name="depositoryId" > |
||||
<option value="" selected>请选择仓库</option> |
<option value="" selected>请选择仓库</option> |
||||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
||||
</select>--> |
</select>--> |
||||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" readonly /> |
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" |
||||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" style="display: none" /> |
readonly/> |
||||
</div> |
<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> |
||||
<div class="layui-inline"> |
</fieldset> |
||||
<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> |
|
||||
|
|
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<label class="layui-form-label">二维码</label> |
<label class="layui-form-label">二维码</label> |
||||
<div class="layui-input-inline"> |
<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">--> |
<!-- <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"> |
<img src="" id="qrCode"> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<!-- 状态展示--> |
<!-- 状态展示--> |
||||
<script type="text/html" id="switchTpl"> |
<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' : '' }} > |
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
||||
</script> |
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
||||
|
</script> |
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-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> |
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" |
||||
</div> |
lay-event="import">导入数据 |
||||
</script> |
</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-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" 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> |
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" |
||||
</script> |
lay-event="realDelete">彻底删除</a> |
||||
|
</script> |
||||
|
|
||||
<script id="selectManager" type="text/html"> |
<script id="selectManager" type="text/html"> |
||||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
||||
</script> |
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table','upload'], function () { |
layui.use(['form', 'table', 'upload'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table, |
table = layui.table, |
||||
upload = layui.upload; |
upload = layui.upload; |
||||
|
|
||||
$('#openSonByMateralType').on('click', function(){ |
$('#openSonByMateralType').on('click', function () { |
||||
layer.open({ |
layer.open({ |
||||
type: 2, |
type: 2, |
||||
title: '弹窗内容', |
title: '弹窗内容', |
||||
skin: 'layui-layer-rim', |
skin: 'layui-layer-rim', |
||||
maxmin: true, |
maxmin: true, |
||||
shadeClose: true, //点击遮罩关闭层 |
shadeClose: true, //点击遮罩关闭层 |
||||
area: ['70%', '70%'], |
area: ['70%', '70%'], |
||||
move : '.layui-layer-title', |
move: '.layui-layer-title', |
||||
fixed:false, |
fixed: false, |
||||
content: '/selectType', |
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', |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
table.render({ |
$('#openSonByDepository').on('click', function () { |
||||
elem: "#currentTableId", |
layer.open({ |
||||
url: '/material/material', |
type: 2, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
title: '弹窗内容', |
||||
return { |
skin: 'layui-layer-rim', |
||||
"status": res.status, //解析接口状态 |
maxmin: true, |
||||
"message": res.statusInfo.message, //解析提示文本 |
shadeClose: true, //点击遮罩关闭层 |
||||
"count": res.count, //解析数据长度 |
area: ['70%', '70%'], |
||||
"data": res.data //解析数据列表 |
move: '.layui-layer-title', |
||||
}; |
fixed: false, |
||||
}, |
content: '/selectDepository?type=2', |
||||
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'); |
|
||||
|
|
||||
} |
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', { |
form.on('submit(data-search-btn)', function (data) { |
||||
url: '/material/material', |
var req = {}; |
||||
page: { |
data = data.field; |
||||
curr: 1 |
req.type = 1; |
||||
}, |
if (data.mname !== '') { |
||||
where: req |
req.mname = data.mname; |
||||
}, 'data'); |
} |
||||
return false; |
if (data.depositoryId !== '') { |
||||
}); |
req.depositoryId = data.depositoryId; |
||||
|
} |
||||
|
if (data.materialTypeId != '') { |
||||
|
req.materialTypeId = data.materialTypeId; |
||||
|
} |
||||
|
if (data.state != '') { |
||||
|
req.state = data.state; |
||||
|
} |
||||
|
|
||||
/** |
//执行搜索重载 |
||||
* toolbar监听事件 |
table.reload('currentTableId', { |
||||
*/ |
url: '/material/material', |
||||
table.on('toolbar(currentTableFilter)', function (obj) { |
page: { |
||||
if (obj.event === 'add') { // 监听添加操作 |
curr: 1 |
||||
var index = layer.open({ |
}, |
||||
title: '申请提交', |
where: req |
||||
type: 2, |
}, 'data'); |
||||
shade: 0.2, |
return false; |
||||
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') |
* toolbar监听事件 |
||||
, data = checkStatus.data; |
*/ |
||||
var req={}; |
table.on('toolbar(currentTableFilter)', function (obj) { |
||||
req.ids=[]; |
if (obj.event === 'add') { // 监听添加操作 |
||||
for (i=0,len=data.length;i<len;i++){ |
var index = layer.open({ |
||||
req.ids[i]=data[i].id; |
title: '申请提交', |
||||
} |
type: 2, |
||||
if(req.ids.length > 0) { |
shade: 0.2, |
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
maxmin: true, |
||||
$.ajax({ |
shadeClose: true, |
||||
url: '/material/material_del', |
area: ['100%', '100%'], |
||||
dataType: 'json', |
content: '/material_add', |
||||
type: 'POST', |
}); |
||||
contentType: "application/json;charset=utf-8", |
$(window).on("resize", function () { |
||||
data: JSON.stringify(req), |
layer.full(index); |
||||
beforeSend: function () { |
}); |
||||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
} else if (obj.event === 'delete') { // 监听删除操作 |
||||
}, |
var checkStatus = table.checkStatus('currentTableId') |
||||
success: function (data) { |
, data = checkStatus.data; |
||||
layer.close(this.layerIndex); |
var req = {}; |
||||
if (data.status >= 300) { |
req.ids = []; |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
for (i = 0, len = data.length; i < len; i++) { |
||||
return; |
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 { |
} else { |
||||
layer.msg("删除成功", { |
layer.msg("未选中记录,请确认!"); |
||||
icon: 6,//成功的表情 |
return false; |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
} |
||||
}); |
} else if (obj.event === 'createQrCode') { |
||||
//执行搜索重载 |
$.ajax({ |
||||
table.reload('currentTableId', { |
url: "/material/createQrCode?mid=3", |
||||
url: '/material/material', |
dataType: 'json', |
||||
page: { |
type: 'get', |
||||
curr: 1 |
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'); |
layer.open({ |
||||
return false; |
type: 1, |
||||
|
skin: 'layui-layer-rim', //加上边框 |
||||
|
area: ['500px', '500px'], //宽高 |
||||
|
content: re |
||||
|
}) |
||||
|
} else { |
||||
|
layer.msg(res.msg) |
||||
} |
} |
||||
} |
|
||||
}) |
}, |
||||
}) |
error: function () { |
||||
} |
var demoText = $('#demoText'); |
||||
else{ |
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
||||
layer.msg("未选中记录,请确认!"); |
demoText.find('.demo-reload').on('click', function () { |
||||
return false; |
upLoader.upload() |
||||
} |
}) |
||||
} |
|
||||
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", // 绑定元素 |
table.on('checkbox(currentTableFilter)', function (obj) { |
||||
url:'/excel/importExcel', // 上传接口 |
console.log(obj) |
||||
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('tool(currentTableFilter)', function (obj) { |
||||
error:function (){ |
let data = obj.data; |
||||
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() |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
//监听表格复选框选择 |
if (obj.event === 'detail') { |
||||
table.on('checkbox(currentTableFilter)', function (obj) { |
var index = layer.open({ |
||||
console.log(obj) |
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) { |
} else { |
||||
let data = obj.data; |
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') { |
} else { |
||||
var index = layer.open({ |
obj.del(); |
||||
title: '仓库信息详情', |
layer.msg("删除成功", { |
||||
type: 2, |
icon: 6,//成功的表情 |
||||
shade: 0.2, |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
maxmin: true, |
}); |
||||
shadeClose: true, |
} |
||||
area: ['100%', '100%'], |
} |
||||
content: '/material_view?id='+data.id, |
}) |
||||
}); |
}, function () { |
||||
$(window).on("resize", function () { |
// 执行重加载 |
||||
layer.full(index); |
table.reload('currentTableId', { |
||||
}); |
url: '/repository/warehouseRecord', |
||||
return false; |
page: { |
||||
} |
curr: 1 |
||||
else if (obj.event === 'delete') { |
}, |
||||
var req={}; |
where: {"parentId": parentId} |
||||
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 if (obj.event == 'manager') { |
||||
} |
|
||||
}) |
layer.open({ |
||||
}); |
type: 2, |
||||
} |
title: '仓管员信息', |
||||
else if (obj.event == 'realDelete'){ //彻底删除 |
shadeClose: true, |
||||
var req={}; |
shade: false, |
||||
req.id=data.id; |
maxmin: true, //开启最大化最小化按钮 |
||||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
area: ['893px', '600px'], |
||||
btn: ['继续','取消'] //按钮 |
content: '/ManagerViewByMid?id=' + data.id |
||||
}, 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秒) |
|
||||
}); |
}); |
||||
} |
|
||||
} |
} |
||||
}) |
|
||||
},function (){ |
|
||||
// 执行重加载 |
|
||||
table.reload('currentTableId', { |
|
||||
url: '/repository/warehouseRecord', |
|
||||
page: { |
|
||||
curr: 1 |
|
||||
}, |
|
||||
where: {"parentId":parentId} |
|
||||
}); |
|
||||
}); |
}); |
||||
} |
|
||||
else if (obj.event == 'manager'){ |
|
||||
|
|
||||
layer.open({ |
//监听状态操作 |
||||
type: 2, |
form.on('switch(changeState)', function (obj) { |
||||
title: '仓管员信息', |
var req = new Map; |
||||
shadeClose: true, |
if (obj.elem.checked) { |
||||
shade: false, |
req["state"] = 1 |
||||
maxmin: true, //开启最大化最小化按钮 |
} |
||||
area: ['893px', '600px'], |
req["id"] = this.value; |
||||
content: '/ManagerViewByMid?id='+data.id |
$.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);//失败的表情 |
||||
|
|
||||
//监听状态操作 |
} else { |
||||
form.on('switch(changeState)', function(obj){ |
layer.msg("修改成功", { |
||||
var req = new Map |
icon: 6,//成功的表情 |
||||
if(obj.elem.checked){ |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
req["state"] = 1 |
}, function () { |
||||
} |
window.location = '/material_out' |
||||
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' |
|
||||
}) |
}) |
||||
} |
}); |
||||
} |
|
||||
}) |
|
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</body> |
||||
|
|||||
@ -1,258 +1,263 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<input id="parentId" style="display: none" th:value="${parentId}"> |
<input id="parentId" style="display: none" th:value="${parentId}"> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">类型名称</label> |
<label class="layui-form-label">类型名称</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<select name="tname" > |
<select name="tname"> |
||||
<option value="" selected>请选择类型</option> |
<option value="" selected>请选择类型</option> |
||||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getTname()}" th:text="${materialType?.getTname()}" >顶级类型</option> |
<option th:each="materialType,iterStar:${materialTypes}" |
||||
</select> |
th:value="${materialType?.getTname()}" |
||||
</div> |
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> |
||||
<div class="layui-inline"> |
</fieldset> |
||||
<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> |
|
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
||||
</div> |
</div> |
||||
</script> |
</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-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" lay-event="delete">删除</a> |
||||
</script> |
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table'], function () { |
layui.use(['form', 'table'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table; |
table = layui.table; |
||||
var parentId = document.getElementById("parentId").value; |
var parentId = document.getElementById("parentId").value; |
||||
table.render({ |
table.render({ |
||||
elem: "#currentTableId", |
elem: "#currentTableId", |
||||
url: '/materialType/allMaterialTypeByParent?parentId='+parentId, |
url: '/materialType/allMaterialTypeByParent?parentId=' + parentId, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
parseData: function (res) { //res 即为原始返回的数据 |
||||
return { |
return { |
||||
"status": res.status, //解析接口状态 |
"status": res.status, //解析接口状态 |
||||
"message": res.statusInfo.message, //解析提示文本 |
"message": res.statusInfo.message, //解析提示文本 |
||||
"count": res.count, //解析数据长度 |
"count": res.count, //解析数据长度 |
||||
"data": res.data //解析数据列表 |
"data": res.data //解析数据列表 |
||||
}; |
}; |
||||
}, |
}, |
||||
request: { |
request: { |
||||
pageName: 'page', //页码的参数名称,默认:page |
pageName: 'page', //页码的参数名称,默认:page |
||||
limitName: 'size' //每页数据量的参数名,默认:limit |
limitName: 'size' //每页数据量的参数名,默认:limit |
||||
}, |
}, |
||||
where: { |
where: { |
||||
type:"0" |
type: "0" |
||||
}, |
}, |
||||
response: { |
response: { |
||||
statusName: 'status' //规定数据状态的字段名称,默认:code |
statusName: 'status' //规定数据状态的字段名称,默认:code |
||||
,statusCode: 200 //规定成功的状态码,默认:0 |
, statusCode: 200 //规定成功的状态码,默认:0 |
||||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
||||
,countName: 'count' //规定数据总数的字段名称,默认:count |
, countName: 'count' //规定数据总数的字段名称,默认:count |
||||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
, dataName: 'data' //规定数据列表的字段名称,默认:data |
||||
}, |
}, |
||||
toolbar: '#toolbarDemo', |
toolbar: '#toolbarDemo', |
||||
defaultToolbar: ['filter', 'exports', 'print'], |
defaultToolbar: ['filter', 'exports', 'print'], |
||||
cols: [ [ |
cols: [ |
||||
{type: "checkbox", width: 50}, |
[ |
||||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
{type: "checkbox", width: 50}, |
||||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
{field: 'id', width: 100, title: '类型编号', sort: true}, |
||||
{field: 'introduce',width: 200,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){ |
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
||||
return "启用"; |
if (d.state == 1) { |
||||
}else if(d.state == 2){ |
return "启用"; |
||||
return "禁用"; |
} else if (d.state == 2) { |
||||
} |
return "禁用"; |
||||
} |
} |
||||
}, |
} |
||||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
}, |
||||
]], |
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
||||
limits: [10, 15, 20, 25, 50], |
] |
||||
limit: 10, |
], |
||||
page: true, |
limits: [10, 15, 20, 25, 50], |
||||
skin: 'line' |
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); |
|
||||
}); |
}); |
||||
} else if (obj.event === 'delete') { // 监听删除操作 |
|
||||
var checkStatus = table.checkStatus('currentTableId') |
// 监听搜索操作 |
||||
, data = checkStatus.data; |
form.on('submit(data-search-btn)', function (data) { |
||||
var req={}; |
var req = {}; |
||||
req.ids=[]; |
data = data.field; |
||||
for (i=0,len=data.length;i<len;i++){ |
req.type = 1; |
||||
req.ids[i]=data[i].id; |
if (data.tname !== '') { |
||||
} |
req.tname = data.tname; |
||||
$.ajax({ |
} |
||||
url: '/materialType/materialType_del', |
if (data.state != '') { |
||||
dataType:'json', |
req.state = data.state; |
||||
type:'POST', |
} |
||||
contentType: "application/json;charset=utf-8", |
req.parentId = parentId; |
||||
data:JSON.stringify(req), |
//执行搜索重载 |
||||
beforeSend:function () { |
table.reload('currentTableId', { |
||||
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', { |
|
||||
url: '/materialType/materialTypeRecord', |
url: '/materialType/materialTypeRecord', |
||||
page: { |
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'); |
$.ajax({ |
||||
return false; |
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) { |
table.on('checkbox(currentTableFilter)', function (obj) { |
||||
console.log(obj) |
console.log(obj) |
||||
}); |
}); |
||||
|
|
||||
table.on('tool(currentTableFilter)', function (obj) { |
table.on('tool(currentTableFilter)', function (obj) { |
||||
let data = obj.data; |
let data = obj.data; |
||||
|
|
||||
if (obj.event === 'detail') { |
if (obj.event === 'detail') { |
||||
var index = layer.open({ |
var index = layer.open({ |
||||
title: '物料种类详情', |
title: '物料种类详情', |
||||
type: 2, |
type: 2, |
||||
shade: 0.2, |
shade: 0.2, |
||||
maxmin: true, |
maxmin: true, |
||||
shadeClose: true, |
shadeClose: true, |
||||
area: ['100%', '100%'], |
area: ['100%', '100%'], |
||||
content: '/materialType_detail?id='+data.id, |
content: '/materialType_detail?id=' + data.id, |
||||
}); |
}); |
||||
$(window).on("resize", function () { |
$(window).on("resize", function () { |
||||
layer.full(index); |
layer.full(index); |
||||
}); |
}); |
||||
return false; |
return false; |
||||
} else if (obj.event === 'delete') { |
} else if (obj.event === 'delete') { |
||||
var req={}; |
var req = {}; |
||||
req.id=data.id; |
req.id = data.id; |
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
||||
$.ajax({ |
$.ajax({ |
||||
url: '/materialType/materialType_del', |
url: '/materialType/materialType_del', |
||||
dataType:'json', |
dataType: 'json', |
||||
type:'POST', |
type: 'POST', |
||||
contentType: "application/json;charset=utf-8", |
contentType: "application/json;charset=utf-8", |
||||
data:JSON.stringify(req), |
data: JSON.stringify(req), |
||||
beforeSend:function () { |
beforeSend: function () { |
||||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
||||
}, |
}, |
||||
success:function(data){ |
success: function (data) { |
||||
layer.close(this.layerIndex); |
layer.close(this.layerIndex); |
||||
if(data.status >= 300){ |
if (data.status >= 300) { |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
layer.msg(data.statusInfo.message);//失败的表情 |
||||
return; |
|
||||
}else{ |
} else { |
||||
obj.del(); |
obj.del(); |
||||
layer.msg("删除成功", { |
layer.msg("删除成功", { |
||||
icon: 6,//成功的表情 |
icon: 6,//成功的表情 |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
}); |
}); |
||||
} |
|
||||
} |
} |
||||
}) |
|
||||
}); |
}); |
||||
} |
|
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</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> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
|
|
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<input id="parentId" style="display: none" th:value="${parentId}"> |
<input id="parentId" style="display: none" th:value="${parentId}"> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">库位行</label> |
<label class="layui-form-label">库位行</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
||||
</div> |
</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> |
||||
<!-- <div class="layui-inline">--> |
</fieldset> |
||||
<!-- <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> |
|
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-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> |
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位 |
||||
</div> |
</button> |
||||
</script> |
</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-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" lay-event="delete">删除</a> |
||||
</script> |
</script> |
||||
|
|
||||
<!-- 状态展示--> |
<!-- 状态展示--> |
||||
<script type="text/html" id="switchTpl"> |
<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' : '' }} > |
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
||||
</script> |
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
||||
|
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table'], function () { |
layui.use(['form', 'table'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table; |
table = layui.table; |
||||
var parentId = document.getElementById("parentId").value; |
var parentId = document.getElementById("parentId").value; |
||||
table.render({ |
table.render({ |
||||
elem: "#currentTableId", |
elem: "#currentTableId", |
||||
url: '/place/findPlace?did='+parentId, |
url: '/place/findPlace?did=' + parentId, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
parseData: function (res) { //res 即为原始返回的数据 |
||||
return { |
return { |
||||
"status": res.status, //解析接口状态 |
"status": res.status, //解析接口状态 |
||||
"message": res.statusInfo.message, //解析提示文本 |
"message": res.statusInfo.message, //解析提示文本 |
||||
"count": res.count, //解析数据长度 |
"count": res.count, //解析数据长度 |
||||
"data": res.data //解析数据列表 |
"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']}); |
|
||||
}, |
}, |
||||
success: function (data) { |
request: { |
||||
layer.close(this.layerIndex); |
pageName: 'page', //页码的参数名称,默认:page |
||||
if (data.status >= 300) { |
limitName: 'size' //每页数据量的参数名,默认:limit |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
}, |
||||
return; |
where: { |
||||
} else { |
type: "0" |
||||
layer.msg("删除成功", { |
}, |
||||
icon: 6,//成功的表情 |
response: { |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
statusName: 'status' //规定数据状态的字段名称,默认:code |
||||
}); |
, statusCode: 200 //规定成功的状态码,默认:0 |
||||
//执行搜索重载 |
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
||||
table.reload('currentTableId', { |
, countName: 'count' //规定数据总数的字段名称,默认:count |
||||
url: '/place/findPlace', |
, dataName: 'data' //规定数据列表的字段名称,默认:data |
||||
page: { |
}, |
||||
curr: 1 |
toolbar: '#toolbarDemo', |
||||
} |
defaultToolbar: ['filter', 'exports', 'print'], |
||||
}, 'data'); |
cols: [ |
||||
return false; |
[ |
||||
} |
{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; |
form.on('submit(data-search-btn)', function (data) { |
||||
|
var req = {}; |
||||
if (obj.event === 'detail') { |
data = data.field; |
||||
var index = layer.open({ |
if (data.place_x !== '') { |
||||
title: '库位信息详情', |
req.place_x = data.place_x; |
||||
type: 2, |
} |
||||
shade: 0.2, |
if (data.place_z !== '') { |
||||
maxmin: true, |
req.place_x = data.place_z; |
||||
shadeClose: true, |
} |
||||
area: ['100%', '100%'], |
if (data.state != '') { |
||||
content: '/placeView?id='+data.id, |
req.state = data.state; |
||||
end:function () { |
} |
||||
req = {}; |
|
||||
req.did = parentId; |
req.did = parentId; |
||||
//执行搜索重载 |
//执行搜索重载 |
||||
table.reload('currentTableId', { |
table.reload('currentTableId', { |
||||
url: '/place/findPlace', |
url: '/place/findPlace', |
||||
page: { |
page: { |
||||
curr: 1 |
curr: 1 |
||||
}, |
}, |
||||
where: req |
where: req |
||||
}, 'data'); |
}, 'data'); |
||||
return false; |
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') { |
table.on('tool(currentTableFilter)', function (obj) { |
||||
var req={}; |
let data = obj.data; |
||||
req.id=data.id; |
|
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
if (obj.event === 'detail') { |
||||
$.ajax({ |
var index = layer.open({ |
||||
url: '/place/deletePlace', |
title: '库位信息详情', |
||||
dataType:'json', |
type: 2, |
||||
type:'POST', |
shade: 0.2, |
||||
contentType: "application/json;charset=utf-8", |
maxmin: true, |
||||
data:JSON.stringify(req), |
shadeClose: true, |
||||
beforeSend:function () { |
area: ['100%', '100%'], |
||||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
content: '/placeView?id=' + data.id, |
||||
}, |
end: function () { |
||||
success:function(data){ |
req = {}; |
||||
layer.close(this.layerIndex); |
req.did = parentId; |
||||
if(data.status >= 300){ |
//执行搜索重载 |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
table.reload('currentTableId', { |
||||
return; |
url: '/place/findPlace', |
||||
}else{ |
page: { |
||||
obj.del(); |
curr: 1 |
||||
layer.msg("删除成功", { |
}, |
||||
icon: 6,//成功的表情 |
where: req |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
}, '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){ |
form.on('switch(changeState)', function (obj) { |
||||
var req = new Map; |
var req = new Map; |
||||
if(obj.elem.checked){ |
if (obj.elem.checked) { |
||||
req["state"] = 1 |
req["state"] = 1 |
||||
} |
} |
||||
req["id"] = this.value; |
req["id"] = this.value; |
||||
$.ajax({ |
$.ajax({ |
||||
url: "/place/place_edit", |
url: "/place/place_edit", |
||||
type: 'post', |
type: 'post', |
||||
dataType: 'json', |
dataType: 'json', |
||||
contentType: "application/json;charset=utf-8", |
contentType: "application/json;charset=utf-8", |
||||
data: JSON.stringify(req), |
data: JSON.stringify(req), |
||||
beforeSend: function () { |
beforeSend: function () { |
||||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
||||
}, |
}, |
||||
success: function (data) { |
success: function (data) { |
||||
layer.close(this.layerIndex); |
layer.close(this.layerIndex); |
||||
if (data.status >= 300) { |
if (data.status >= 300) { |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
layer.msg(data.statusInfo.message);//失败的表情 |
||||
return; |
|
||||
} else { |
|
||||
layer.msg("修改成功", { |
|
||||
icon: 6,//成功的表情 |
|
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|
||||
},function(){ |
|
||||
window.location='/warehouseByParentId?parentId='+parentId; |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}) |
} else { |
||||
|
layer.msg("修改成功", { |
||||
|
icon: 6,//成功的表情 |
||||
|
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
|
}, function () { |
||||
|
window.location = '/warehouseByParentId?parentId=' + parentId; |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}); |
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</body> |
||||
|
|||||
File diff suppressed because it is too large
@ -1,491 +1,495 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
|
|
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">仓库</label> |
<label class="layui-form-label">仓库</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<!--<select name="depositoryId" > |
<!--<select name="depositoryId" > |
||||
<option value="" selected>请选择仓库</option> |
<option value="" selected>请选择仓库</option> |
||||
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
<option th:each="depository,iterStar:${depositories}" th:value="${depository?.getId()}" th:text="${depository?.getDname()}" >外芯仓库</option> |
||||
</select>--> |
</select>--> |
||||
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" readonly /> |
<input type="text" placeholder="请选择仓库" class="layui-input" id="openSonByDepository" |
||||
<input type="text" name="depositoryId" class="layui-input" id="depositoryId" style="display: none" /> |
readonly/> |
||||
</div> |
<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> |
||||
<div class="layui-inline"> |
</fieldset> |
||||
<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> |
|
||||
|
|
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<label class="layui-form-label">二维码</label> |
<label class="layui-form-label">二维码</label> |
||||
<div class="layui-input-inline"> |
<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">--> |
<!-- <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"> |
<img src="" id="qrCode"> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<!-- 状态展示--> |
<!-- 状态展示--> |
||||
<script type="text/html" id="switchTpl"> |
<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' : '' }} > |
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
||||
</script> |
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
||||
|
</script> |
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-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> |
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" id="u_fileUpload" |
||||
</div> |
lay-event="import">导入数据 |
||||
</script> |
</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-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" 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> |
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" th:style="'display:'+${display}" |
||||
</script> |
lay-event="realDelete">彻底删除</a> |
||||
|
</script> |
||||
|
|
||||
<script id="selectManager" type="text/html"> |
<script id="selectManager" type="text/html"> |
||||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="manager">仓管员</a> |
||||
</script> |
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table','upload'], function () { |
layui.use(['form', 'table', 'upload'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table, |
table = layui.table, |
||||
upload = layui.upload; |
upload = layui.upload; |
||||
|
|
||||
$('#openSonByMateralType').on('click', function(){ |
$('#openSonByMateralType').on('click', function () { |
||||
layer.open({ |
layer.open({ |
||||
type: 2, |
type: 2, |
||||
title: '弹窗内容', |
title: '弹窗内容', |
||||
skin: 'layui-layer-rim', |
skin: 'layui-layer-rim', |
||||
maxmin: true, |
maxmin: true, |
||||
shadeClose: true, //点击遮罩关闭层 |
shadeClose: true, //点击遮罩关闭层 |
||||
area: ['70%', '70%'], |
area: ['70%', '70%'], |
||||
move : '.layui-layer-title', |
move: '.layui-layer-title', |
||||
fixed:false, |
fixed: false, |
||||
content: '/selectType', |
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', |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
table.render({ |
$('#openSonByDepository').on('click', function () { |
||||
elem: "#currentTableId", |
layer.open({ |
||||
url: '/material/material', |
type: 2, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
title: '弹窗内容', |
||||
return { |
skin: 'layui-layer-rim', |
||||
"status": res.status, //解析接口状态 |
maxmin: true, |
||||
"message": res.statusInfo.message, //解析提示文本 |
shadeClose: true, //点击遮罩关闭层 |
||||
"count": res.count, //解析数据长度 |
area: ['70%', '70%'], |
||||
"data": res.data //解析数据列表 |
move: '.layui-layer-title', |
||||
}; |
fixed: false, |
||||
}, |
content: '/selectDepository?type=2', |
||||
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'); |
|
||||
|
|
||||
} |
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', { |
form.on('submit(data-search-btn)', function (data) { |
||||
url: '/material/material', |
var req = {}; |
||||
page: { |
data = data.field; |
||||
curr: 1 |
req.type = 1; |
||||
}, |
if (data.mname !== '') { |
||||
where: req |
req.mname = data.mname; |
||||
}, 'data'); |
} |
||||
return false; |
if (data.depositoryId !== '') { |
||||
}); |
req.depositoryId = data.depositoryId; |
||||
|
} |
||||
|
if (data.materialTypeId != '') { |
||||
|
req.materialTypeId = data.materialTypeId; |
||||
|
} |
||||
|
if (data.state != '') { |
||||
|
req.state = data.state; |
||||
|
} |
||||
|
|
||||
/** |
//执行搜索重载 |
||||
* toolbar监听事件 |
table.reload('currentTableId', { |
||||
*/ |
url: '/material/material', |
||||
table.on('toolbar(currentTableFilter)', function (obj) { |
page: { |
||||
if (obj.event === 'add') { // 监听添加操作 |
curr: 1 |
||||
var index = layer.open({ |
}, |
||||
title: '申请提交', |
where: req |
||||
type: 2, |
}, 'data'); |
||||
shade: 0.2, |
return false; |
||||
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') |
* toolbar监听事件 |
||||
, data = checkStatus.data; |
*/ |
||||
var req={}; |
table.on('toolbar(currentTableFilter)', function (obj) { |
||||
req.ids=[]; |
if (obj.event === 'add') { // 监听添加操作 |
||||
for (i=0,len=data.length;i<len;i++){ |
var index = layer.open({ |
||||
req.ids[i]=data[i].id; |
title: '申请提交', |
||||
} |
type: 2, |
||||
if(req.ids.length > 0) { |
shade: 0.2, |
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
maxmin: true, |
||||
$.ajax({ |
shadeClose: true, |
||||
url: '/material/material_del', |
area: ['100%', '100%'], |
||||
dataType: 'json', |
content: '/material_add', |
||||
type: 'POST', |
}); |
||||
contentType: "application/json;charset=utf-8", |
$(window).on("resize", function () { |
||||
data: JSON.stringify(req), |
layer.full(index); |
||||
beforeSend: function () { |
}); |
||||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
} else if (obj.event === 'delete') { // 监听删除操作 |
||||
}, |
var checkStatus = table.checkStatus('currentTableId') |
||||
success: function (data) { |
, data = checkStatus.data; |
||||
layer.close(this.layerIndex); |
var req = {}; |
||||
if (data.status >= 300) { |
req.ids = []; |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
for (i = 0, len = data.length; i < len; i++) { |
||||
return; |
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 { |
} else { |
||||
layer.msg("删除成功", { |
layer.msg("未选中记录,请确认!"); |
||||
icon: 6,//成功的表情 |
return false; |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
} |
||||
}); |
} else if (obj.event === 'createQrCode') { |
||||
//执行搜索重载 |
$.ajax({ |
||||
table.reload('currentTableId', { |
url: "/material/createQrCode?mid=3", |
||||
url: '/material/material', |
dataType: 'json', |
||||
page: { |
type: 'get', |
||||
curr: 1 |
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'); |
layer.open({ |
||||
return false; |
type: 1, |
||||
|
skin: 'layui-layer-rim', //加上边框 |
||||
|
area: ['500px', '500px'], //宽高 |
||||
|
content: re |
||||
|
}) |
||||
|
} else { |
||||
|
layer.msg(res.msg) |
||||
} |
} |
||||
} |
|
||||
}) |
}, |
||||
}) |
error: function () { |
||||
} |
var demoText = $('#demoText'); |
||||
else{ |
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
||||
layer.msg("未选中记录,请确认!"); |
demoText.find('.demo-reload').on('click', function () { |
||||
return false; |
upLoader.upload() |
||||
} |
}) |
||||
} |
|
||||
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", // 绑定元素 |
table.on('checkbox(currentTableFilter)', function (obj) { |
||||
url:'/excel/importExcel', // 上传接口 |
console.log(obj) |
||||
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('tool(currentTableFilter)', function (obj) { |
||||
error:function (){ |
let data = obj.data; |
||||
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() |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
//监听表格复选框选择 |
if (obj.event === 'detail') { |
||||
table.on('checkbox(currentTableFilter)', function (obj) { |
var index = layer.open({ |
||||
console.log(obj) |
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) { |
} else { |
||||
let data = obj.data; |
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') { |
} else { |
||||
var index = layer.open({ |
obj.del(); |
||||
title: '仓库信息详情', |
layer.msg("删除成功", { |
||||
type: 2, |
icon: 6,//成功的表情 |
||||
shade: 0.2, |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
maxmin: true, |
}); |
||||
shadeClose: true, |
} |
||||
area: ['100%', '100%'], |
} |
||||
content: '/material_view?id='+data.id, |
}) |
||||
}); |
}, function () { |
||||
$(window).on("resize", function () { |
// 执行重加载 |
||||
layer.full(index); |
table.reload('currentTableId', { |
||||
}); |
url: '/repository/warehouseRecord', |
||||
return false; |
page: { |
||||
} |
curr: 1 |
||||
else if (obj.event === 'delete') { |
}, |
||||
var req={}; |
where: {"parentId": parentId} |
||||
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 if (obj.event == 'manager') { |
||||
} |
|
||||
}) |
layer.open({ |
||||
}); |
type: 2, |
||||
} |
title: '仓管员信息', |
||||
else if (obj.event == 'realDelete'){ //彻底删除 |
shadeClose: true, |
||||
var req={}; |
shade: false, |
||||
req.id=data.id; |
maxmin: true, //开启最大化最小化按钮 |
||||
layer.confirm('该操作会造成不可逆后果,是否继续?', { |
area: ['893px', '600px'], |
||||
btn: ['继续','取消'] //按钮 |
content: '/ManagerViewByMid?id=' + data.id |
||||
}, 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秒) |
|
||||
}); |
}); |
||||
} |
|
||||
} |
} |
||||
}) |
|
||||
},function (){ |
|
||||
// 执行重加载 |
|
||||
table.reload('currentTableId', { |
|
||||
url: '/repository/warehouseRecord', |
|
||||
page: { |
|
||||
curr: 1 |
|
||||
}, |
|
||||
where: {"parentId":parentId} |
|
||||
}); |
|
||||
}); |
}); |
||||
} |
|
||||
else if (obj.event == 'manager'){ |
|
||||
|
|
||||
layer.open({ |
//监听状态操作 |
||||
type: 2, |
form.on('switch(changeState)', function (obj) { |
||||
title: '仓管员信息', |
var req = new Map; |
||||
shadeClose: true, |
if (obj.elem.checked) { |
||||
shade: false, |
req["state"] = 1 |
||||
maxmin: true, //开启最大化最小化按钮 |
} |
||||
area: ['893px', '600px'], |
req["id"] = this.value; |
||||
content: '/ManagerViewByMid?id='+data.id |
$.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);//失败的表情 |
||||
|
|
||||
//监听状态操作 |
} else { |
||||
form.on('switch(changeState)', function(obj){ |
layer.msg("修改成功", { |
||||
var req = new Map |
icon: 6,//成功的表情 |
||||
if(obj.elem.checked){ |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
req["state"] = 1 |
}, function () { |
||||
} |
window.location = '/material_out' |
||||
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' |
|
||||
}) |
}) |
||||
} |
}); |
||||
} |
|
||||
}) |
|
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</body> |
||||
|
|||||
@ -1,258 +1,263 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<input id="parentId" style="display: none" th:value="${parentId}"> |
<input id="parentId" style="display: none" th:value="${parentId}"> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">类型名称</label> |
<label class="layui-form-label">类型名称</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<select name="tname" > |
<select name="tname"> |
||||
<option value="" selected>请选择类型</option> |
<option value="" selected>请选择类型</option> |
||||
<option th:each="materialType,iterStar:${materialTypes}" th:value="${materialType?.getTname()}" th:text="${materialType?.getTname()}" >顶级类型</option> |
<option th:each="materialType,iterStar:${materialTypes}" |
||||
</select> |
th:value="${materialType?.getTname()}" |
||||
</div> |
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> |
||||
<div class="layui-inline"> |
</fieldset> |
||||
<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> |
|
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除</button> |
||||
</div> |
</div> |
||||
</script> |
</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-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" lay-event="delete">删除</a> |
||||
</script> |
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table'], function () { |
layui.use(['form', 'table'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table; |
table = layui.table; |
||||
var parentId = document.getElementById("parentId").value; |
var parentId = document.getElementById("parentId").value; |
||||
table.render({ |
table.render({ |
||||
elem: "#currentTableId", |
elem: "#currentTableId", |
||||
url: '/materialType/allMaterialTypeByParent?parentId='+parentId, |
url: '/materialType/allMaterialTypeByParent?parentId=' + parentId, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
parseData: function (res) { //res 即为原始返回的数据 |
||||
return { |
return { |
||||
"status": res.status, //解析接口状态 |
"status": res.status, //解析接口状态 |
||||
"message": res.statusInfo.message, //解析提示文本 |
"message": res.statusInfo.message, //解析提示文本 |
||||
"count": res.count, //解析数据长度 |
"count": res.count, //解析数据长度 |
||||
"data": res.data //解析数据列表 |
"data": res.data //解析数据列表 |
||||
}; |
}; |
||||
}, |
}, |
||||
request: { |
request: { |
||||
pageName: 'page', //页码的参数名称,默认:page |
pageName: 'page', //页码的参数名称,默认:page |
||||
limitName: 'size' //每页数据量的参数名,默认:limit |
limitName: 'size' //每页数据量的参数名,默认:limit |
||||
}, |
}, |
||||
where: { |
where: { |
||||
type:"0" |
type: "0" |
||||
}, |
}, |
||||
response: { |
response: { |
||||
statusName: 'status' //规定数据状态的字段名称,默认:code |
statusName: 'status' //规定数据状态的字段名称,默认:code |
||||
,statusCode: 200 //规定成功的状态码,默认:0 |
, statusCode: 200 //规定成功的状态码,默认:0 |
||||
,msgName: 'message' //规定状态信息的字段名称,默认:msg |
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
||||
,countName: 'count' //规定数据总数的字段名称,默认:count |
, countName: 'count' //规定数据总数的字段名称,默认:count |
||||
,dataName: 'data' //规定数据列表的字段名称,默认:data |
, dataName: 'data' //规定数据列表的字段名称,默认:data |
||||
}, |
}, |
||||
toolbar: '#toolbarDemo', |
toolbar: '#toolbarDemo', |
||||
defaultToolbar: ['filter', 'exports', 'print'], |
defaultToolbar: ['filter', 'exports', 'print'], |
||||
cols: [ [ |
cols: [ |
||||
{type: "checkbox", width: 50}, |
[ |
||||
{field: 'id', width: 100, title: '类型编号', sort: true}, |
{type: "checkbox", width: 50}, |
||||
{field: 'tname', width: 120, title: '类型名称', sort: true}, |
{field: 'id', width: 100, title: '类型编号', sort: true}, |
||||
{field: 'introduce',width: 200,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){ |
field: 'state', title: '状态', minWidth: 80, sort: true, templet: function (d) { |
||||
return "启用"; |
if (d.state == 1) { |
||||
}else if(d.state == 2){ |
return "启用"; |
||||
return "禁用"; |
} else if (d.state == 2) { |
||||
} |
return "禁用"; |
||||
} |
} |
||||
}, |
} |
||||
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
}, |
||||
]], |
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} |
||||
limits: [10, 15, 20, 25, 50], |
] |
||||
limit: 10, |
], |
||||
page: true, |
limits: [10, 15, 20, 25, 50], |
||||
skin: 'line' |
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); |
|
||||
}); |
}); |
||||
} else if (obj.event === 'delete') { // 监听删除操作 |
|
||||
var checkStatus = table.checkStatus('currentTableId') |
// 监听搜索操作 |
||||
, data = checkStatus.data; |
form.on('submit(data-search-btn)', function (data) { |
||||
var req={}; |
var req = {}; |
||||
req.ids=[]; |
data = data.field; |
||||
for (i=0,len=data.length;i<len;i++){ |
req.type = 1; |
||||
req.ids[i]=data[i].id; |
if (data.tname !== '') { |
||||
} |
req.tname = data.tname; |
||||
$.ajax({ |
} |
||||
url: '/materialType/materialType_del', |
if (data.state != '') { |
||||
dataType:'json', |
req.state = data.state; |
||||
type:'POST', |
} |
||||
contentType: "application/json;charset=utf-8", |
req.parentId = parentId; |
||||
data:JSON.stringify(req), |
//执行搜索重载 |
||||
beforeSend:function () { |
table.reload('currentTableId', { |
||||
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', { |
|
||||
url: '/materialType/materialTypeRecord', |
url: '/materialType/materialTypeRecord', |
||||
page: { |
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'); |
$.ajax({ |
||||
return false; |
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) { |
table.on('checkbox(currentTableFilter)', function (obj) { |
||||
console.log(obj) |
console.log(obj) |
||||
}); |
}); |
||||
|
|
||||
table.on('tool(currentTableFilter)', function (obj) { |
table.on('tool(currentTableFilter)', function (obj) { |
||||
let data = obj.data; |
let data = obj.data; |
||||
|
|
||||
if (obj.event === 'detail') { |
if (obj.event === 'detail') { |
||||
var index = layer.open({ |
var index = layer.open({ |
||||
title: '物料种类详情', |
title: '物料种类详情', |
||||
type: 2, |
type: 2, |
||||
shade: 0.2, |
shade: 0.2, |
||||
maxmin: true, |
maxmin: true, |
||||
shadeClose: true, |
shadeClose: true, |
||||
area: ['100%', '100%'], |
area: ['100%', '100%'], |
||||
content: '/materialType_detail?id='+data.id, |
content: '/materialType_detail?id=' + data.id, |
||||
}); |
}); |
||||
$(window).on("resize", function () { |
$(window).on("resize", function () { |
||||
layer.full(index); |
layer.full(index); |
||||
}); |
}); |
||||
return false; |
return false; |
||||
} else if (obj.event === 'delete') { |
} else if (obj.event === 'delete') { |
||||
var req={}; |
var req = {}; |
||||
req.id=data.id; |
req.id = data.id; |
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
||||
$.ajax({ |
$.ajax({ |
||||
url: '/materialType/materialType_del', |
url: '/materialType/materialType_del', |
||||
dataType:'json', |
dataType: 'json', |
||||
type:'POST', |
type: 'POST', |
||||
contentType: "application/json;charset=utf-8", |
contentType: "application/json;charset=utf-8", |
||||
data:JSON.stringify(req), |
data: JSON.stringify(req), |
||||
beforeSend:function () { |
beforeSend: function () { |
||||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
||||
}, |
}, |
||||
success:function(data){ |
success: function (data) { |
||||
layer.close(this.layerIndex); |
layer.close(this.layerIndex); |
||||
if(data.status >= 300){ |
if (data.status >= 300) { |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
layer.msg(data.statusInfo.message);//失败的表情 |
||||
return; |
|
||||
}else{ |
} else { |
||||
obj.del(); |
obj.del(); |
||||
layer.msg("删除成功", { |
layer.msg("删除成功", { |
||||
icon: 6,//成功的表情 |
icon: 6,//成功的表情 |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
}); |
}); |
||||
} |
|
||||
} |
} |
||||
}) |
|
||||
}); |
}); |
||||
} |
|
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</body> |
||||
|
|||||
File diff suppressed because it is too large
@ -1,347 +1,349 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
<html lang="en" xmlns:th="http://www.thymeleaf.org"> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<title>layui</title> |
<title>layui</title> |
||||
<meta name="renderer" content="webkit"> |
<meta name="renderer" content="webkit"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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/layui-v2.6.3/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
<div class="layuimini-container"> |
<div class="layuimini-container"> |
||||
|
|
||||
<div class="layuimini-main"> |
<div class="layuimini-main"> |
||||
<fieldset class="table-search-fieldset"> |
<fieldset class="table-search-fieldset"> |
||||
<legend>搜索信息</legend> |
<legend>搜索信息</legend> |
||||
<div style="margin: 10px 10px 10px 10px"> |
<div style="margin: 10px 10px 10px 10px"> |
||||
<form class="layui-form layui-form-pane" action=""> |
<form class="layui-form layui-form-pane" action=""> |
||||
<input id="parentId" style="display: none" th:value="${parentId}"> |
<input id="parentId" style="display: none" th:value="${parentId}"> |
||||
<div class="layui-form-item"> |
<div class="layui-form-item"> |
||||
<div class="layui-inline"> |
<div class="layui-inline"> |
||||
<label class="layui-form-label">库位行</label> |
<label class="layui-form-label">库位行</label> |
||||
<div class="layui-input-inline"> |
<div class="layui-input-inline"> |
||||
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
<input type="text" name="place_x" autocomplete="off" class="layui-input"> |
||||
</div> |
</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> |
||||
<!-- <div class="layui-inline">--> |
</fieldset> |
||||
<!-- <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> |
|
||||
|
|
||||
<script type="text/html" id="toolbarDemo"> |
<script type="text/html" id="toolbarDemo"> |
||||
<div class="layui-btn-container"> |
<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="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-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> |
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除库位 |
||||
</div> |
</button> |
||||
</script> |
</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-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" lay-event="delete">删除</a> |
||||
</script> |
</script> |
||||
|
|
||||
<!-- 状态展示--> |
<!-- 状态展示--> |
||||
<script type="text/html" id="switchTpl"> |
<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' : '' }} > |
<input type="checkbox" name="state" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" |
||||
</script> |
lay-filter="changeState" {{ d.state== 1 ? 'checked' : '' }} > |
||||
|
</script> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
||||
<script> |
<script> |
||||
layui.use(['form', 'table'], function () { |
layui.use(['form', 'table'], function () { |
||||
var $ = layui.jquery, |
var $ = layui.jquery, |
||||
form = layui.form, |
form = layui.form, |
||||
table = layui.table; |
table = layui.table; |
||||
var parentId = document.getElementById("parentId").value; |
var parentId = document.getElementById("parentId").value; |
||||
table.render({ |
table.render({ |
||||
elem: "#currentTableId", |
elem: "#currentTableId", |
||||
url: '/place/findPlace?did='+parentId, |
url: '/place/findPlace?did=' + parentId, |
||||
parseData: function (res) { //res 即为原始返回的数据 |
parseData: function (res) { //res 即为原始返回的数据 |
||||
return { |
return { |
||||
"status": res.status, //解析接口状态 |
"status": res.status, //解析接口状态 |
||||
"message": res.statusInfo.message, //解析提示文本 |
"message": res.statusInfo.message, //解析提示文本 |
||||
"count": res.count, //解析数据长度 |
"count": res.count, //解析数据长度 |
||||
"data": res.data //解析数据列表 |
"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']}); |
|
||||
}, |
}, |
||||
success: function (data) { |
request: { |
||||
layer.close(this.layerIndex); |
pageName: 'page', //页码的参数名称,默认:page |
||||
if (data.status >= 300) { |
limitName: 'size' //每页数据量的参数名,默认:limit |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
}, |
||||
return; |
where: { |
||||
} else { |
type: "0" |
||||
layer.msg("删除成功", { |
}, |
||||
icon: 6,//成功的表情 |
response: { |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
statusName: 'status' //规定数据状态的字段名称,默认:code |
||||
}); |
, statusCode: 200 //规定成功的状态码,默认:0 |
||||
//执行搜索重载 |
, msgName: 'message' //规定状态信息的字段名称,默认:msg |
||||
table.reload('currentTableId', { |
, countName: 'count' //规定数据总数的字段名称,默认:count |
||||
url: '/place/findPlace', |
, dataName: 'data' //规定数据列表的字段名称,默认:data |
||||
page: { |
}, |
||||
curr: 1 |
toolbar: '#toolbarDemo', |
||||
} |
defaultToolbar: ['filter', 'exports', 'print'], |
||||
}, 'data'); |
cols: [ |
||||
return false; |
[ |
||||
} |
{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; |
form.on('submit(data-search-btn)', function (data) { |
||||
|
var req = {}; |
||||
if (obj.event === 'detail') { |
data = data.field; |
||||
var index = layer.open({ |
if (data.place_x !== '') { |
||||
title: '库位信息详情', |
req.place_x = data.place_x; |
||||
type: 2, |
} |
||||
shade: 0.2, |
if (data.place_z !== '') { |
||||
maxmin: true, |
req.place_x = data.place_z; |
||||
shadeClose: true, |
} |
||||
area: ['100%', '100%'], |
if (data.state != '') { |
||||
content: '/placeView?id='+data.id, |
req.state = data.state; |
||||
end:function () { |
} |
||||
req = {}; |
|
||||
req.did = parentId; |
req.did = parentId; |
||||
//执行搜索重载 |
//执行搜索重载 |
||||
table.reload('currentTableId', { |
table.reload('currentTableId', { |
||||
url: '/place/findPlace', |
url: '/place/findPlace', |
||||
page: { |
page: { |
||||
curr: 1 |
curr: 1 |
||||
}, |
}, |
||||
where: req |
where: req |
||||
}, 'data'); |
}, 'data'); |
||||
return false; |
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') { |
table.on('tool(currentTableFilter)', function (obj) { |
||||
var req={}; |
let data = obj.data; |
||||
req.id=data.id; |
|
||||
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { |
if (obj.event === 'detail') { |
||||
$.ajax({ |
var index = layer.open({ |
||||
url: '/place/deletePlace', |
title: '库位信息详情', |
||||
dataType:'json', |
type: 2, |
||||
type:'POST', |
shade: 0.2, |
||||
contentType: "application/json;charset=utf-8", |
maxmin: true, |
||||
data:JSON.stringify(req), |
shadeClose: true, |
||||
beforeSend:function () { |
area: ['100%', '100%'], |
||||
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] }); |
content: '/placeView?id=' + data.id, |
||||
}, |
end: function () { |
||||
success:function(data){ |
req = {}; |
||||
layer.close(this.layerIndex); |
req.did = parentId; |
||||
if(data.status >= 300){ |
//执行搜索重载 |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
table.reload('currentTableId', { |
||||
return; |
url: '/place/findPlace', |
||||
}else{ |
page: { |
||||
obj.del(); |
curr: 1 |
||||
layer.msg("删除成功", { |
}, |
||||
icon: 6,//成功的表情 |
where: req |
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
}, '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){ |
form.on('switch(changeState)', function (obj) { |
||||
var req = new Map; |
var req = new Map; |
||||
if(obj.elem.checked){ |
if (obj.elem.checked) { |
||||
req["state"] = 1 |
req["state"] = 1 |
||||
} |
} |
||||
req["id"] = this.value; |
req["id"] = this.value; |
||||
$.ajax({ |
$.ajax({ |
||||
url: "/place/place_edit", |
url: "/place/place_edit", |
||||
type: 'post', |
type: 'post', |
||||
dataType: 'json', |
dataType: 'json', |
||||
contentType: "application/json;charset=utf-8", |
contentType: "application/json;charset=utf-8", |
||||
data: JSON.stringify(req), |
data: JSON.stringify(req), |
||||
beforeSend: function () { |
beforeSend: function () { |
||||
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']}); |
||||
}, |
}, |
||||
success: function (data) { |
success: function (data) { |
||||
layer.close(this.layerIndex); |
layer.close(this.layerIndex); |
||||
if (data.status >= 300) { |
if (data.status >= 300) { |
||||
layer.msg(data.statusInfo.message);//失败的表情 |
layer.msg(data.statusInfo.message);//失败的表情 |
||||
return; |
|
||||
} else { |
|
||||
layer.msg("修改成功", { |
|
||||
icon: 6,//成功的表情 |
|
||||
time: 500 //1秒关闭(如果不配置,默认是3秒) |
|
||||
},function(){ |
|
||||
window.location='/warehouseByParentId?parentId='+parentId; |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}) |
} else { |
||||
|
layer.msg("修改成功", { |
||||
|
icon: 6,//成功的表情 |
||||
|
time: 500 //1秒关闭(如果不配置,默认是3秒) |
||||
|
}, function () { |
||||
|
window.location = '/warehouseByParentId?parentId=' + parentId; |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}); |
||||
}); |
}); |
||||
}); |
|
||||
</script> |
</script> |
||||
|
|
||||
</body> |
</body> |
||||
|
|||||
Loading…
Reference in new issue