| | |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
|---|
| | | padding-bottom: 20px; |
|---|
| | | } |
|---|
| | | #search-box { |
|---|
| | | padding: 30px 0 20px 0; |
|---|
| | | } |
|---|
| | | #search-box .layui-inline:first-child { |
|---|
| | | margin-left: 30px; |
|---|
| | | } |
|---|
| | | #search-box .layui-inline { |
|---|
| | | margin-right: 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #data-search-btn { |
|---|
| | | margin-left: 10px; |
|---|
| | | display: inline-block; |
|---|
| | | } |
|---|
| | | #data-search-btn.layui-btn-container .layui-btn { |
|---|
| | | margin-right: 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #staNoSpan { |
|---|
| | | text-align: center; |
|---|
| | | display: inline-block; |
|---|
| | |
|---|
| | | |
|---|
| | | #btn-outbound { |
|---|
| | | margin-left: 60px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*----------------------------------*/ |
|---|
| | | .function-area { |
|---|
| | | padding: 20px 50px; |
|---|
| | | } |
|---|
| | | .function-btn { |
|---|
| | | font-size: 16px; |
|---|
| | | padding: 1px 2px; |
|---|
| | | 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: 1.5px; |
|---|
| | | } |
|---|
| | | .function-btn:hover { |
|---|
| | | background-color: #2b425b; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*#mat-query {*/ |
|---|
| | | /* display: none;*/ |
|---|
| | | /*}*/ |
|---|
| | | #btn-outbound { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body style="padding-bottom: 30px"> |
|---|
| | | <body> |
|---|
| | | |
|---|
| | | <!-- 功能区 --> |
|---|
| | | <div class="function-area"> |
|---|
| | | <button id="mat-query" class="function-btn">提取库存</button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <hr> |
|---|
| | | |
|---|
| | | <!-- 表格 --> |
|---|
| | | <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="staNoSelect" lay-verify="required"> |
|---|
| | | <option value="">请选择站点</option> |
|---|
| | | </select> |
|---|
| | | <!-- 2.启动出库 --> |
|---|
| | | <button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="outbound">并板出库</button> |
|---|
| | | </div> |
|---|
| | | <!-- 搜索栏 --> |
|---|
| | | <div id="search-box" class="layui-form layui-card-header"> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </script> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="crn_no" placeholder="堆垛机号" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="row1" placeholder="排" lay-verify="number" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="bay1" placeholder="列" lay-verify="number" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="lev1" placeholder="层" lay-verify="number" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <select name="size"> |
|---|
| | | <option value="">请选择托盘类型</option> |
|---|
| | | <option value="2000*1500*170">2000*1500*170</option> |
|---|
| | | <option value="1500*1500*170">1500*1500*170</option> |
|---|
| | | <option value="2600*1500*160">2600*1500*160</option> |
|---|
| | | <option value="1300*1500*160">1300*1500*160</option> |
|---|
| | | </select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 行 --> |
|---|
| | | <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 id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> |
|---|
| | | <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> |
|---|
| | | <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <script type="text/template" id="takeSiteSelectTemplate"> |
|---|
| | | {{#each data}} |
|---|
| | | <option value="{{this}}">{{this}}</option> |
|---|
| | | {{/each}} |
|---|
| | | <script type="text/html" id="toolbar"> |
|---|
| | | <div class="layui-form"> |
|---|
| | | <div class="layui-btn-container"> |
|---|
| | | <!-- 1.选择出库口 --> |
|---|
| | | <span id="staNoSpan">并板出库口：</span> |
|---|
| | | <select id="staNoSelect" lay-verify="required"> |
|---|
| | | <option value="">请选择站点</option> |
|---|
| | | </select> |
|---|
| | | <!-- 2.启动出库 --> |
|---|
| | | <button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="outbound">启动出库</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <!-- 空板库位表 --> |
|---|
| | | <table class="layui-hide" id="locMast" lay-filter="locMast"></table> |
|---|
| | | |
|---|
| | | <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/handlebars/handlebars-v4.5.3.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/pakStore/clampOut.js" charset="utf-8"></script> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | | <!--启动出库--> |
|---|
| | | <div id="outboundDiv"> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <script type="text/template" id="takeSiteSelectTemplate"> |
|---|
| | | {{#each data}} |
|---|
| | | <option value="{{this}}">{{this}}</option> |
|---|
| | | {{/each}} |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
