1

hwh

2024-06-07 6ac1d0e9607ee9b30b9d5ac90046769e30268b37

 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,80 @@
         </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;">
                  <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 id="hiprint-printTemplate" class="hiprint-printTemplate"
                  style="margin-top:20px; overflow-x: scroll; overflow-y: hidden;">
               </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 +157,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 +190,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 () { });
               }
            });
         }
      })

@@ -240,13 +275,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>