|  |  | 
 |  |  |     <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
 |  |  | </head> | 
 |  |  | <style> | 
 |  |  |     .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; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .function-area { | 
 |  |  |         padding: 20px 50px; | 
 |  |  |     } | 
 |  |  | </style> | 
 |  |  | <body> | 
 |  |  | <div>盘点上传</div> | 
 |  |  |  | 
 |  |  | <div> | 
 |  |  |     <!-- 操作栏 --> | 
 |  |  |     <div id="search-box" class="layui-form layui-card-header"> | 
 |  |  |         <div class="layui-inline"> | 
 |  |  |             <select id="type"> | 
 |  |  |                 <option value="">盈亏情况</option> | 
 |  |  |                 <option value="1">盘盈</option> | 
 |  |  |                 <option value="2">盘亏</option> | 
 |  |  |             </select> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <!-- 待添加 --> | 
 |  |  |         <div id="data-search-btn" class="layui-btn-container layui-form-item"> | 
 |  |  |             <button style="margin-top: -5px" id="submit" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit | 
 |  |  |                     lay-filter="submit">提交 | 
 |  |  |             </button> | 
 |  |  |             <button style="margin-top: -5px" id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     <!-- 功能区 --> | 
 |  |  |     <div class="function-area"> | 
 |  |  |         <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  | <!-- 表格区 --> | 
 |  |  | <div> | 
 |  |  |     <table class="layui-table" id="chooseData" lay-filter="chooseData"></table> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <!-- 行 --> | 
 |  |  | <script type="text/html" id="operate"> | 
 |  |  |     <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a> | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | </body> | 
 |  |  | <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> |