|  |  |  | 
|---|
|  |  |  | <!--            <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 class="crn-command-item"> | 
|---|
|  |  |  | <label>6#</label> | 
|---|
|  |  |  | <!--          <button id="demoBtn-6" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>--> | 
|---|
|  |  |  | <!--            <span> </span>--> | 
|---|
|  |  |  | <input id="crn6" 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 class="crn-command-item">--> | 
|---|
|  |  |  | <!--          <label>6#</label>--> | 
|---|
|  |  |  | <!--<!–          <button id="demoBtn-6" class="demoBtn" onclick="demoSwitch(this.id)"> - </button>–>--> | 
|---|
|  |  |  | <!--          <!–            <span> </span>–>--> | 
|---|
|  |  |  | <!--          <input id="crn6" disabled="disabled">--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 堆垛机状态位信息 --> | 
|---|
|  |  |  | <div class="crn-state"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="crn-operation"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 遮罩层 --> | 
|---|
|  |  |  | <div class="crn-operation-shade"> | 
|---|
|  |  |  | <span class="crn-operation-shade-span"> | 
|---|
|  |  |  | WCS 系统运行中,请停止后操作 | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--      <div class="crn-operation-shade">--> | 
|---|
|  |  |  | <!--        <span class="crn-operation-shade-span">--> | 
|---|
|  |  |  | <!--            WCS 系统运行中,请停止后操作--> | 
|---|
|  |  |  | <!--        </span>--> | 
|---|
|  |  |  | <!--      </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 设备任务选择 --> | 
|---|
|  |  |  | <div class="task-select"> | 
|---|
|  |  |  | <!-- 堆垛机选择 --> | 
|---|
|  |  |  | <div id="crn-select" class="operator-item" style="width: 55%"> | 
|---|
|  |  |  | <span class="select-title">堆垛机号</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="6"> 6号堆垛机</label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--        <div id="crn-select" class="operator-item" style="width: 55%">--> | 
|---|
|  |  |  | <!--          <span class="select-title">堆垛机号</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="6"> 6号堆垛机</label>--> | 
|---|
|  |  |  | <!--          </div>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | <!-- 源站/源库位 选择 --> | 
|---|
|  |  |  | <div id="source-select" class="operator-item"> | 
|---|
|  |  |  | <span class="select-title">源站/源库位</span> | 
|---|
|  |  |  | <div class="select-container"> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>站</span> | 
|---|
|  |  |  | <label><input id="sourceStaNo" type="number" name="points" min="0" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>排</span> | 
|---|
|  |  |  | <label><input id="sourceRow" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>列</span> | 
|---|
|  |  |  | <label><input id="sourceBay" type="number" name="points" min="0" style="background-color: #a9eeff" value="0" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>层</span> | 
|---|
|  |  |  | <label><input id="sourceLev" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 目标站/目标库位 选择 --> | 
|---|
|  |  |  | <div id="target-select" class="operator-item"> | 
|---|
|  |  |  | <span class="select-title">目标站/目标库位</span> | 
|---|
|  |  |  | <div class="select-container"> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>站</span> | 
|---|
|  |  |  | <label><input id="staNo" type="number" name="points" min="0" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>排</span> | 
|---|
|  |  |  | <label><input id="row" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>列</span> | 
|---|
|  |  |  | <label><input id="bay" type="number" name="points" min="0" style="background-color: #a9eeff" value="0" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="select-container-item"> | 
|---|
|  |  |  | <span>层</span> | 
|---|
|  |  |  | <label><input id="lev" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--        <div id="source-select" class="operator-item">--> | 
|---|
|  |  |  | <!--          <span class="select-title">源站/源库位</span>--> | 
|---|
|  |  |  | <!--          <div class="select-container">--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>站</span>--> | 
|---|
|  |  |  | <!--              <label><input id="sourceStaNo" type="number" name="points" min="0" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>排</span>--> | 
|---|
|  |  |  | <!--              <label><input id="sourceRow" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>列</span>--> | 
|---|
|  |  |  | <!--              <label><input id="sourceBay" type="number" name="points" min="0" style="background-color: #a9eeff" value="0" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>层</span>--> | 
|---|
|  |  |  | <!--              <label><input id="sourceLev" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--          </div>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | <!--        <!– 目标站/目标库位 选择 –>--> | 
|---|
|  |  |  | <!--        <div id="target-select" class="operator-item">--> | 
|---|
|  |  |  | <!--          <span class="select-title">目标站/目标库位</span>--> | 
|---|
|  |  |  | <!--          <div class="select-container">--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>站</span>--> | 
|---|
|  |  |  | <!--              <label><input id="staNo" type="number" name="points" min="0" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>排</span>--> | 
|---|
|  |  |  | <!--              <label><input id="row" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>列</span>--> | 
|---|
|  |  |  | <!--              <label><input id="bay" type="number" name="points" min="0" style="background-color: #a9eeff" value="0" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--            <div class="select-container-item">--> | 
|---|
|  |  |  | <!--              <span>层</span>--> | 
|---|
|  |  |  | <!--              <label><input id="lev" type="number" name="points" min="1" style="background-color: #a9eeff" value="1" /></label>--> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--          </div>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 设备任务操作 --> | 
|---|
|  |  |  | <div class="task-operator"> | 
|---|
|  |  |  | <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()">暂停</button>--> | 
|---|
|  |  |  | <!--                <button class="item" onclick="boot()">启动</button>--> | 
|---|
|  |  |  | <button class="item" onclick="clearCommand()">清除命令</button> | 
|---|
|  |  |  | <button class="item" onclick="handleReset()">复位</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </fieldset> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--      <!– 设备任务操作 –>--> | 
|---|
|  |  |  | <!--      <div class="task-operator">--> | 
|---|
|  |  |  | <!--        <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()">暂停</button>–>--> | 
|---|
|  |  |  | <!--            <!–                <button class="item" onclick="boot()">启动</button>–>--> | 
|---|
|  |  |  | <!--            <button class="item" onclick="clearCommand()">清除命令</button>--> | 
|---|
|  |  |  | <!--            <button class="item" onclick="handleReset()">复位</button>--> | 
|---|
|  |  |  | <!--          </div>--> | 
|---|
|  |  |  | <!--        </fieldset>--> | 
|---|
|  |  |  | <!--      </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 堆垛机日志输出 --> | 
|---|