|  |  | 
 |  |  |         .function-area { | 
 |  |  |             padding: 20px 50px; | 
 |  |  |         } | 
 |  |  |         .mat-query { | 
 |  |  |             font-size: 15px; | 
 |  |  |         .function-btn { | 
 |  |  |             font-size: 16px; | 
 |  |  |             padding: 1px 1px 1px 1px; | 
 |  |  |             width: 130px; | 
 |  |  |             width: 100px; | 
 |  |  |             height: 50px; | 
 |  |  |             border-color: #2b425b; | 
 |  |  |             border-radius: 4px; | 
 |  |  | 
 |  |  |             border-style: solid; | 
 |  |  |             transition: 0.4s; | 
 |  |  |             cursor: pointer; | 
 |  |  |             letter-spacing: 3px; | 
 |  |  |         } | 
 |  |  |         .mat-query:hover { | 
 |  |  |         .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;*/ | 
 |  |  |         /*}*/ | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         #staNoSpan { | 
 |  |  |             text-align: center; | 
 |  |  |             display: inline-block; | 
 |  |  |             width: 100px; | 
 |  |  |             font-size: 13px; | 
 |  |  |         } | 
 |  |  |         .layui-btn-container .layui-form-select { | 
 |  |  |             display: inline-block; | 
 |  |  |             width: 150px; | 
 |  |  |             height: 30px; | 
 |  |  |         } | 
 |  |  |         .layui-btn-container .layui-form-select.layui-form-selected { | 
 |  |  |             display: inline-block; | 
 |  |  |             width: 150px; | 
 |  |  |         } | 
 |  |  |         .layui-btn-container .layui-select-title input { | 
 |  |  |             font-size: 13px; | 
 |  |  |         } | 
 |  |  |         .layui-btn-container .layui-anim.layui-anim-upbit dd { | 
 |  |  |             font-size: 13px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #btn-comb { | 
 |  |  |             margin-left: 60px; | 
 |  |  |             display: none; | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  | <!-- 功能区 --> | 
 |  |  | <div class="function-area"> | 
 |  |  |     <button class="mat-query" onclick="getMat()">提取货物</button> | 
 |  |  |     <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <hr> | 
 |  |  |  | 
 |  |  | <!-- 表格 --> | 
 |  |  | <div style="height: 500px"> | 
 |  |  | <div style="padding-bottom: 5px; margin-bottom: 45px"> | 
 |  |  |  | 
 |  |  |     <!-- 头部 --> | 
 |  |  |     <script type="text/html" id="toolbar"> | 
 |  |  |         <div class="layui-form"> | 
 |  |  |             <div class="layui-btn-container"> | 
 |  |  |                 <!-- 1.选择入库口 --> | 
 |  |  |                 <span id="staNoSpan">入库口:</span> | 
 |  |  |                 <select id="putSiteSelect" lay-verify="required"> | 
 |  |  |                     <option value="">请选择站点</option> | 
 |  |  |                 </select> | 
 |  |  |                 <!-- 2.启动出库 --> | 
 |  |  |                 <button class="layui-btn layui-btn-normal layui-btn-lg" id="btn-comb" lay-event="comb" style="">启动入库</button> | 
 |  |  |             </div> | 
 |  |  |         </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> | 
 |  |  |  | 
 |  |  | <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> | 
 |  |  |  | 
 |  |  |  | 
 |  |  | <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/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> | 
 |  |  |  | 
 |  |  | <script type="text/template" id="putSiteSelectTemplate"> | 
 |  |  |     {{#each data}} | 
 |  |  |         <option value="{{this}}">{{this}}</option> | 
 |  |  |     {{/each}} | 
 |  |  | </script> | 
 |  |  | </body> | 
 |  |  | </html> | 
 |  |  |  |