3 changed files with 220 additions and 0 deletions
@ -0,0 +1,4 @@ |
|||
package com.dreamchaser.depository_manage.utils; |
|||
|
|||
public class QyWxXMLUtils { |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
<!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/css/public.css" media="all"> |
|||
<link rel="stylesheet" href="/static/js/lay-module/step-lay/step.css" media="all"> |
|||
</head> |
|||
<body> |
|||
|
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<input id="depositoryId" type="text" th:value="${depositoryId}" style="display: none"> |
|||
<input id="state" type="text" th:value="${state}" style="display: none"> |
|||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
<script type="text/html" id="currentTableBar"> |
|||
{{# if(d.state == "进行中"){ }} |
|||
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="scanQrCode">扫码</a> |
|||
{{# } }} |
|||
</script> |
|||
|
|||
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|||
<script> |
|||
layui.use(['form', 'table','laydate'], function () { |
|||
var $ = layui.jquery, |
|||
form = layui.form, |
|||
table = layui.table, |
|||
laydate = layui.laydate; |
|||
|
|||
var depositoryId = $("#depositoryId").val(); |
|||
// 0未完成1已完成 |
|||
var state = $("#state").val(); |
|||
table.render({ |
|||
elem: "#currentTableId", |
|||
url: '/depositoryRecord/ApplicationOutMinByDid', |
|||
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: { |
|||
"depositoryId":depositoryId, |
|||
"state":state |
|||
}, |
|||
response: { |
|||
statusName: 'status' //规定数据状态的字段名称，默认：code |
|||
,statusCode: 200 //规定成功的状态码，默认：0 |
|||
,msgName: 'message' //规定状态信息的字段名称，默认：msg |
|||
,countName: 'count' //规定数据总数的字段名称，默认：count |
|||
,dataName: 'data' //规定数据列表的字段名称，默认：data |
|||
}, |
|||
toolbar: '#toolbarDemo', |
|||
//这里layui和thymeleaf冲突了，要加个空格 |
|||
cols: [ [ |
|||
{title: '操作', width: 100, toolbar: '#currentTableBar', align: "center"}, |
|||
{field: 'id', width: 100, title: '提交编号', sort: true}, |
|||
{field: 'code', width: 200, title: '提交编码', sort: true}, |
|||
{field: 'mname', width: 120, title: '物料名称'}, |
|||
{field: 'mcode', width: 120, title: '物料编码'}, |
|||
{field: 'depositoryName', width: 120, title: '仓库名称'}, |
|||
{field: 'pcode', width: 120, title: '库位编码'}, |
|||
{field: 'quantity', width: 80, title: '数量', sort: true}, |
|||
{field: 'applicantName', width: 150, title: '申请人'}, |
|||
{field: 'applicantTime', width: 200, title: '申请时间', sort: true}, |
|||
{field: 'applyRemark', width: 200, title: '备注'}, |
|||
{field: 'state', width: 200, title: '状态'}, |
|||
{field: 'checkerName', width: 200, title: '处理人'} |
|||
|
|||
]], |
|||
limits: [10, 15, 20, 25, 50], |
|||
limit: 10, |
|||
page: true, |
|||
skin: 'line', |
|||
done:function (res, curr, count) { |
|||
$("[data-field='id']").css('display','none'); |
|||
var data = res.data; |
|||
if(data.length > 0){ |
|||
if(data[0].state === "进行中"){ |
|||
$("[data-field='id']").css('display','none'); |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
}); |
|||
|
|||
table.on('tool(currentTableFilter)', function (obj) { |
|||
let data = obj.data; |
|||
|
|||
if (obj.event === 'scanQrCode') { |
|||
layer.open({ |
|||
type: 2, |
|||
title: '扫码', |
|||
skin: 'layui-layer-rim', |
|||
maxmin: true, |
|||
shadeClose: true, //点击遮罩关闭层 |
|||
area: ['100%', '100%'], |
|||
move : '.layui-layer-title', |
|||
fixed:false, |
|||
content: '/scanQrCodeByOut?id='+data.id, |
|||
end:function () { |
|||
table.reload('currentTableId', { |
|||
url: '/depositoryRecord/ApplicationOutMinByDid', |
|||
page: { |
|||
curr: 1 |
|||
} |
|||
}, 'data'); |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,86 @@ |
|||
<!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/css/public.css" media="all"> |
|||
<link rel="stylesheet" href="/static/js/lay-module/step-lay/step.css" media="all"> |
|||
</head> |
|||
<body> |
|||
<div class="layuimini-container"> |
|||
<div class="layuimini-main"> |
|||
<div class="layui-fluid"> |
|||
<div class="layui-card"> |
|||
<div class="layui-card-body" style="padding-top: 40px;"> |
|||
<div id="stepForm" lay-filter="stepForm" style="margin: 0 auto;"> |
|||
<div style="margin-top: 30px"> |
|||
<table id="demo" class="layui-table" |
|||
style="margin: 0 auto;max-width: 800px;padding-top: 40px;"> |
|||
<colgroup> |
|||
<col width="150"> |
|||
<col width="200"> |
|||
</colgroup> |
|||
|
|||
<tbody> |
|||
<tr> |
|||
<td>申请编号</td> |
|||
<td id="applicationId" th:text="${record.getAircode()}">123456</td> |
|||
</tr> |
|||
<tr> |
|||
<td>物料名称</td> |
|||
<td id="materialName" th:text="${record.getMname()}">骁龙888芯片</td> |
|||
</tr> |
|||
<tr> |
|||
<td>存货编码</td> |
|||
<td id="mcode" th:text="${record.getMcode()}">外芯仓库</td> |
|||
</tr> |
|||
<tr> |
|||
<td>计量单位</td> |
|||
<td id="munit" th:text="${record.getMunit()}">外芯仓库</td> |
|||
</tr> |
|||
<tr> |
|||
<td>数量</td> |
|||
<td id="quantity" th:text="${record.getQuantity()}">409</td> |
|||
</tr> |
|||
<tr> |
|||
<td>金额</td> |
|||
<td id="price" th:text="${record.getPrice()}">2016-11-28</td> |
|||
</tr> |
|||
<tr> |
|||
<td>仓库名称</td> |
|||
<td id="depositoryName" th:text="${record.getDepositoryName()}">外芯仓库</td> |
|||
</tr> |
|||
<tr> |
|||
<td>提交人</td> |
|||
<td id="applicantName" th:text="${record.getApplicantName()}">2016-11-28</td> |
|||
</tr> |
|||
<tr> |
|||
<td>提交时间</td> |
|||
<td id="applyTime" th:text="${record.getApplicantTime()}">2016-11-28</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td>申请备注</td> |
|||
<td id="applyRemarks" th:text="${record.getApplyRemark()}">2016-11-28</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</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> |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue