|  |  | 
 |  |  |     <script type="text/javascript" src="../static/js/common.js"></script> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |     <div style="padding: 10px;height: 100%;float: left;width: 6%"> | 
 |  |  |         <div class="button-window"></div> | 
 |  |  |     </div> | 
 |  |  |     <div style="height: 100%;padding-left: 6%"> | 
 |  |  |         <div style="padding: 10px;height: 100%"> | 
 |  |  |             <!-- 日志监控板 --> | 
 |  |  |             <div class="log-board"> | 
 |  |  |                 <div class="command-log"> | 
 |  |  |                     <div data-steNo="1" class="ste-command-item"> | 
 |  |  |                         <label>1#</label> | 
 |  |  |                         <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  | <!--                        <button id="mode-1" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                     </div> | 
 |  |  |                     <div data-steNo="2" class="ste-command-item"> | 
 |  |  |                         <label>2#</label> | 
 |  |  |                         <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  | <!--                        <button id="mode-2" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                     </div> | 
 |  |  |                     <div data-steNo="3" class="ste-command-item"> | 
 |  |  |                         <label>3#</label> | 
 |  |  |                         <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  | <!--                        <button id="mode-3" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                     </div> | 
 |  |  | <div style="padding: 10px;height: 100%;float: left;width: 6%"> | 
 |  |  |     <div class="button-window"></div> | 
 |  |  | </div> | 
 |  |  | <div style="height: 100%;padding-left: 6%"> | 
 |  |  |     <div style="padding: 10px;height: 100%"> | 
 |  |  |         <!-- 日志监控板 --> | 
 |  |  |         <div class="log-board"> | 
 |  |  |             <div class="command-log"> | 
 |  |  |                 <div data-steNo="1" class="ste-command-item" style="margin-top: 30px"> | 
 |  |  |                     <label>1#</label> | 
 |  |  |                     <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  |                     <!--                        <button id="mode-1" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 堆垛机状态位信息 --> | 
 |  |  |                 <div class="ste-state"> | 
 |  |  |                     <table id="ste-state-table"> | 
 |  |  |                         <thead> | 
 |  |  |                             <tr> | 
 |  |  |                                 <th>穿梭车</th> | 
 |  |  |                                 <th>模式</th> | 
 |  |  |                                 <th>状态</th> | 
 |  |  |                                 <th>有物</th> | 
 |  |  |                                 <th>在轨</th> | 
 |  |  |                                 <th>电量</th> | 
 |  |  |                                 <th>排</th> | 
 |  |  |                                 <th>列</th> | 
 |  |  |                                 <th>层</th> | 
 |  |  |                                 <th>等待WCS确认</th> | 
 |  |  |                                 <th>定位</th> | 
 |  |  |                                 <th>充电状态</th> | 
 |  |  |                                 <th>报警信息1</th> | 
 |  |  |                                 <th>报警信息2</th> | 
 |  |  |                             </tr> | 
 |  |  |                         </thead> | 
 |  |  |                         <tbody> | 
 |  |  |                         </tbody> | 
 |  |  |                     </table> | 
 |  |  |                 <div data-steNo="2" class="ste-command-item" style="margin-top: 30px"> | 
 |  |  |                     <label>2#</label> | 
 |  |  |                     <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  |                     <!--                        <button id="mode-2" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                 </div> | 
 |  |  |                 <div data-steNo="3" class="ste-command-item" style="margin-top: 30px"> | 
 |  |  |                     <label>3#</label> | 
 |  |  |                     <button class="demoBtn pos-btn">数据维护</button> | 
 |  |  |                     <!--                        <button id="mode-3" class="demoBtn mode-btn" > - </button>--> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <!-- 穿梭车状态 --> | 
 |  |  |             <div class="ste-msg"> | 
 |  |  |                 <table id="ste-msg-table"> | 
 |  |  |             <!-- 堆垛机状态位信息 --> | 
 |  |  |             <div class="ste-state"> | 
 |  |  |                 <table id="ste-state-table"> | 
 |  |  |                     <thead> | 
 |  |  |                         <tr> | 
 |  |  |                             <th>穿梭车</th> | 
 |  |  |                             <th>工作号</th> | 
 |  |  |                             <th>状态</th> | 
 |  |  |                             <th>源站</th> | 
 |  |  |                             <th>目标站</th> | 
 |  |  |                             <th>源库位</th> | 
 |  |  |                             <th>目标库位</th> | 
 |  |  |                             <th>速度</th> | 
 |  |  |                             <th>近点距离</th> | 
 |  |  |                             <th>作业标记</th> | 
 |  |  |                         </tr> | 
 |  |  |                     <tr> | 
 |  |  |                         <th>穿梭车</th> | 
 |  |  |                         <th>模式</th> | 
 |  |  |                         <th>状态</th> | 
 |  |  |                         <th>有物</th> | 
 |  |  |                         <th>在轨</th> | 
 |  |  |                         <th>电量</th> | 
 |  |  |                         <th>排</th> | 
 |  |  |                         <th>列</th> | 
 |  |  |                         <th>层</th> | 
 |  |  |                         <th>等待WCS确认</th> | 
 |  |  |                         <th>定位</th> | 
 |  |  |                         <th>充电状态</th> | 
 |  |  |                         <th>报警信息1</th> | 
 |  |  |                         <th>设备信息</th> | 
 |  |  |                     </tr> | 
 |  |  |                     </thead> | 
 |  |  |                     <tbody> | 
 |  |  |                     </tbody> | 
 |  |  |                 </table> | 
 |  |  |             </div> | 
 |  |  |             <!-- 手动操作 --> | 
 |  |  |             <div class="ste-operation"> | 
 |  |  |                 <!-- 遮罩层 --> | 
 |  |  |                 <div class="ste-operation-shade"> | 
 |  |  |         </div> | 
 |  |  |         <!-- 穿梭车状态 --> | 
 |  |  |         <div class="ste-msg"> | 
 |  |  |             <table id="ste-msg-table"> | 
 |  |  |                 <thead> | 
 |  |  |                 <tr> | 
 |  |  |                     <th>穿梭车</th> | 
 |  |  |                     <th>工作号</th> | 
 |  |  |                     <th>状态</th> | 
 |  |  |                     <th>源站</th> | 
 |  |  |                     <th>目标站</th> | 
 |  |  |                     <th>源库位</th> | 
 |  |  |                     <th>目标库位</th> | 
 |  |  |                     <th>速度</th> | 
 |  |  |                     <th>近点距离</th> | 
 |  |  |                     <th>作业标记</th> | 
 |  |  |                 </tr> | 
 |  |  |                 </thead> | 
 |  |  |                 <tbody> | 
 |  |  |                 </tbody> | 
 |  |  |             </table> | 
 |  |  |         </div> | 
 |  |  |         <!-- 手动操作 --> | 
 |  |  |         <div class="ste-operation"> | 
 |  |  |             <!-- 遮罩层 --> | 
 |  |  |             <div class="ste-operation-shade"> | 
 |  |  |                     <span class="ste-operation-shade-span"> | 
 |  |  |                         WCS 系统运行中,请停止后操作 | 
 |  |  |                     </span> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 设备任务选择 --> | 
 |  |  |                 <div class="task-select"> | 
 |  |  |                     <!-- 选择 --> | 
 |  |  |                     <div id="ste-select" class="operator-item"> | 
 |  |  |                         <span class="select-title">穿梭车号</span> | 
 |  |  |                         <div class="select-container"> | 
 |  |  |                             <label><input type="radio" name="steSelect" value="1" checked> 1号穿梭车</label> | 
 |  |  |                             <label><input type="radio" name="steSelect" value="2"> 2号穿梭车</label> | 
 |  |  |                             <label><input type="radio" name="steSelect" value="3"> 3号穿梭车</label> | 
 |  |  |                         </div> | 
 |  |  |             </div> | 
 |  |  |             <!-- 设备任务选择 --> | 
 |  |  |             <div class="task-select"> | 
 |  |  |                 <!-- 选择 --> | 
 |  |  |                 <div id="ste-select" class="operator-item"> | 
 |  |  |                     <span class="select-title">穿梭车号</span> | 
 |  |  |                     <div class="select-container"> | 
 |  |  |                         <label><input type="radio" name="steSelect" value="1" checked> 1号穿梭车</label> | 
 |  |  |                         <label><input type="radio" name="steSelect" value="2"> 2号穿梭车</label> | 
 |  |  |                         <label><input type="radio" name="steSelect" value="3"> 3号穿梭车</label> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 设备任务操作 --> | 
 |  |  |                 <div class="task-operator"> | 
 |  |  |                     <fieldset> | 
 |  |  |                         <legend>手动操作</legend> | 
 |  |  |                         <div class="button-group"> | 
 |  |  |                             <button class="item" onclick="steOperator(99)">联机</button> | 
 |  |  |                             <button class="item" onclick="steOperator(100)">脱机</button> | 
 |  |  |                             <button class="item" onclick="steOperator(1)">向右出库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(2)">向左出库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(3)">从右入库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(4)">从左入库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(5)">左移库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(6)">右移库</button> | 
 |  |  |                             <button class="item" onclick="steOperator(7)">去右端</button> | 
 |  |  |                             <button class="item" onclick="steOperator(8)">去左端</button> | 
 |  |  |                             <button class="item" onclick="steOperator(9)">右待机</button> | 
 |  |  |                             <button class="item" onclick="steOperator(10)">左待机</button> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(11)">左搬移</button>--> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(12)">右搬移</button>--> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(13)">左充电</button>--> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(14)">右充电</button>--> | 
 |  |  |                             <button class="item" onclick="steOperator(20)">断开充电桩</button> | 
 |  |  |                             <button class="item" onclick="steOperator(21)">小车充电结束</button> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(14)">左盘点</button>--> | 
 |  |  | <!--                            <button class="item" onclick="steOperator(15)">右盘点</button>--> | 
 |  |  |                             <button class="item" onclick="steOperator(16)">任务完成</button> | 
 |  |  |  | 
 |  |  |                         </div> | 
 |  |  |                     </fieldset> | 
 |  |  |                 </div> | 
 |  |  |  | 
 |  |  |             </div> | 
 |  |  |             <!-- 穿梭车日志输出 --> | 
 |  |  |             <div class="ste-output-board"> | 
 |  |  |                 <textarea id="ste-output"></textarea> | 
 |  |  |             <!-- 设备任务操作 --> | 
 |  |  |             <div class="task-operator"> | 
 |  |  |                 <fieldset> | 
 |  |  |                     <legend>手动操作</legend> | 
 |  |  |                     <div class="button-group"> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(99)">联机</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(100)">脱机</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(1)">向左出库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(2)">向右出库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(3)">从左入库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(4)">从右入库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(5)">左移库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(6)">右移库</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(8)">去左端</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(7)">去右端</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(10)">左待机</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(9)">右待机</button>--> | 
 |  |  |                         <!--                            <button class="item" onclick="steOperator(11)">左搬移</button>--> | 
 |  |  |                         <!--                            <button class="item" onclick="steOperator(12)">右搬移</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(13)">左充电</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(14)">右充电</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(17)">断开充电</button>--> | 
 |  |  |                         <!--                            <button class="item" onclick="steOperator(14)">左盘点</button>--> | 
 |  |  |                         <!--                            <button class="item" onclick="steOperator(15)">右盘点</button>--> | 
 |  |  | <!--                        <button class="item" onclick="steOperator(16)">任务完成</button>--> | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </fieldset> | 
 |  |  |             </div> | 
 |  |  |  | 
 |  |  |         </div> | 
 |  |  |         <!-- 穿梭车日志输出 --> | 
 |  |  |         <div class="ste-output-board"> | 
 |  |  |             <textarea id="ste-output"></textarea> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  |     <div id="ste-detl" style="display: none"> | 
 |  |  |         <div> | 
 |  |  | 
 |  |  |                 <button class="form-button" id="save">保存</button> | 
 |  |  |                 <button class="form-button" id="cancel" style="background-color: #D0D0D0">取消</button> | 
 |  |  |             </div> | 
 |  |  |         </di> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | </body> | 
 |  |  | </html> |