| | |
| | | <title>中扬物流</title> |
| | | <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> |
| | | <style> |
| | | |
| | | * { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .mat-msg { |
| | | overflow: auto; |
| | | margin-top: 10px; |
| | | height: 100px; |
| | | height: 115px; |
| | | background-color: #fff; |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
| | | border: 1px solid #c2c2c2; |
| | | } |
| | | /* 堆垛机状态信息表 */ |
| | | #mat-msg-table { |
| | |
| | | background: #fff; |
| | | } |
| | | |
| | | .btn-con { |
| | | #btn-con { |
| | | padding-left: 10px; |
| | | position: absolute; |
| | | bottom: 10px; |
| | | width: 100%; |
| | | } |
| | | .btn-con button { |
| | | #btn-con button { |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | } |
| | |
| | | <!-- 堆垛机状态 --> |
| | | <div class="mat-msg" id="mat-msg-id"> |
| | | <table id="mat-msg-table"> |
| | | <thead> |
| | | <thead id="tthead"> |
| | | <tr> |
| | | <th>编码</th> |
| | | <th>名称</th> |
| | |
| | | <th>数量</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tbody id="ttbody"> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | |
| | | <div class="btn-con"> |
| | | <div id="btn-con"> |
| | | <button style="margin-right: 20px" onclick="reset()">重置</button> |
| | | <button >组托</button> |
| | | <span id="tips"></span> |
| | |
| | | </body> |
| | | <script> |
| | | // initCrnMsgTable() |
| | | var matMsgTableBlankRows = 0; // 空白行数 |
| | | var code = document.getElementById("code") |
| | | var matnr = document.getElementById("matnr") |
| | | var matMsg = document.getElementById("mat-msg-id"); |
| | | var matMsgTable = document.getElementById("mat-msg-table"); |
| | | var tthead = document.getElementById("tthead"); |
| | | var ttbody = document.getElementById("ttbody"); |
| | | var btnCon = document.getElementById("btn-con"); |
| | | var tipDom = document.getElementById("tips"); |
| | | |
| | | // 查询物流 |
| | |
| | | if (res.code === 200) { |
| | | if (res.data != null) { |
| | | matMsg.style.display = 'none'; |
| | | btnCon.style.display = 'none'; |
| | | } else { |
| | | matMsg.style.display = 'block'; |
| | | btnCon.style.display = 'block'; |
| | | } |
| | | } else { |
| | | alert(res.msg); |
| | |
| | | }) |
| | | } |
| | | |
| | | initCrnMsgTable(); |
| | | // 堆垛机数据表获取 ----- 表二 |
| | | function initCrnMsgTable(row) { |
| | | var line; |
| | | if (row === undefined){ |
| | | var one = $('#crn-msg-table thead').height(); |
| | | var total = $('.crn-msg').height(); |
| | | var one = tthead.offsetHeight; |
| | | var total = matMsg.offsetHeight; |
| | | var count = total / one; |
| | | count = parseInt(count) - 1; |
| | | crnMsgTableBlankRows = count; |
| | | matMsgTableBlankRows = count; |
| | | line = count; |
| | | } else { |
| | | line = row; |
| | |
| | | var html = ""; |
| | | for (var i = 0; i < line; i ++){ |
| | | html += " <tr>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td>1</td>\n" + |
| | | " <td>2</td>\n" + |
| | | " <td>3</td>\n" + |
| | | " <td>4</td>\n" + |
| | | " </tr>\n"; |
| | | } |
| | | $('#crn-msg-table tbody').after(html); |
| | | ttbody.innerHTML = html; |
| | | } |
| | | |
| | | // 重置 |