parent
33005c8bf9
commit
03c3b819f1
@ -0,0 +1,115 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||||
|
<head>
|
||||||
|
<th:block th:include="include :: header('轮胎收货')" />
|
||||||
|
</head>
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="container-div">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<form id="formId" class="form-inline">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>入库编码：</label>
|
||||||
|
<input id="inboundCode" name="inboundCode" type="text"
|
||||||
|
class="form-control" placeholder="请输入供应商提供的入库编码" autocomplete="off"
|
||||||
|
style="width: 280px;"/>
|
||||||
|
</div>
|
||||||
|
<a class="btn btn-primary" onclick="doPreview()"><i class="fa fa-search"></i> 查询</a>
|
||||||
|
</form>
|
||||||
|
<div id="previewPanel" class="mt20" style="display:none;">
|
||||||
|
<div class="alert alert-info" id="previewSummary"></div>
|
||||||
|
<div class="table-responsive" style="max-height: 300px; overflow-y: auto;">
|
||||||
|
<table class="table table-bordered table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>RFID</th>
|
||||||
|
<th>胎号</th>
|
||||||
|
<th>品牌</th>
|
||||||
|
<th>型号</th>
|
||||||
|
<th>状态</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="previewTbody"></tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-right mt20">
|
||||||
|
<a id="confirmBtn" class="btn btn-success disabled" onclick="doConfirm()"
|
||||||
|
shiro:hasPermission="tyre:tyre:receive">
|
||||||
|
<i class="fa fa-check"></i> 确认入库
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<th:block th:include="include :: footer" />
|
||||||
|
<script th:inline="javascript">
|
||||||
|
var prefix = ctx + "tyre/tyre";
|
||||||
|
var lastPreview = null;
|
||||||
|
|
||||||
|
function doPreview() {
|
||||||
|
var code = $.trim($("#inboundCode").val());
|
||||||
|
if (!code) { $.modal.alertWarning("请输入入库编码"); return; }
|
||||||
|
$.modal.loading("正在查询...");
|
||||||
|
$.ajax({
|
||||||
|
url: prefix + "/receive/preview",
|
||||||
|
type: "post",
|
||||||
|
data: { inboundCode: code },
|
||||||
|
success: function (res) {
|
||||||
|
$.modal.closeLoading();
|
||||||
|
if (res.code !== 0) { $.modal.alertError(res.msg); return; }
|
||||||
|
lastPreview = res.data || {};
|
||||||
|
renderPreview(lastPreview);
|
||||||
|
$("#confirmBtn").toggleClass("disabled", !(lastPreview.pending > 0));
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
$.modal.closeLoading();
|
||||||
|
$.modal.alertError("网络异常，请重试");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderPreview(data) {
|
||||||
|
var summary = "批次：" + data.inboundCode + "，共 " + data.total + " 条，已入库 "
|
||||||
|
+ data.exists + " 条，<b style='color:red'>待入库 " + data.pending + " 条</b>";
|
||||||
|
$("#previewSummary").html(summary);
|
||||||
|
var rows = "";
|
||||||
|
var items = data.items || [];
|
||||||
|
for (var i = 0; i < items.length; i++) {
|
||||||
|
var item = items[i];
|
||||||
|
var statusLabel = item.status === '待入库'
|
||||||
|
? '<span class="label label-warning">待入库</span>'
|
||||||
|
: '<span class="label label-success">已存在库存记录</span>';
|
||||||
|
rows += "<tr><td>" + (item.tyreEpc || '') + "</td><td>" + (item.tyreNo || '')
|
||||||
|
+ "</td><td>" + (item.tyreBrand || '') + "</td><td>" + (item.tyreModel || '')
|
||||||
|
+ "</td><td>" + statusLabel + "</td></tr>";
|
||||||
|
}
|
||||||
|
$("#previewTbody").html(rows);
|
||||||
|
$("#previewPanel").show();
|
||||||
|
}
|
||||||
|
|
||||||
|
function doConfirm() {
|
||||||
|
if (!lastPreview || !lastPreview.pending || lastPreview.pending <= 0) { return; }
|
||||||
|
var code = lastPreview.inboundCode;
|
||||||
|
$.modal.confirm("确认按批次 [" + code + "] 一次性入库 " + lastPreview.pending + " 条？", function () {
|
||||||
|
$.modal.loading("正在入库...");
|
||||||
|
$.ajax({
|
||||||
|
url: prefix + "/receive",
|
||||||
|
type: "post",
|
||||||
|
data: { inboundCode: code },
|
||||||
|
success: function (res) {
|
||||||
|
$.modal.closeLoading();
|
||||||
|
if (res.code !== 0) { $.modal.alertError(res.msg); return; }
|
||||||
|
$.modal.msgSuccess("已入库 " + res.data + " 条");
|
||||||
|
doPreview();
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
$.modal.closeLoading();
|
||||||
|
$.modal.alertError("网络异常，请重试");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue