| | |
| | | <html lang="en"> |
| | | <head> |
| | | <meta charset="UTF-8"> |
| | | <title>堆垛机监控管理</title> |
| | | <title>RGV监控管理</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | |
| | | |
| | | <!-- 执行命令 --> |
| | | <div class="command-log"> |
| | | <h3>执行中的命令</h3> |
| | | <div class="crn-command-item"> |
| | | <label>1#</label> |
| | | <button id="demoBtn-1" class="demoBtn" onclick="demoSwitch(this.id)"> - </button> |
| | | <!-- <span> </span>--> |
| | | <input id="crn1" disabled="disabled"> |
| | | </div> |
| | | <div class="crn-command-item"> |
| | | <label>2#</label> |
| | | <button id="demoBtn-2" class="demoBtn" onclick="demoSwitch(this.id)"> - </button> |
| | | <!-- <span> </span>--> |
| | | <input id="crn2" disabled="disabled"> |
| | | </div> |
| | | <div class="crn-command-item"> |
| | | <label>3#</label> |
| | | <button id="demoBtn-3" class="demoBtn" onclick="demoSwitch(this.id)"> - </button> |
| | | <!-- <span> </span>--> |
| | | <input id="crn3" disabled="disabled"> |
| | | </div> |
| | | <div class="crn-command-item"> |
| | | <label>4#</label> |
| | | <button id="demoBtn-4" class="demoBtn" onclick="demoSwitch(this.id)"> - </button> |
| | | <!-- <span> </span>--> |
| | | <input id="crn4" disabled="disabled"> |
| | | </div> |
| | | <div class="crn-command-item"> |
| | | <label>5#</label> |
| | | <button id="demoBtn-5" class="demoBtn" onclick="demoSwitch(this.id)"> - </button> |
| | | <!-- <span> </span>--> |
| | | <input id="crn5" disabled="disabled"> |
| | | </div> |
| | | <!-- <h3>执行中的命令</h3>--> |
| | | <!-- <div class="crn-command-item">--> |
| | | <!-- <label>1#</label>--> |
| | | <!-- <button id="demoBtn-1" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> |
| | | <!-- <!– <span> </span>–>--> |
| | | <!-- <input id="crn1" disabled="disabled">--> |
| | | <!-- </div>--> |
| | | <!-- <div class="crn-command-item">--> |
| | | <!-- <label>2#</label>--> |
| | | <!-- <button id="demoBtn-2" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> |
| | | <!-- <!– <span> </span>–>--> |
| | | <!-- <input id="crn2" disabled="disabled">--> |
| | | <!-- </div>--> |
| | | <!-- <div class="crn-command-item">--> |
| | | <!-- <label>3#</label>--> |
| | | <!-- <button id="demoBtn-3" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> |
| | | <!-- <!– <span> </span>–>--> |
| | | <!-- <input id="crn3" disabled="disabled">--> |
| | | <!-- </div>--> |
| | | <!-- <div class="crn-command-item">--> |
| | | <!-- <label>4#</label>--> |
| | | <!-- <button id="demoBtn-4" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> |
| | | <!-- <!– <span> </span>–>--> |
| | | <!-- <input id="crn4" disabled="disabled">--> |
| | | <!-- </div>--> |
| | | <!-- <div class="crn-command-item">--> |
| | | <!-- <label>5#</label>--> |
| | | <!-- <button id="demoBtn-5" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> |
| | | <!-- <!– <span> </span>–>--> |
| | | <!-- <input id="crn5" disabled="disabled">--> |
| | | <!-- </div>--> |
| | | </div> |
| | | <!-- 堆垛机状态位信息 --> |
| | | <!-- RGV状态位信息 --> |
| | | <div class="crn-state"> |
| | | <table id="crn-state-table"> |
| | | <table id="rgv-state-table"> |
| | | <thead> |
| | | <tr> |
| | | <th>堆垛机</th> |
| | | <th>RGV</th> |
| | | <th>模式</th> |
| | | <th>状态</th> |
| | | <th>有物</th> |
| | | <th>列</th> |
| | | <th>层</th> |
| | | <th>货叉定位</th> |
| | | <th>载货台定位</th> |
| | | <th>走行在定位</th> |
| | | <th>任务号1</th> |
| | | <th>状态1</th> |
| | | <th>有物1</th> |
| | | <th>RGV位置</th> |
| | | <th>走行定位</th> |
| | | <th>任务号2</th> |
| | | <th>状态2</th> |
| | | <th>有物2</th> |
| | | <th>故障代码</th> |
| | | <th>故障描述</th> |
| | | </tr> |
| | |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <!-- 堆垛机状态 --> |
| | | <!-- RGV状态 --> |
| | | <div class="crn-msg"> |
| | | <table id="crn-msg-table"> |
| | | <table id="rgv-msg-table"> |
| | | <thead> |
| | | <tr> |
| | | <th>堆垛机</th> |
| | | <th>RGV</th> |
| | | <th>工作号</th> |
| | | <th>状态</th> |
| | | <th>源站</th> |
| | |
| | | <div class="task-select"> |
| | | <!-- 堆垛机选择 --> |
| | | <div id="crn-select" class="operator-item" style="width: 55%"> |
| | | <span class="select-title">堆垛机号</span> |
| | | <span class="select-title">RGV号</span> |
| | | <div class="select-container" style="padding: 20px 0;"> |
| | | <label><input type="radio" name="crnSelect" value="1" checked> 1号堆垛机</label> |
| | | <label><input type="radio" name="crnSelect" value="2"> 2号堆垛机</label> |
| | | <label><input type="radio" name="crnSelect" value="3"> 3号堆垛机</label> |
| | | <label><input type="radio" name="crnSelect" value="4"> 4号堆垛机</label> |
| | | <label><input type="radio" name="crnSelect" value="5"> 5号堆垛机</label> |
| | | <label><input type="radio" name="crnSelect" value="1" checked> 1号RGV</label> |
| | | <label><input type="radio" name="crnSelect" value="2"> 2号RGV</label> |
| | | </div> |
| | | </div> |
| | | <!-- 源站/源库位 选择 --> |
| | |
| | | <button class="item" onclick="put()">入库</button> |
| | | <button class="item" onclick="take()">出库</button> |
| | | <button class="item" onclick="stockMove()">库位转移</button> |
| | | <button class="item" onclick="siteMove()">站到站</button> |
| | | <!-- <button class="item" onclick="siteMove()">站到站</button>--> |
| | | <!-- <button class="item" onclick="bacOrigin()">回原点</button>--> |
| | | <!-- <button class="item" onclick="reverseOrigin()">反原点</button>--> |
| | | <!-- <button class="item" onclick="coorMove()">坐标移行</button>--> |
| | |
| | | |
| | | // 堆垛机信息表获取 ---- 表一 |
| | | function getCrnStateInfo() { |
| | | var tableEl = $('#crn-state-table'); |
| | | var tableEl = $('#rgv-state-table'); |
| | | $.ajax({ |
| | | url: baseUrl+ "/crn/table/crn/state", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | |
| | | |
| | | // 堆垛机数据表获取 ---- 表二 |
| | | function getCrnMsgInfo() { |
| | | var tableEl = $('#crn-msg-table'); |
| | | var tableEl = $('#rgv-msg-table'); |
| | | $.ajax({ |
| | | url: baseUrl+ "/crn/table/crn/msg", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | |
| | | function initCrnStateTable(row) { |
| | | var line; |
| | | if (row === undefined){ |
| | | var one = $('#crn-state-table thead').height(); |
| | | var one = $('#rgv-state-table thead').height(); |
| | | var total = $('.crn-state').height(); |
| | | var count = total / one; |
| | | count = parseInt(count) - 1; |
| | |
| | | " <td></td>\n" + |
| | | " </tr>\n"; |
| | | } |
| | | $('#crn-state-table tbody').after(html); |
| | | $('#rgv-state-table tbody').after(html); |
| | | } |
| | | |
| | | // 堆垛机数据表获取 ----- 表二 |
| | | function initCrnMsgTable(row) { |
| | | var line; |
| | | if (row === undefined){ |
| | | var one = $('#crn-msg-table thead').height(); |
| | | var one = $('#rgv-msg-table thead').height(); |
| | | var total = $('.crn-msg').height(); |
| | | var count = total / one; |
| | | count = parseInt(count) - 1; |
| | |
| | | " <td></td>\n" + |
| | | " </tr>\n"; |
| | | } |
| | | $('#crn-msg-table tbody').after(html); |
| | | $('#rgv-msg-table tbody').after(html); |
| | | } |
| | | |
| | | // 日志输出框 |