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