<!DOCTYPE html>
|
<html>
|
|
<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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<style media="print">
|
@page {
|
size: auto;
|
margin: 0 0 0 20px;
|
}
|
|
.layui-input {
|
padding-left: 0px;
|
}
|
|
.layui-form-item {
|
margin-bottom: 2px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div style="width:100%;text-align: center;">
|
<div style="padding-top: 10px;text-align: left; margin-left: 5%;" id="button">
|
<div class="layui-inline">
|
<button id="btnAdd" class="layui-btn layui-btn-sm" lay-event="Add2"><i
|
class="layui-icon"></i>生成标签</button>
|
</div>
|
<div class="layui-inline">
|
<button id="btnPrint" class="layui-btn layui-btn-sm" lay-event="Add"><i
|
class="layui-icon"></i>打印</button>
|
</div>
|
</div>
|
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="print"
|
style="width: 100%;height:100%; text-align: right;padding-top: 5px;margin-left: 0%;">
|
<div>
|
|
<table border="1" id="table" style="width: 90%; height:480px; margin: 0 auto; text-align: center;border-collapse: collapse;table-layout: fixed;">
|
|
<tr>
|
<td colspan="2" id="Logo">
|
<img src="../../img/LiNuo.jpg" style="width: 90%; height: 30px;" />
|
</td>
|
<td colspan="2" style="padding: 1px 0px;">SMP-ST002-R08-01</td>
|
</tr>
|
<tr>
|
<td colspan="4" id="department">物料标签</td>
|
</tr>
|
<tr>
|
<td>品名</td>
|
<td colspan="3" id="SkuName"></td>
|
</tr>
|
<tr>
|
<td>规格/型号</td>
|
<td id="Standard"></td>
|
<td>包装规格</td>
|
<td id="PackageStandard"></td>
|
</tr>
|
<tr>
|
<td>进厂编号</td>
|
<td style="padding: 1px 0px;"></td>
|
<td>物料代码</td>
|
<td id="SkuNo"> </td>
|
</tr>
|
<tr>
|
<td>原厂批号</td>
|
<td id="SupplierLot"></td>
|
<td>数 量</td>
|
<td id="qty"></td>
|
</tr>
|
<tr>
|
<td>有效期至</td>
|
<td id="ExpirationTime"></td>
|
<td>储存期至</td>
|
<td id="StoreTime"></td>
|
</tr>
|
<tr>
|
<td id="qty3" colspan="4">
|
<img id="imgBar" style="width: auto; height: auto;" />
|
</td>
|
</tr>
|
|
</table>
|
|
</div>
|
<div style="page-break-after: always;"></div>
|
</div>
|
|
</div>
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/public.js"></script>
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../js/jquery.cookie.js"></script>
|
<script src="../../js/jquery.print.js"></script>
|
<script>
|
var boxcode = "";
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'layer', 'laydate'], function () {
|
|
var $ = layui.$,
|
form = layui.form,
|
layer = layui.layer;
|
var laydate = layui.laydate;
|
|
var id = getQueryString('Id');
|
var reset = getQueryString('IsReset');
|
var arriveQty = getQueryString('ArriveQty');
|
|
var productionTime = getQueryString('ProductionTime');
|
var expirationTime = getQueryString('ExpirationTime');
|
var storeTime = getQueryString('StoreTime');
|
|
var doing = true;
|
// console.log(productionTime);
|
// console.log(expirationTime);
|
// console.log(storeTime);
|
|
//生成
|
$('#btnAdd').on('click', function () {
|
if(doing){
|
doing= false;
|
|
|
var param = {
|
Id: parseInt(id),
|
IsReset:reset,
|
ArriveQty:arriveQty,
|
ProductionTime:productionTime,
|
ExpirationTime:expirationTime,
|
StoreTime:storeTime
|
};
|
// console.log(param);
|
synData(IP + "/BllAsn/AddLabelBox", param , 'post', function (res) {
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
parent.location.reload();
|
parent.layer.close(layer.index);
|
doing = true;
|
});
|
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
doing = true;
|
});
|
}
|
});
|
}
|
});
|
//打印
|
$('#btnPrint').on('click', function () {
|
var param = {
|
ImportId: id,
|
};
|
|
});
|
|
if (!id) {
|
id = 0;
|
}
|
else {
|
var param = {
|
id: id,
|
};
|
synData(IP + "/BllAsn/GetLabelBoxModel", param , 'get', function (res) {
|
if (res.code == 0) { //成功
|
$("#SkuName").html(res.data.SkuName);
|
$("#Standard").html(res.data.Standard);
|
$("#PackageStandard").html(res.data.PackageStandard);
|
$("#SkuNo").html(res.data.SkuNo);
|
$("#SupplierLot").html(res.data.SupplierLot);
|
$("#ExpirationTime").html(expirationTime);
|
$("#StoreTime").html( storeTime);
|
|
// $("#imgBar").attr("src", res.data[0].imageStr);
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
}
|
});
|
|
|
}
|
|
// 加载标签
|
function div(i, isprint, bqNum) {
|
|
var param1 = {
|
isprint: isprint,
|
ImportId: id,
|
CreateUser: $.cookie('userId'),
|
number2: i,
|
boxcode: "",
|
ProductionDate: $("input[name='ProductionDate']").val(),
|
SupplierName: $("input[name='SupplierName']").val(),
|
SupplierLot: $("input[name='SupplierLot']").val(),
|
InspectTime: $("input[name='InspectTime']").val(),
|
ExpirationTime: $("input[name='ExpirationTime']").val(),
|
bQNum: bqNum,
|
skuNum: $('#skuNum').val().toString()
|
};
|
|
synData(IP + "/LabelPrint/GetImport5Id", param1, 'post', function (res) {
|
if (res.code == 1) { //成功
|
|
if (i == -1) {
|
$("input[name='SkuNo']").val(res.data[0].SkuNo);
|
$("input[name='SkuName']").val(res.data[0].SkuName);
|
$("input[name='SupplierName']").val(res.data[0].SupplierName);
|
$("input[name='ProductionDate']").val(res.data[0].ProductionDate);
|
$("input[name='SapSkuNo']").val(res.data[0].SapSkuNo);
|
$("input[name='Qty']").val(res.data[0].Qty);
|
$("input[name='Standard']").val(res.data[0].Standard);
|
$("input[name='SupplierLot']").val(res.data[0].SupplierLot);
|
$("input[name='LotNo']").val(res.data[0].LotNo);
|
$("input[name='InspectTime']").val(res.data[0].InspectTime);
|
$("input[name='ExpirationTime']").val(res.data[0].ExpirationTime);
|
$("input[name='QtyCount']").val(res.data[0].QtyCount);
|
$("input[name='QtyOrd']").val(res.data[0].QtyOrd);
|
$("input[name='ExpirationType']").val(res.data[0].ExpirationType);
|
$("input[name='BoxCode']").val(res.data[0].BoxCode);
|
$("#imgBar").attr("src", res.data[0].imageStr);
|
} else {
|
var labels = "";
|
for (var z = 0; z < res.data.length; z++) {
|
var idd = "";
|
if (z - 1 >= 0) {
|
idd = (z - 1).toString();
|
}
|
|
$("#SkuNo" + idd).attr("id", "SkuNo" + z.toString());
|
$("#SkuNo" + z.toString()).attr("value", res.data[z].SkuNo);
|
|
$("#SkuName" + idd).attr("id", "SkuName" + z.toString());
|
$("#SkuName" + z.toString()).attr("value", res.data[z].SkuName);
|
|
var supplier = $("#SupplierName" + idd).val();
|
$("#SupplierName" + idd).attr("id", "SupplierName" + z.toString());
|
$("#SupplierName" + z.toString()).attr("value", supplier);
|
|
var time = $("#ProductionDate" + idd).val();
|
$("#ProductionDate" + idd).attr("id", "ProductionDate" + z.toString());
|
$("#ProductionDate" + z.toString()).attr("value", time);
|
|
$("#SapSkuNo" + idd).attr("id", "SapSkuNo" + z.toString());
|
$("#SapSkuNo" + z.toString()).attr("value", res.data[z].SapSkuNo);
|
|
$("#Qty" + idd).attr("id", "Qty" + z.toString());
|
$("#Qty" + z.toString()).attr("value", res.data[z].Qty);
|
|
$("#Standard" + idd).attr("id", "Standard" + z.toString());
|
$("#Standard" + z.toString()).attr("value", res.data[z].Standard);
|
|
$("#LotNo" + idd).attr("id", "LotNo" + z.toString());
|
$("#LotNo" + z.toString()).attr("value", res.data[z].LotNo);
|
|
var supplierLot = $("#SupplierLot" + idd).val();
|
$("#SupplierLot" + idd).attr("id", "SupplierLot" + z.toString());
|
$("#SupplierLot" + z.toString()).attr("value", supplierLot);
|
|
var insTime = $("#InspectTime" + idd).val();
|
$("#InspectTime" + idd).attr("id", "InspectTime" + z.toString());
|
$("#InspectTime" + z.toString()).attr("value", insTime);
|
|
var expTime = $("#ExpirationTime" + idd).val();
|
$("#ExpirationTime" + idd).attr("id", "ExpirationTime" + z.toString());
|
$("#ExpirationTime" + z.toString()).attr("value", expTime);
|
|
$("#QtyCount" + idd).attr("id", "QtyCount" + z.toString());
|
$("#QtyCount" + z.toString()).attr("value", res.data[z].QtyCount);
|
|
$("#QtyOrd" + idd).attr("id", "QtyOrd" + z.toString());
|
$("#QtyOrd" + z.toString()).attr("value", res.data[z].QtyOrd);
|
|
$("#ExpirationType" + idd).attr("id", "ExpirationType" + z.toString());
|
$("#ExpirationType" + z.toString()).attr("value", res.data[z].ExpirationType);
|
|
$("#BoxCode" + idd).attr("id", "BoxCode" + z.toString());
|
$("#BoxCode" + z.toString()).attr("value", res.data[z].BoxCode);
|
|
$("#imgBar" + idd).attr("id", "imgBar" + z.toString());
|
$("#imgBar" + z.toString()).attr("src", res.data[z].imageStr);
|
|
labels += $("#print").html();
|
|
}
|
|
// console.log(labels);
|
document.getElementById('print').innerHTML = "";
|
document.getElementById('print').innerHTML = labels;
|
// console.log($("#print").html());
|
$("#button").hide();
|
$("#print").print();
|
$("#button").show();
|
}
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
}
|
});
|
}
|
// 获取传递参数
|
function getQueryString(name) {
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
var r = window.location.search.substr(1).match(reg);
|
if (r != null) return unescape(r[2]);
|
return null;
|
}
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|
