<!DOCTYPE html>
|
<html lang="en">
|
<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">
|
<style>
|
.cool-divider {
|
margin: 0 8px;
|
display: inline-block;
|
height: .9em;
|
width: 1px;
|
vertical-align: middle;
|
position: relative;
|
top: -.06em;
|
box-sizing: border-box;
|
-webkit-tap-highlight-color: transparent;
|
margin-top: 5px !important;
|
margin-bottom: 5px !important;
|
background: #c8d1dabd;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-card">
|
<div class="layui-card-header">商品 <div class="cool-divider"></div> <span id="matnrMsg"></span></div>
|
<div class="layui-card-body">
|
<table class="layui-table" lay-skin="line">
|
<colgroup>
|
<col/>
|
<col/>
|
</colgroup>
|
<thead>
|
<tr>
|
<td align="center">货位名称</td>
|
<td align="center">货位数量</td>
|
</tr>
|
</thead>
|
<tbody id="locChartList">
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/template" id="locChartListTpl">
|
{{#each data}}
|
<tr>
|
<td align="center"><span class="layui-text">{{this.locNo}}</span></td>
|
<td align="center"><span style="font-weight: bold">{{this.anfme}}</span></td>
|
</tr>
|
{{/each}}
|
</script>
|
<script>
|
$(function () {
|
$.ajax({
|
url: baseUrl + "/locDetl/chart/auth",
|
headers: {'token': localStorage.getItem('token')},
|
data: {matnr: top.matnrByLocStatis},
|
method: 'POST',
|
async: false,
|
success: function (res) {
|
if (res.code === 200) {
|
$("#matnrMsg").html(res.msg);
|
var tpl = $("#locChartListTpl").html();
|
var template = Handlebars.compile(tpl);
|
var html = template(res);
|
$("#locChartList").html(html);
|
top.matnrByLocStatis = null;
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
layer.msg(res.msg, {icon: 2})
|
}
|
}
|
})
|
});
|
</script>
|
</html>
|
