| | |
| | | <title>穿梭车监控管理</title> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/normalize.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/common.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/layui/css/layui.css"> |
| | | <link rel="stylesheet" href="../static/css/ste.css"> |
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script type="text/javascript" src="../static/js/layer/layer.js"></script> |
| | | <script type="text/javascript" src="../static/layui/layui.js"></script> |
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
| | | </head> |
| | | <body> |
| | | <div style="padding: 10px;height: 100%;float: left;width: 6%"> |
| | |
| | | <!-- 日志监控板 --> |
| | | <div class="log-board"> |
| | | <div class="command-log"> |
| | | <h3>执行中的命令</h3> |
| | | <h3>穿梭车位置</h3> |
| | | <div class="ste-command-item"> |
| | | <label>1#</label> |
| | | <button id="demoBtn-1" class="demoBtn" onclick="changePosition()">修改位置</button> |
| | | <!-- <span> </span>--> |
| | | <button class="demoBtn" onclick="">所属堆垛机</button> |
| | | <div class="dropdown-menu"> |
| | | <button id="steBtn-1" class="demoBtn" onclick="changePosition(this.id)">修改位置</button> |
| | | <ul class="dropdown-menu-nav dark" > |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>当前穿梭机:</span><input type="text"></div> |
| | | <div class="form-item"><span>排:</span><input type="text"></div> |
| | | <div class="form-item"><span>列:</span><input type="text"></div> |
| | | <div class="form-item"><span>层:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | <div class="dropdown-menu"> |
| | | <button class="demoBtn" onclick="">所属堆垛机</button> |
| | | <ul class="dropdown-menu-nav dark"> |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>堆垛机号:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <div class="ste-command-item" style="margin-top: 25px"> |
| | | <label>2#</label> |
| | | <button id="demoBtn-2" class="demoBtn" onclick="">修改位置</button> |
| | | <!-- <span> </span>--> |
| | | <button class="demoBtn" onclick="">所属堆垛机</button> |
| | | <div class="dropdown-menu"> |
| | | <button id="steBtn-2" class="demoBtn" onclick="changePosition(this.id)">修改位置</button> |
| | | <ul class="dropdown-menu-nav dark" > |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>当前穿梭机:</span><input type="text"></div> |
| | | <div class="form-item"><span>排:</span><input type="text"></div> |
| | | <div class="form-item"><span>列:</span><input type="text"></div> |
| | | <div class="form-item"><span>层:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | <div class="dropdown-menu"> |
| | | <button class="demoBtn" onclick="">所属堆垛机</button> |
| | | <ul class="dropdown-menu-nav dark"> |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>堆垛机号:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <div class="ste-command-item" style="margin-top: 25px"> |
| | | <label>3#</label> |
| | | <button id="demoBtn-3" class="demoBtn" onclick="">修改位置</button> |
| | | <!-- <span> </span>--> |
| | | <div class="dropdown-menu"> |
| | | <button id="steBtn-3" class="demoBtn" onclick="changePosition(this.id)">修改位置</button> |
| | | <ul class="dropdown-menu-nav dark" > |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>当前穿梭机:</span><input type="text"></div> |
| | | <div class="form-item"><span>排:</span><input type="text"></div> |
| | | <div class="form-item"><span>列:</span><input type="text"></div> |
| | | <div class="form-item"><span>层:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | <div class="dropdown-menu"> |
| | | <button class="demoBtn" onclick="">所属堆垛机</button> |
| | | <ul class="dropdown-menu-nav dark"> |
| | | <div class="dropdown-anchor"></div> |
| | | <div class="form-item"><span>堆垛机号:</span><input type="text"></div> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 堆垛机状态位信息 --> |
| | |
| | | <fieldset> |
| | | <legend>手动操作</legend> |
| | | <div class="button-group"> |
| | | <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="bacOrigin()">左移库</button> |
| | | <button class="item" onclick="reverseOrigin()">右移库</button> |
| | | <button class="item" onclick="coorMove()">原点</button> |
| | | <button class="item" onclick="taskComplete()">远点 </button> |
| | | <button class="item" onclick="pause()">A 点</button> |
| | | <button class="item" onclick="boot()">B 点</button> |
| | | <button class="item" onclick="pause()">左搬移</button> |
| | | <button class="item" onclick="boot()">右搬移</button> |
| | | <button class="item" onclick="boot()">充电</button> |
| | | <button class="item" onclick="leftTake()">左出库</button> |
| | | <button class="item" onclick="rightTake()">右出库</button> |
| | | <button class="item" onclick="leftPut()">左入库</button> |
| | | <button class="item" onclick="rightPut()">右入库</button> |
| | | <button class="item" onclick="leftStockMove()">左移库</button> |
| | | <button class="item" onclick="rightStockMove()">右移库</button> |
| | | <button class="item" onclick="oOrigin()">原点</button> |
| | | <button class="item" onclick="farPoint()">远点</button> |
| | | <button class="item" onclick="aPoint()">A 点</button> |
| | | <button class="item" onclick="bPoint()">B 点</button> |
| | | <button class="item" onclick="moveLift()">左搬移</button> |
| | | <button class="item" onclick="moveRight()">右搬移</button> |
| | | <button class="item" onclick="charging()">充电</button> |
| | | <button class="item" onclick="pause()">左盘点</button> |
| | | <button class="item" onclick="boot()">右盘点</button> |
| | | <button class="item" onclick="boot()">任务完成</button> |
| | |
| | | </body> |
| | | </html> |
| | | <script> |
| | | function changePosition() { |
| | | |
| | | layui.config({ |
| | | base: baseUrl + "/static/layui/lay/modules/" |
| | | }).extend({ |
| | | dropdown: 'dropdown/dropdown', |
| | | }).use(['dropdown'],function () { |
| | | var dropdown = layui.dropdown; |
| | | }) |
| | | </script> |
| | | <script> |
| | | // 修改穿梭车位置 |
| | | function changePosition(id) { |
| | | console.log(id) |
| | | // $.ajax({ |
| | | // url: baseUrl + |
| | | // }) |
| | | } |
| | | // 穿梭车信息表获取 ---- 表一 |
| | | |
| | | function getSteStateInfo() { |
| | | var tableEl = $('ste-state-table'); |
| | | $.ajax({ |
| | | url: baseUrl + "/crn/table/crn/state", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'GET', |
| | | success: function (res) { |
| | | console.log(res) |
| | | |
| | | } |
| | | }) |
| | | } |
| | | setInterval(function () { |
| | | getSteStateInfo() |
| | | },1000) |
| | | </script> |