code.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. {Template header}
  2. <body>
  3. <div class="warp">
  4. <div class="fixed">
  5. <ul class="search">
  6. <li>打印状态:<select name="type" class="select"></li>
  7. <option value="0">未打印</option>
  8. <option value="1">已打印</option>
  9. </select></li>
  10. <span>确 定</span>
  11. </ul>
  12. <div class="control">
  13. <a href="javascript:void(0);" id="cprint">打 印</a>
  14. <a href="javascript:void(0);" id="excel">添 加</a>
  15. <a href="javascript:void(0);" class="check">删 除</a>
  16. </div>
  17. <table class="datatitle data" border="0" style="border-collapse:collapse;">
  18. <tr>
  19. <td><label onClick="swapCheck()"><input name="checkbox" type="checkbox" class="regular-checkbox"></label></td>
  20. <td>条码</td>
  21. <td>内容</td>
  22. <td>添加时间</td>
  23. <td>打印次数</td>
  24. </tr>
  25. </table>
  26. </div>
  27. <table class="datatext data" border="0" style="border-collapse:collapse;">
  28. </table>
  29. <div class="bomf"></div>
  30. <div id="codeprint" style="width:100%;"></div>
  31. <script>
  32. var dataurl = "/code";
  33. $("#cprint").click(function() {
  34. var i = 1;
  35. $(".datatext input[name='check']:checked").each(function() {
  36. $("#codeprint").append("<p style='text-align: center;'><svg id='svgcode"+i+"' class='svgcode'></svg></p><p style='padding-top:10px;text-align:center;page-break-after: always'>"+$(this).parent().next().next().text()+"</p>");
  37. $("#svgcode"+i+"").JsBarcode($(this).parent().next().text(),{format:'CODE128',margin:0,textMargin:5,height:50});
  38. i++;
  39. });
  40. $("#codeprint").jqprint();//开始打印
  41. $(".express div p:eq(0)").text("请选择下发按钮继续操作");
  42. $(".express div p:eq(1) font").remove();
  43. $(".express div p:eq(1)").append("<font onclick='cxdy()'>重新打印</font>");
  44. $(".express div p:eq(1)").append("<font onclick='dywc()'>打印完成</font>");
  45. setTimeout(function(){
  46. $(".express").show();
  47. },1000);
  48. //$(".svgcode").css("width","80%");
  49. });
  50. function cxdy() {
  51. $("#codeprint").jqprint();//开始打印
  52. }
  53. function dywc() {
  54. $(".ts p").html('处理中,请稍后');
  55. $(".ts").fadeIn();
  56. setTimeout('$(".ts").fadeOut()', 90000);
  57. var a = "";
  58. $(".datatext input[name='check']:checked").each(function() {
  59. a = a + $(this).val()+",";
  60. });
  61. $.ajax({
  62. url: dataurl+"/edit",
  63. data: "s=" + a,
  64. type: "POST",
  65. dataType: "json",
  66. success: function(c) {
  67. if (c && c.success) {
  68. window.location.reload();
  69. }
  70. }
  71. });
  72. };
  73. $(document).ready(function() {
  74. var button = $("#excel"), interval;
  75. var fileType = "pic", fileNum = "one";
  76. new AjaxUpload(button, {
  77. action: dataurl+"/add",
  78. name: "userfile",
  79. onSubmit: function(file, ext) {
  80. if (fileType == "pic") {
  81. if (ext && /^(xls|xlsx)$/.test(ext)) {
  82. this.setData({
  83. info: "文件类型为xls"
  84. });
  85. } else {
  86. $(".ts p").html("上传的文件类型不正确");
  87. $(".ts").fadeIn();
  88. setTimeout('$(".ts").fadeOut()', 700);
  89. return false;
  90. }
  91. }
  92. $(".express p:eq(0)").html("<i class='fa fa-2x fa-cog fa-spin'></i> &nbsp; 正在处理中,请稍后...");
  93. $(".express p:eq(1)").html("");
  94. $(".express").show();
  95. if (fileNum == "one") {
  96. this.disable();
  97. }
  98. },
  99. onComplete: function(file, response) {
  100. eval("var obj=" + response);
  101. if (obj.success) {
  102. $(".express").hide();
  103. $(".express p:eq(0)").html("<i class='fa fa-2x fa-check-square-o'></i> &nbsp; "+obj.msg);
  104. $(".express p:eq(1)").html("<font class='sx'>确 定</font><font class='sx'>取 消</font>");
  105. $(".express").show();
  106. } else {
  107. $(".express").hide();
  108. $(".ts p").html(obj.msg);
  109. $(".ts").fadeIn();
  110. setTimeout('$(".ts").fadeOut()', 700);
  111. return false;
  112. }
  113. window.clearInterval(interval);
  114. this.enable();
  115. }
  116. });
  117. });
  118. </script>
  119. <script src="{$theme}js/ajaxupload.3.5.js"></script>
  120. <script src="{$theme}js/JsBarcode.all.min.js"></script>
  121. <script src="{$theme}js/jquery-migrate-1.2.1.min.js"></script>
  122. <script src="{$theme}js/jquery.jqprint-0.3.js"></script>
  123. {Template footer}