From cae008d8286b7ee846eb91e79350a9c57166882d Mon Sep 17 00:00:00 2001
From: hwh <332078369@qq.com>
Date: 星期三, 12 六月 2024 15:41:28 +0800
Subject: [PATCH] 打印
---
HTML_09/views/SystemSettings/PrintTemplateFrom.html | 163 +++++++++++++++++++++++++++++++++++-------------------
1 files changed, 105 insertions(+), 58 deletions(-)
diff --git a/HTML_09/views/SystemSettings/PrintTemplateFrom.html b/HTML_09/views/SystemSettings/PrintTemplateFrom.html
index cc0aa87..b4f94dd 100644
--- a/HTML_09/views/SystemSettings/PrintTemplateFrom.html
+++ b/HTML_09/views/SystemSettings/PrintTemplateFrom.html
@@ -12,15 +12,6 @@
<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" > -->
- <script src="../../js/jquery-3.5.1.min.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>
<style>
.layui-form-label {
padding: 5px 1px;
@@ -50,8 +41,9 @@
<div class="layui-inline">
<label class="layui-form-label">绫诲瀷</label>
<div class="layui-input-block" style="width: 184.44px;">
- <select id="Type" name="Type" id="Type" lay-verify="" lay-search>
- <option value="1">鍏ュ簱璐у搧</option>
+ <select id="Type" name="Type" id="Type" lay-verify="" lay-filter="Type" lay-search>
+ <!-- <option value="1">鍏ュ簱璐у搧</option> -->
+ <option value=""></option>
</select>
</div>
</div>
@@ -72,62 +64,82 @@
</form>
</div>
<div class="row">
-
- <!--宸︿晶div-->
- <div class="layui-col-xs2" style="padding-right:0px;max-height:250mm;">
- <div class="small-printElement-types hiprintEpContainer">
+ <content style="border-left:1px solid #e8e8e8; ">
+ <!--宸︿晶div-->
+ <div class="layui-col-xs2" style="padding-right:0px;max-height:250mm;">
+ <div class="small-printElement-types hiprintEpContainer">
+ </div>
</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-tizee-btn" onclick="setPaper('A3')">A3</a></li> -->
- <li><a class="hiprint-tizee-btn" onclick="setPaper('A4')">A4</a></li>
- <li><a class="hiprint-tizee-btn" onclick="setPaper('A5')">A5</a></li>
- <!-- <li><a class="hiprint-tizee-btn" onclick="setPaper('B3')">B3</a></li> -->
- <li><a class="hiprint-tizee-btn" onclick="setPaper('B4')">B4</a></li>
- <li><a class="hiprint-tizee-btn" onclick="setPaper('B5')">B5</a></li>
- <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="setPaper($('#customWidth').val(),$('#customHeight').val())">鑷畾涔�</a>
- </li>
- <li><a class="hiprint-tizee-btn" onclick="clearTemplate()">娓呯┖</a></li>
- <!-- <li> <a class="btn hiprint-toolbar-item "
+ <!--鎵撳嵃閮ㄥ垎-->
+ <div class="layui-col-xs8" style="overflow: hidden;outline: none;">
+ <!--鎵撳嵃澶撮儴鍒�-->
+ <div class="hiprint-toolbar" style="margin-top:15px;margin-left:10px;">
+ <ul>
+ <!-- <li><a class="hiprint-tizee-btn" onclick="setPaper('A3')">A3</a></li> -->
+ <li><a class="hiprint-tizee-btn" onclick="setPaper('A4')">A4</a></li>
+ <li><a class="hiprint-tizee-btn" onclick="setPaper('A5')">A5</a></li>
+ <!-- <li><a class="hiprint-tizee-btn" onclick="setPaper('B3')">B3</a></li> -->
+ <li><a class="hiprint-tizee-btn" onclick="setPaper('B4')">B4</a></li>
+ <li><a class="hiprint-tizee-btn" onclick="setPaper('B5')">B5</a></li>
+ <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="setPaper($('#customWidth').val(),$('#customHeight').val())">鑷畾涔�</a>
+ </li>
+ <li><a class="hiprint-toolbar-item" onclick="rotatePaper()">鏃嬭浆</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>
+ <li>
+ <a id="directPrint" class="btn hiprint-toolbar-item "
+ style="color: #fff;background-color: #d9534f; border-color: #d43f3a;">鎵撳嵃</a>
+ </li>
+ <!-- <li> <a id="directPrint2" 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>
+ </ul>
+ <div style="clear:both;"></div>
+ </div>
+ <!--鎵撳嵃涓讳綋閮ㄥ垎-->
+ <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 id="hiprint-printTemplate" class="hiprint-printTemplate" style="margin-top:20px;">
-
+ <div class="layui-col-xs2" style="max-height:260mm; overflow-y: scroll;">
+ <div id="PrintElementOptionSetting" style="margin-top: 10px;"></div>
</div>
- <textarea class="form-control" rows="10" id="A4_textarea_json" style="display: none;"></textarea>
- </div>
+ </content>
<!--鍙充晶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/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 src="../../js/jquery.cookie.js"></script>
<script>
+ var datalist = [];
var printData = {
SkuNo: '000001',
SkuName: '娴嬭瘯鐗╂枡1'
@@ -147,7 +159,6 @@
var field = data.field; // 鑾峰彇琛ㄥ崟瀛楁鍊�
var jsondata = JSON.stringify(hiprintTemplate.getJsonTid())
var url = "/sys/AddPrintTemplate";
- debugger;
var param = {
Name: data.field.Name,
Type: data.field.Type,
@@ -181,20 +192,46 @@
});
return false; // 闃绘榛樿 form 璺宠浆
});
+ form.on('select(Type)', function (data) {
+ datalist = getPrintDataList()(data.value);
+ $(".hiprintEpContainer").html(""); //娓呴櫎div鍐呭
+ hiprint.init({
+ providers: [new configElementTypeProvider()]
+ });
+ hiprint.PrintElementTypeManager.build('.hiprintEpContainer',
+ 'testModule');
+ })
+
//淇敼
+ GetPrintType();
var id = getQueryString('id');
if (!id) {
$('#Id').val('');
id = 0;
}
else {
- debugger
$('#Id').val(id);
$('#Name').val(parent.objRowsData.Name);
$('#Type').val(parent.objRowsData.Type);
$('#Status').val(parent.objRowsData.Status);
-
form.render();
+ }
+ function GetPrintType() {
+ sendData(IP + "/Sys/GetDictionaryByParentNo?parentNo=" + "PrintType", {}, 'get', function (res) {
+ if (res.code == 0) { //鎴愬姛
+ for (var i = 0; i < res.data.length; i++) {
+ $("#Type").append('<option value =' + res.data[i].DictNo + '>' +
+ res.data[i].DictName + '</option>');
+ }
+ $("#Type").val(parent.objRowsData.Type);
+ form.render('select');
+ } else { //涓嶆垚鍔�
+ layer.msg(res.msg, {
+ icon: 2,
+ time: 2000 //2绉掑叧闂紙濡傛灉涓嶉厤缃紝榛樿鏄�3绉掞級
+ }, function () { });
+ }
+ });
}
})
@@ -207,7 +244,9 @@
//鍒濆鍖栨墦鍗版彃浠舵覆鏌�
// $(".hiprintEpContainer").html(""); //娓呴櫎div鍐呭
-
+ if (parent.objRowsData.Type) {
+ datalist = getPrintDataList()(parent.objRowsData.Type);
+ }
hiprint.init({
providers: [new configElementTypeProvider()]
});
@@ -216,8 +255,8 @@
'testModule');
let hiprintTemplate;
- if (window.parent.objRowsData.PositionJson)
- var JsonData = JSON.parse(window.parent.objRowsData.PositionJson)
+ if (parent.objRowsData.PositionJson)
+ var JsonData = JSON.parse(parent.objRowsData.PositionJson)
if (JsonData) {
$("#customWidth").val(JsonData.panels[0].width);
$("#customHeight").val(JsonData.panels[0].height);
@@ -240,13 +279,21 @@
//棰勮
$('#preview').click(function () {
- debugger
$('#myModal .modal-body .prevViewDiv').html(hiprintTemplate.getHtml(printData))
$('#myModal').modal('show')
});
$('#directPrint').click(function () {
hiprintTemplate.print(printData);
});
+ $('#directPrint2').click(function () {
+ hiprintTemplate.print2(printData, '鎵撳嵃');
+ });
+ //鏃嬭浆
+ var rotatePaper = function () {
+ hiprintTemplate.rotatePaper();
+ }
+
+
</script>
</body>
--
Gitblit v1.8.0