| <!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/cool.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
|     <style> | 
|         html { | 
|             height: 100%; | 
|             padding: 10px; | 
|             background-color: #f1f1f1; | 
|         } | 
|         body { | 
|             background-color: #fff; | 
|             border-radius: 5px; | 
|             box-shadow: 0 0 3px rgba(0,0,0,.3); | 
|         } | 
|   | 
|         .function-area { | 
|             padding: 20px 50px; | 
|         } | 
|         .function-btn { | 
|             font-size: 16px; | 
|             padding: 1px 1px 1px 1px; | 
|             width: 100px; | 
|             height: 50px; | 
|             border-color: #2b425b; | 
|             border-radius: 4px; | 
|             border-width: 2px; | 
|             background: none; | 
|             border-style: solid; | 
|             transition: 0.4s; | 
|             cursor: pointer; | 
|             letter-spacing: 3px; | 
|         } | 
|         .function-btn:hover { | 
|             background-color: #2b425b; | 
|             color: #fff; | 
|         } | 
|   | 
|         .layui-layer-page .layui-layer-content { | 
|             position: relative; | 
|             overflow: visible !important; | 
|         } | 
|   | 
|         #mat-query { | 
|             display: none; | 
|         } | 
|         #btn-comb { | 
|             display: none; | 
|         } | 
|     </style> | 
| </head> | 
| <body> | 
| <!-- 功能区 --> | 
| <div class="function-area"> | 
|     <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
| </div> | 
|   | 
| <hr> | 
|   | 
| <!-- 表格 --> | 
| <div style="padding-bottom: 5px; margin-bottom: 45px"> | 
|   | 
|     <!-- 头部 --> | 
|     <script type="text/html" id="toolbar"> | 
|         <div class="layui-btn-container"> | 
|             <button class="layui-btn layui-btn-normal" id="btn-comb" lay-event="comb" style="">入库</button> | 
|         </div> | 
|     </script> | 
|   | 
|     <!-- 行 --> | 
|     <script type="text/html" id="operate"> | 
|         <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a> | 
|     </script> | 
|   | 
|     <table class="layui-table" id="chooseData" lay-filter="chooseData"></table> | 
| </div> | 
|   | 
| <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/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/handlebars/handlebars-v4.5.3.js"></script> | 
| <script type="text/javascript" src="../../static/js/pakStore/pakStore.js" charset="utf-8"></script> | 
|   | 
| <div id="combDiv" style="display: none; padding: 20px"> | 
|     <div class="layui-form"> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label" style="padding: 9px 0">入库站点:</label> | 
|             <div class="layui-input-block" style="margin-left: 90px;"> | 
|                 <select id="putSiteSelect" lay-verify="required" lay-search=""> | 
|                     <option value="">请选择站点</option> | 
|                 </select> | 
|             </div> | 
|         </div> | 
|   | 
|         <div style="text-align: center; margin-top: 20px"> | 
|             <button class="layui-btn layui-btn-radius layui-btn-normal" id="combDo" lay-submit lay-filter="combDo">启动入库</button> | 
|         </div> | 
|     </div> | 
| </div> | 
|   | 
| <script type="text/template" id="putSiteSelectTemplate"> | 
|     {{#each data}} | 
|         <option value="{{this}}">{{this}}</option> | 
|     {{/each}} | 
| </script> | 
| </body> | 
| </html> |