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