<!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">
|
<input type="hidden" id="printData" name="printData">
|
<div class="row">
|
|
<!--左侧div-->
|
<div class="layui-col-xs2" style="padding-right:0px;max-height:250mm;">
|
<div class="small-printElement-types hiprintEpContainer">
|
</div>
|
</div>
|
<!--打印部分-->
|
<div class="layui-col-xs6" style="margin-right: 50px;margin-left: 30px;">
|
<!--打印头部分-->
|
<div class="hiprint-toolbar" style="margin-top:15px;">
|
<ul>
|
<li><a class="hiprint-toolbar-item"><input type="number" id="customWidth"
|
style="width: 50px;height: 19px;border: 0px;" placeholder="宽/mm" /></a></li>
|
<li><a class="hiprint-toolbar-item"><input type="number" id="customHeight"
|
style="width: 50px;height: 19px;border: 0px;" placeholder="高/mm" /></a></li>
|
<li><a class="hiprint-tizee-btn" onclick="clearTemplate()">清空</a></li>
|
<!-- <li> <a class="btn hiprint-toolbar-item "
|
style="color: #fff;background-color: #d9534f;border-color: #d43f3a;"
|
id="preview">快速预览</a> </li> -->
|
<li> <a id="directPrint" class="btn hiprint-toolbar-item "
|
style="color: #fff;background-color: #d9534f; border-color: #d43f3a;">打印</a>
|
</li>
|
<!-- <li>
|
<a class="btn hiprint-toolbar-item"
|
style="color: #fff;background-color: #d9534f; border-color: #d43f3a;"
|
id="A4_getJson_toTextarea" onclick="BtnSubmit_Click()">保存</a>
|
</li> -->
|
</ul>
|
<div style="clear:both;"></div>
|
</div>
|
<!--打印主体部分-->
|
<div id="hiprint-printTemplate" class="hiprint-printTemplate" style="margin-top:20px;">
|
|
</div>
|
<textarea class="form-control" rows="10" id="A4_textarea_json" style="display: none;"></textarea>
|
</div>
|
<!--右侧div-->
|
<div class="layui-col-xs2" style="margin-left: 6%;max-height:260mm; overflow-y: scroll;">
|
<div id="PrintElementOptionSetting" style="margin-top: 10px;"></div>
|
</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/config-etype-provider.js"></script>
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/public.js"></script>
|
<script>
|
var configPrintJson;
|
|
//初始化打印插件渲染
|
$(".hiprintEpContainer").html(""); //清除div内容
|
|
hiprint.init({
|
providers: [new configElementTypeProvider()]
|
});
|
//设置左侧拖拽事件
|
hiprint.PrintElementTypeManager.build('.hiprintEpContainer', 'testModule');
|
|
var hiprintTemplate;
|
// var JsonData = JSON.parse('{"panels":[{"index":0,"height":50,"width":50,"paperHeader":0,"paperFooter":141.73228346456693,"printElements":[{"tid":"configModule.SkuName","options":{"left":9,"top":12,"height":9.75,"width":120}},{"tid":"configModule.SkuNo","options":{"left":9,"top":37.5,"height":78,"width":120,"textType":"qrcode"}}],"paperNumberLeft":178.5,"paperNumberTop":123}]}')
|
var JsonData = {};
|
synData(IP + "/sys/GetDefaultPrintTemplate", {}, 'get', function (res) {
|
if (res.code == 0) { //成功
|
JsonData = JSON.parse(res.data.PositionJson);
|
$("#customWidth").val(JsonData.panels[0].width);
|
$("#customHeight").val(JsonData.panels[0].height);
|
hiprintTemplate = new hiprint.PrintTemplate({
|
template: JsonData,//模板JSON
|
settingContainer: '#PrintElementOptionSetting',
|
paginationContainer: '.hiprint-printPagination'
|
});
|
|
//打印设计
|
hiprintTemplate.design('#hiprint-printTemplate');
|
|
//打印
|
setTimeout(function () {
|
//这里获取上级页面的printData数据打印
|
// var printData = deepClone(parent.printData);
|
var printData = JSON.parse($("#printData").val());
|
hiprintTemplate.print(printData);
|
parent.layer.closeAll();
|
}, 100);
|
}
|
else //不成功
|
{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { parent.layer.closeAll(); });
|
}
|
});
|
|
|
|
$('#directPrint').click(function () {
|
hiprintTemplate.print(printData);
|
});
|
|
</script>
|
</body>
|
|
</html>
|
