<!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">
|
<link rel="stylesheet" type="text/css" href="../../js/HiPrint/css/hiprint.css?t=' + Math.random() + '" />
|
<link rel="stylesheet" type="text/css" href="../../js/HiPrint/css/print-lock.css" />
|
<!-- <link rel="stylesheet" type="text/css" href="../../js/HiPrint/css/bootstrap.min.css" > -->
|
<style>
|
.layui-form-label {
|
padding: 5px 1px;
|
text-align: center;
|
}
|
|
div {
|
font-size: inherit;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="layui-card">
|
|
<div class="row">
|
<content style="border-left:1px solid #e8e8e8; ">
|
|
<!--打印部分-->
|
<div class="layui-col-xs8" style="overflow: hidden;outline: none;">
|
|
<!--打印主体部分-->
|
<div style="overflow-x: scroll; overflow-y: hidden;">
|
<div id="hiprint-printTemplate" class="hiprint-printTemplate"
|
style="margin-top:20px;margin-left:20px;">
|
</div>
|
</div>
|
<!-- <textarea class="form-control" rows="10" id="A4_textarea_json" style="display: none;"></textarea> -->
|
</div>
|
<div class="layui-col-xs2" style="max-height:260mm; overflow-y: scroll;">
|
<div id="PrintElementOptionSetting" style="margin-top: 10px;"></div>
|
</div>
|
</content>
|
<!--右侧div-->
|
</div>
|
</div>
|
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../js/jquery.cookie.js"></script>
|
<script src="../../js/hiprint/content/bootstrap.min.js"></script>
|
<script src="../../js/HiPrint/hiprint.bundle.js?t=' + Math.random() + '"></script>
|
<script src="../../js/HiPrint/polyfill.min.js"></script>
|
<script src="../../js/HiPrint/plugins/jquery.minicolors.min.js"></script>
|
<script src="../../js/HiPrint/plugins/JsBarcode.all.min.js"></script>
|
<script src="../../js/HiPrint/plugins/qrcode.js"></script>
|
<script src="../../js/HiPrint/plugins/jquery.hiwprint.js"></script>
|
<!-- <script src="../../js/HiPrint/plugins/socket.io.js"></script> -->
|
<script src="../../js/HiPrint/plugins/config-etype-provider.js"></script>
|
<script src="../../js/HiPrint/plugins/print-data-list.js"></script>
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/public.js"></script>
|
<script>
|
var datalist = [];
|
var printData = {
|
BoxNo:'B1234567891234567890',
|
SkuNo: '000001',
|
SkuName: '测试物料1',
|
LotNo:'120311',
|
ProductionDate:'2025-02-03',
|
ValidityPeriod:'2026-02-03'
|
};
|
var printData2 = [{
|
Img:"123456",
|
BoxNo:'B1234567891234567890',
|
SkuNo: '000001',
|
SkuName: '测试物料1',
|
LotNo:'120311',
|
ProductionDate:'2025-02-03',
|
ValidityPeriod:'2026-02-03'
|
},{
|
BoxNo:'B1234567891234567891',
|
SkuNo: '000001',
|
SkuName: '测试物料1',
|
LotNo:'120311',
|
ProductionDate:'2025-02-03',
|
ValidityPeriod:'2026-02-03'
|
},{
|
BoxNo:'B1234567891234567892',
|
SkuNo: '000001',
|
SkuName: '测试物料1',
|
LotNo:'120311',
|
ProductionDate:'2025-02-03',
|
ValidityPeriod:'2026-02-03'
|
},];
|
var configPrintJson;
|
// layui.config({
|
// base: '../../layuiadmin/' //静态资源所在路径
|
// }).extend({
|
// index: 'lib/index' //主入口模块
|
// }).use(['index', 'form', 'layer'], function () {
|
// var $ = layui.$,
|
// form = layui.form,
|
// layer = layui.layer;
|
// var istrue = "0";
|
|
// })
|
|
|
|
if ("MaterialLabel") {
|
datalist = getPrintDataList()("MaterialLabel");
|
}
|
hiprint.init({
|
providers: [new configElementTypeProvider()]
|
});
|
|
|
let hiprintTemplate;
|
var PositionJson;
|
synData(IP + "/Sys/GetDefaultPrintTemplate", {Type:"MaterialLabel"}, 'get', function (res) {
|
console.log(res);
|
if (res.code == 0) //成功
|
{
|
PositionJson = res.data.PositionJson;
|
|
}
|
else //不成功
|
{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { doing = true; });
|
}
|
});
|
if (PositionJson)
|
var JsonData = JSON.parse(PositionJson)
|
if (JsonData) {
|
console.log(JsonData);
|
|
$("#customWidth").val(JsonData.panels[0].width);
|
$("#customHeight").val(JsonData.panels[0].height);
|
hiprintTemplate = new hiprint.PrintTemplate({
|
template: JsonData,//模板JSON
|
settingContainer: '#PrintElementOptionSetting',
|
paginationContainer: '.hiprint-printPagination'
|
});
|
}
|
else {
|
hiprintTemplate = new hiprint.PrintTemplate({
|
template: configPrintJson,//模板JSON
|
settingContainer: '#PrintElementOptionSetting',
|
paginationContainer: '.hiprint-printPagination'
|
});
|
}
|
|
//打印设计
|
hiprintTemplate.design('#hiprint-printTemplate');
|
|
hiprintTemplate.print(printData2);
|
// $('#directPrint').click(function () {
|
// hiprintTemplate.print(printData2);
|
|
// });
|
|
|
</script>
|
</body>
|
|
</html>
|
