<!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 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>
|
<div style="padding-top: 30px;text-align: center;" id="button">
|
连续打印：<div class="layui-input-inline">
|
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" name="number" id="number" lay-verify="number" placeholder="" style="width: 70px;" autocomplete="off" class="layui-input InputCss">
|
</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>
|
<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'], function() {
|
var $ = layui.$,
|
form = layui.form,
|
layer = layui.layer;
|
var id = getQueryString('id');
|
var xun = 0;
|
|
$('#btnPrint').on('click', function() {
|
var param = {
|
ImportId: id,
|
};
|
|
if($('#number').val()>1){
|
div($('#number').val(),param,1);
|
}else{
|
div(1,param,1);
|
}
|
|
|
});
|
if (!id) {
|
id = 0;
|
|
} else {
|
|
var param = {
|
ImportId: id,
|
};
|
div(1,param,-1);
|
|
}
|
function div(number,param,isprint){
|
var html = "";
|
document.getElementById('print').innerHTML="";
|
|
for(var i=0;i<number;i++){
|
html ="<div class=\"layui-form\" lay-filter=\"layuiadmin-app-form-list\" id=\"print\" style=\"width: 85%; text-align:right ;padding-top: 20px;margin-left: 0%;\">\n"+
|
|
"<div class=\"layui-form-item\" style=\"margin-bottom: 2px;width:630px;\">\n"+
|
"<div class=\"layui-inline\" style=\"font-size:20px;padding-top: 10px;\">\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\">入库单号：</label>\n"+
|
"<div style=\"width:200px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"ImportId\" name=\"ImportId\" disabled style=\"border: 0;width:100%;font-size:20px;padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\"> 物料编码：</label>\n"+
|
"<div style=\"width:170px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"GoodsCode\" name=\"GoodsCode\" disabled placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" style=\"border: 0;font-size:20px; padding-left: 0px;\">\n"+
|
"</div>\n"+
|
|
"</div>\n"+
|
"</div>\n"+
|
"<div class=\"layui-form-item\" style=\"margin-bottom: 2px;width:630px;\">\n"+
|
"<div style=\"font-size:20px;padding-top: 10px;\" class=\"layui-inline\">\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\"> 箱号码：</label>\n"+
|
"<div style=\"width:200px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"BoxCode\" name=\"BoxCode\" oninput=\"boxcodenumber(this.value)\" style=\"font-size:20px;border: 0;padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\">入库流水号：</label>\n"+
|
"<div style=\"width:170px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"LabelStream\" name=\"LabelStream\" disabled=\"disabled\" style=\"font-size:20px;border: 0; padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
"</div>\n"+
|
"</div>\n"+
|
"<div class=\"layui-form-item\" style=\"margin-bottom: 2px;width:630px;\">\n"+
|
"<div style=\"font-size:20px;padding-top: 10px;\" class=\"layui-inline\">\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\"> 供应商：</label>\n"+
|
"<div style=\"width:200px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"ImportCustomer\" name=\"ImportCustomer\" disabled=\"disabled\" style=\"font-size:20px;border: 0; padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\"> 厂家批号：</label>\n"+
|
"<div style=\"width:170px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"ImportLotNo\" name=\"ImportLotNo\" disabled=\"disabled\" style=\"font-size:20px;border: 0; padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
|
"</div>\n"+
|
"</div>\n"+
|
"<div class=\"layui-form-item\"style=\"margin-bottom: 2px;width:630px;\" >\n"+
|
"<div style=\"font-size:20px;padding-top: 10px;\" class=\"layui-inline\">\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\">入库日期：</label>\n"+
|
"<div style=\"width:200px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"ImportData\" name=\"ImportData\" disabled=\"disabled\" style=\"font-size:20px;border: 0; padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
"<label class=\"layui-form-label\" style=\"width: auto; padding-right:0;\"> 商品描述：</label>\n"+
|
"<div style=\"width:170px; margin-right:0;\" class=\"layui-input-inline\">\n"+
|
"<input type=\"text\" id=\"GoodsRemarks\" name=\"GoodsRemarks\" disabled=\"disabled\" style=\"font-size:20px;border: 0; padding-left: 0px;\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\">\n"+
|
"</div>\n"+
|
|
"</div>\n"+
|
"</div>\n"+
|
|
|
"<div class=\"layui-form-item\" style=\"margin-bottom: 2px;\">\n"+
|
"<div class=\"layui-inline\" style=\"margin-left: 0%;\">\n"+
|
" <img id=\"imgBar\" width=\"630px\" height=\"100px\"/>\n"+
|
|
"</div>\n"+
|
"</div>\n"+
|
"<div style=\"page-break-after: always;\"></div>\n"+
|
"</div> " ;
|
document.getElementById('print').innerHTML+=html;
|
document.getElementById('imgBar').id="imgBar"+i;
|
document.getElementById('LabelStream').id="LabelStream"+i;
|
document.getElementById('BoxCode').id="BoxCode"+i;
|
// document.getElementById('guid').id="guid"+i;
|
|
xun=i;
|
}
|
GetImportId(param,number,isprint);
|
}
|
function GetImportId(param,i,isprint){
|
|
var param1 ={};
|
if(boxcode!=""){
|
param1 ={
|
isprint:isprint,
|
ImportId: id,
|
CreateUser:$.cookie('userId'),
|
number:1,
|
boxcode:boxcode,
|
};
|
}else{
|
param1 ={
|
isprint:isprint,
|
ImportId: id,
|
CreateUser:$.cookie('userId'),
|
number:i,
|
boxcode:"",
|
};
|
}
|
synData(IP + "/LabelPrint/GetImportId", param1, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
//页面赋值
|
var html;
|
|
for(var i=0; i< res.data.length; i++){
|
$("#"+"imgBar"+i).attr("src", res.data[i].re);
|
$("#"+"guid"+i).val(res.data[i].id);
|
$("input[name='GoodsCode']").val(res.data[i].GoodsCode);
|
$("input[name='ImportData']").val(res.data[i].ImportData);
|
$("#"+"BoxCode"+i).val(res.data[i].BoxCode);
|
$("input[name='ImportLotNo']").val(res.data[i].ImportLotNo);
|
//$("input[name='ImportLotNo']").val("202203001");
|
$("#"+"LabelStream"+i).val(res.data[i].LabelStream);
|
//$("#"+"LabelStream"+i).val("0320220001");
|
$("input[name='ImportCustomer']").val(res.data[i].ImportCustomer);
|
//$("input[name='ImportCustomer']").val("北京生物");
|
$("input[name='ImportId']").val(res.data[i].ImportId);
|
$("input[name='GoodsRemarks']").val(res.data[i].GoodsName);
|
if(xun==i && isprint==1){
|
xun=0;
|
$("#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;
|
}
|
})
|
function boxcodenumber(value){
|
boxcode=value;
|
}
|
</script>
|
|
</body>
|
</html>
|
