index.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script language="javascript" src="__CDN__/assets/js/LodopFuncs.js"></script>
  6. <script language="javascript" src="__CDN__/assets/js/template.js"></script>
  7. </head>
  8. <body>
  9. <div style="width: 60%; height: 510px;margin: 0 auto;">
  10. <div class="form-group">
  11. <div class="col-xs-12 col-sm-8">
  12. <h3 style="color: red">提示:如果生成多个不同物料码请换行输入</h3><br>
  13. <span>纸张选择&nbsp;</span>
  14. <select id="selectList" style="height: 25px;border-radius: 5px 5px 5px 5px">
  15. <option value="10*6">不选择默认10*6&nbsp;&nbsp;</option>
  16. <option value="10*5">10*5</option>
  17. <option value="10*6">10*6</option>
  18. <option value="10*8">10*8</option>
  19. </select>
  20. <br><br>
  21. <span>打印数量&nbsp;</span>
  22. <!--if(value>100)value=100 最大限制100-->
  23. <input type="number" id="number" placeholder="不填默认打印两份" min="0" oninput="value=value.replace('-', '');" >
  24. <!--<select id="number" style="border-radius: 5px 5px 5px 5px">-->
  25. <!--<option value="2">不填默认打印两份</option>-->
  26. <!--<option value="1">1</option>-->
  27. <!--<option value="2">2</option>-->
  28. <!--<option value="3">3</option>-->
  29. <!--<option value="4">4</option>-->
  30. <!--<option value="5">5</option>-->
  31. <!--<option value="6">6</option>-->
  32. <!--<option value="7">7</option>-->
  33. <!--<option value="8">8</option>-->
  34. <!--<option value="9">9</option>-->
  35. <!--<option value="10">10</option>-->
  36. <!--<option value="11">11</option>-->
  37. <!--<option value="12">12</option>-->
  38. <!--<option value="13">13</option>-->
  39. <!--<option value="14">14</option>-->
  40. <!--<option value="15">15</option>-->
  41. <!--<option value="16">16</option>-->
  42. <!--<option value="17">17</option>-->
  43. <!--<option value="18">18</option>-->
  44. <!--<option value="19">19</option>-->
  45. <!--<option value="20">20</option>-->
  46. <!--</select>-->
  47. <br><br>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <label class="control-label col-xs-12 col-sm-8">打印区域</label>
  52. <div class="col-xs-12 col-sm-8">
  53. <textarea name="" id="textarea" cols="30" rows="10"></textarea>
  54. </div>
  55. </div>
  56. <div class="form-group layer-footer">
  57. <label class="control-label col-xs-12 col-sm-2"></label>
  58. <div class="col-xs-12 col-sm-8"><br><br>
  59. <a href="javascript:small_v2_print()" id="print" class="btn btn-default btn-embossed print">打印</a>
  60. <!--<button id="button">选择其他打印机打印</button>-->
  61. </div>
  62. </div>
  63. </div>
  64. <script language="javascript" type="text/javascript">
  65. // 打印
  66. function small_v2_print(result) {
  67. // 获取 textarea 中的所有文本值
  68. // 获取 selectList 下拉选项纸张大小
  69. // 获取 number 打印数量
  70. var textarea = $("#textarea").val();
  71. let selectList =document.getElementById("selectList").value;
  72. let number =document.getElementById("number").value;
  73. // 拆分出每一行
  74. var arr = textarea.split("\n");
  75. for (var i=0;i<arr.length;i++) {
  76. //将每一行继续按逗号、制表符拆分:split(/[符号1,符号2]/)
  77. var pairs = arr[i].split(/[,\t]/);
  78. for (var j=0;j<pairs.length;j++) {
  79. if($("#textarea").val() == ''){
  80. alert("打印区域不能为空");
  81. }else{
  82. // 打印具体的每个键值
  83. var barcode = pairs[0];
  84. // console.log(barcode);
  85. CreateOneFormPage(barcode,selectList,number);
  86. }
  87. }
  88. }
  89. };
  90. var LODOP; //声明为全局变量
  91. function CreateOneFormPage(barcode,selectList,number){
  92. LODOP=getLodop();
  93. var strBodyStyle="<style>body{color:balck;font-size: 20px;text-align: center;}</style>";
  94. LODOP.SET_LICENSES("","152A06E8F6CBD6AC1F213ABFCB0D8604","C94CEE276DB2187AE6B65D56B3FC2848","");
  95. LODOP.PRINT_INIT("");
  96. //判断用户打印份数
  97. if(number){
  98. LODOP.SET_PRINT_COPIES(number);//打印数量
  99. }else{
  100. LODOP.SET_PRINT_COPIES(2);
  101. }
  102. //判断用户选择的纸张规格
  103. if(selectList == "10*5"){
  104. LODOP.SET_PRINT_PAGESIZE(3,1000,500,"");
  105. LODOP.ADD_PRINT_HTM("4.45mm","2.91mm","RightMargin:-2.91mm","BottomMargin:41.54mm",strBodyStyle+barcode);
  106. LODOP.ADD_PRINT_BARCODE(39,111,"88mm","40.01mm","QRCode",barcode);
  107. // LODOP.PRINT();//打印
  108. }
  109. if(selectList == "10*6"){
  110. LODOP.SET_PRINT_PAGESIZE(3,1000,600,"");
  111. LODOP.ADD_PRINT_HTM("4.71mm","0.26mm","RightMargin:-0.26mm","BottomMargin:41.28mm",strBodyStyle+barcode);
  112. LODOP.ADD_PRINT_BARCODE(44,105,"88mm","40.01mm","QRCode",barcode);
  113. // LODOP.PRINT();//打印
  114. }
  115. if(selectList == "10*8"){
  116. LODOP.SET_PRINT_PAGESIZE(3,1000,800,"");
  117. LODOP.ADD_PRINT_HTM(59,-199,"200mm","149.99mm",strBodyStyle+barcode);
  118. LODOP.ADD_PRINT_BARCODE(98,97,"101.76mm","47.68mm","QRCode",barcode);
  119. // LODOP.PRINT();//打印
  120. }
  121. LODOP.PRINT();//打印
  122. // LODOP.PREVIEW();//打印预览
  123. // LODOP.PRINTA();//选择打印机进行打印
  124. // LODOP.PRINT_SETUP();//打印维护设置大小
  125. };
  126. //选择打印机打印 如果将button按钮打开,下面的数据代码不需要改动
  127. var btn = document.getElementById("button");
  128. btn.onclick = function(){
  129. var textarea = $("#textarea").val();
  130. let selectList =document.getElementById("selectList").value;
  131. var arr = textarea.split("\n");
  132. for (var i=0;i<arr.length;i++) {
  133. var pairs = arr[i].split(/[,\t]/);
  134. for (var j=0;j<pairs.length;j++) {
  135. if($("#textarea").val() == ''){
  136. alert("打印区域不能为空");
  137. }else{
  138. var barcode = pairs[0];
  139. CreateOneFormPage2(barcode,selectList);
  140. }
  141. }
  142. }
  143. }
  144. function CreateOneFormPage2(barcode,selectList){
  145. LODOP=getLodop();
  146. var strBodyStyle="<style>body{color:balck;font-size: 20px;text-align: center;}</style>";
  147. LODOP.SET_LICENSES("","152A06E8F6CBD6AC1F213ABFCB0D8604","C94CEE276DB2187AE6B65D56B3FC2848","");
  148. LODOP.PRINT_INIT("");
  149. //判断用户选择的纸张规格
  150. if(selectList == "10*5"){
  151. LODOP.SET_PRINT_PAGESIZE(3,1000,500,"");
  152. LODOP.ADD_PRINT_HTM("4.45mm","2.91mm","RightMargin:-2.91mm","BottomMargin:41.54mm",strBodyStyle+barcode);
  153. LODOP.ADD_PRINT_BARCODE(39,111,"88mm","40.01mm","QRCode",barcode);
  154. }
  155. if(selectList == "10*6"){
  156. LODOP.SET_PRINT_PAGESIZE(3,1000,600,"");
  157. LODOP.ADD_PRINT_HTM("4.71mm","0.26mm","RightMargin:-0.26mm","BottomMargin:41.28mm",strBodyStyle+barcode);
  158. LODOP.ADD_PRINT_BARCODE(44,105,"88mm","40.01mm","QRCode",barcode);
  159. }
  160. if(selectList == "10*8"){
  161. LODOP.SET_PRINT_PAGESIZE(3,1000,800,"");
  162. LODOP.ADD_PRINT_HTM(59,-199,"200mm","149.99mm",strBodyStyle+barcode);
  163. LODOP.ADD_PRINT_BARCODE(98,97,"101.76mm","47.68mm","QRCode",barcode);
  164. }
  165. LODOP.PRINTA();//选择打印机进行打印
  166. };
  167. </script>
  168. </body>
  169. </html>