| <!DOCTYPE html> | 
| <html lang="en"> | 
| <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, maximum-scale=1"> | 
|     <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/tree.css" media="all"> | 
|     <style> | 
|         body { | 
|             color: #595959; | 
|             background-color: #f5f7f9; | 
|         } | 
|         .layui-fluid { | 
|             padding: 15px; | 
|         } | 
|         .layui-form.layui-border-box.layui-table-view { | 
|             /*margin: 15px 0 35px 0;*/ | 
|             width: 100%; | 
|             border-width: 1px; | 
|         } | 
|         .layui-form.layui-border-box.layui-table-view { | 
|             height: calc(100vh - 160px); | 
|         } | 
|         .layui-form.layui-border-box.layui-table-view { | 
|             margin: 0; | 
|         } | 
|         #search-box { | 
|             padding: 30px 30px 10px 0px; | 
|             margin-left: 0px; | 
|         } | 
|         .layui-form.layui-border-box.layui-table-view { | 
|             height: 100%; | 
|         } | 
|   | 
|         .admin-form { | 
|             padding: 25px 30px 0 0 !important; | 
|             margin: 0 !important; | 
|         } | 
|   | 
|         /* ------------------------- 打印表格 -----------------------  */ | 
|         .template-preview { | 
|             height: 200px; | 
|             display: inline-block; | 
|         } | 
|         .contain td { | 
|             border: 1px solid #000; | 
|             /*font-family: 黑体;*/ | 
|             /*font-weight: bold;*/ | 
|             /*color: #000000;*/ | 
|         } | 
|     </style> | 
| </head> | 
| <body> | 
|   | 
| <div class="layui-fluid"> | 
|     <!-- 左 --> | 
|     <div class="layui-row layui-col-space15"> | 
|         <div class="layui-col-md3"> | 
|             <div class="layui-card"> | 
|                 <div class="layui-card-body" style="padding: 10px;"> | 
|                     <!-- 树工具栏 --> | 
|                     <div class="layui-form toolbar" id="organizationTreeBar"> | 
|                         <div class="layui-inline" style="max-width: 200px;"> | 
|                             <input id="condition" onkeyup="findData(this)" type="text" class="layui-input" placeholder="请输入关键字" autocomplete="off"> | 
|                         </div> | 
|                         <div class="layui-inline"> | 
|                             <button class="layui-btn icon-btn layui-btn-sm" id="treeReset" style="padding: 0 10px"> | 
|                                 <i class="layui-icon layui-icon-close"></i> | 
|                             </button> | 
|                         </div> | 
|                     </div> | 
|                     <!-- 树 --> | 
|                     <div class="layui-form toolbar" id="organizationTree"></div> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <!-- 右 --> | 
|         <div class="layui-col-md9"> | 
|             <div class="layui-card"> | 
|                 <div class="layui-card-body" style="padding: 10px;"> | 
|                     <!-- 表格工具栏2 --> | 
|                     <div id="search-box" class="layui-form toolbar"  style="padding-top: 5px"> | 
|                         <div class="layui-inline"> | 
|                             <label class="layui-form-label" style="padding: 8px 15px 8px 15px">库区:</label> | 
|                             <div class="layui-input-inline"> | 
|                                 <input name="parent_name" class="layui-input" placeholder="输入库区编号"/> | 
|                             </div> | 
|                         </div> | 
|                         <div class="layui-inline"> | 
|                             <label class="layui-form-label" style="padding: 8px 15px 8px 15px">库位号:</label> | 
|                             <div class="layui-input-inline"> | 
|                                 <input name="name" class="layui-input" placeholder="输入库位编号"/> | 
|                             </div> | 
|                         </div> | 
|                         <div class="layui-inline">  | 
|                             <button class="layui-btn icon-btn" lay-filter="search" lay-submit> | 
|                                 <i class="layui-icon"></i>搜索 | 
|                             </button> | 
|                             <button class="layui-btn icon-btn" lay-filter="reset" lay-submit> | 
|                                 <i class="layui-icon"></i>重置 | 
|                             </button> | 
|                         </div> | 
|                     </div> | 
|                     <table class="layui-hide" id="mat" lay-filter="mat"></table> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|     </div> | 
| </div> | 
|   | 
| <script type="text/html" id="tagTpl"> | 
|     <span name="tagId" class="layui-badge layui-badge-blue">{{d.type$}}</span> | 
| </script> | 
|   | 
| <script type="text/html" id="toolbar"> | 
|     <div class="layui-btn-container"> | 
|         <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="deleteData">删除</button> | 
|         <button class="layui-btn layui-btn-sm" id="btn-print-batch" lay-event="printBatch">批量打印</button> | 
|         <!-- 商品/物料 数据中心 --> | 
| <!--        <div class="dropdown-menu" style="float: right">--> | 
| <!--            <button class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm"> 数据同步 <i class="layui-icon layui-icon-drop"></i></button>--> | 
| <!--            <ul class="dropdown-menu-nav dark">--> | 
| <!--                <div class="dropdown-anchor"></div>--> | 
| <!--                <li class="title">1st menu</li>--> | 
| <!--                <li><a onclick="excelMouldDownload()" style="font-size: 12px"><i class="layui-icon layui-icon-template-1"></i>模板下载</a></li>--> | 
| <!--                <li><a onclick="importExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-upload"></i>导入 Excel</a></li>--> | 
| <!--                <li style="display: none"><input id="importExcel" type="file" onchange="upload(this)" ></li>--> | 
| <!--                <hr>--> | 
| <!--                <li class="title">2nd menu</li>--> | 
| <!--                <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li>--> | 
| <!--            </ul>--> | 
| <!--        </div>--> | 
|         <!--        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right;margin-right: -10px">导出</button>--> | 
|     </div> | 
| </script> | 
|   | 
| <script type="text/html" id="operate"> | 
|     <a class="layui-btn layui-btn-xs btn-edit layui-btn-primary" lay-event="edit">修改</a> | 
|     <button class="layui-btn layui-btn-xs btn-print" lay-event="btnPrint">打印</button> | 
| </script> | 
|   | 
| <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
| <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script> | 
| <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> | 
| <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/nodeLoc/nodeLoc.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/nodeLoc/nodeLocTree.js" charset="utf-8"></script> | 
|   | 
| <!-- 打印操作弹窗 --> | 
| <div id="printDataDiv" style="display: none;padding: 20px"> | 
|     <div class="layui-form" style="text-align: center"> | 
|         <hr> | 
|         <!--单选框--> | 
|         <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px"> | 
|             <input type="radio" name="selectTemplate" value="1" title="模板一"  lay-filter="selectTemplateRadio" checked="checked"> | 
|             <input type="radio" name="selectTemplate" value="2" title="模板二" lay-filter="selectTemplateRadio"> | 
|         </div> | 
|         <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;"> | 
|             <legend>打印预览</legend> | 
|             <div id="template-container" style="margin: 20px;text-align: center"> | 
|   | 
|                 <!-- 预览图 1 --> | 
|                 <div id="template-preview-1" class="template-preview" style="display: inline-block"> | 
|                     <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|                         <tr style="height: 74px; border: none"> | 
|                             <td class="barcode" colspan="12" align="center" scope="col" style=" border: none"> | 
|                                 <img class="template-code template-barcode" src="" width="90%;"> | 
|                                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;"> | 
|                                     <span>xxxxxx</span> | 
|                                 </div> | 
|                             </td> | 
|                         </tr> | 
|                     </table> | 
|                 </div> | 
|   | 
|                 <!-- 预览图 2 --> | 
|                 <div id="template-preview-2" class="template-preview" style="display: none"> | 
|                     <table class="contain" width="280" style="overflow: hidden;table-layout: fixed; border: none; font-size: xx-large"> | 
|                         <tr style="height: 74px"> | 
|                             <td class="barcode" colspan="9" align="center" scope="col" style="border: none"> | 
|                                 <img class="template-code template-barcode" src="" width="90%;"> ↓ | 
|                                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-small"> | 
|                                     <span>xxxxxx</span> | 
|                                 </div> | 
|                             </td> | 
|                         </tr> | 
|                     </table> | 
|                 </div> | 
|             </div> | 
|         </fieldset> | 
|   | 
|         <button class="layui-btn" id="doPrint" lay-submit lay-filter="doPrint" style="margin-top: 20px">确定</button> | 
|     </div> | 
| </div> | 
|   | 
| <div id="box" style="display: block"></div> | 
|   | 
| <!-- 初始化打印模板的条形码 --> | 
| <script type="text/javascript"> | 
|     $('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1¶m=123"); | 
|     $('.template-qrcode').attr("src", baseUrl+"/mac/code/auth?type=2¶m=123"); | 
| </script> | 
|   | 
| <!-- 模板引擎 --> | 
| <!-- 模板1 --> | 
| <script type="text/template" id="templatePreview1" class="template-barcode"> | 
|     {{#each data}} | 
|     <table class="contain" width="400px" style="overflow: hidden;font-size: xx-large;table-layout: fixed; color:#000;"> | 
|         <tr style="height: 150px; border: none"> | 
|             <td class="barcode" colspan="12" align="center" scope="col" style=" border: none"> | 
|                 <img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;"> | 
|                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;"> | 
|                     <span>{{this.item}}</span> | 
|                 </div> | 
|             </td> | 
|         </tr> | 
|     </table> | 
|     {{/each}} | 
| </script> | 
| <!-- 模板2 --> | 
| <script type="text/template" id="templatePreview2" class="template-barcode"> | 
|     {{#each data}} | 
|     <table class="contain" width="400px" style="overflow: hidden;table-layout: fixed; border: none; font-size: xxx-large; color:#000;"> | 
|         <tr style="height: 150px"> | 
|             <td class="barcode" colspan="9" align="center" scope="col" style="border: none"> | 
|                 <img class="template-code template-barcode" src="{{this.barcodeUrl}}" width="90%;"> ↓ | 
|                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center; font-size: xx-large"> | 
|                     <span>{{this.item}}</span> | 
|                 </div> | 
|             </td> | 
|         </tr> | 
|     </table> | 
|     {{/each}} | 
| </script> | 
|   | 
| </body> | 
| </html> |