|  |  | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/layui/css/layui.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/css/cool.css" media="all"> | 
 |  |  |     <link rel="stylesheet" href="../../static/wms/css/common.css" media="all"> | 
 |  |  |  | 
 |  |  | <!--    <script src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script>--> | 
 |  |  | <!--    <script src="../../static/wcs/js/layer/layer.js"></script>--> | 
 |  |  |     <script type="text/javascript" src="../../static/wms/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wms/layui/layui.js" charset="utf-8"></script> | 
 |  |  |     <script type="text/javascript" src="../../static/wms/js/common.js" charset="utf-8"></script> | 
 |  |  | 
 |  |  |                 <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode1"> | 
 |  |  |             <span style="color: red" id="code1">1</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode2"> | 
 |  |  |             <span style="color: red" id="code2">2</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode3"> | 
 |  |  |             <span style="color: red" id="code3">3</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode4"> | 
 |  |  |             <span style="color: red" id="code4">4</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode5"> | 
 |  |  |             <span style="color: red" id="code5">5</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode6"> | 
 |  |  |             <span style="color: red" id="code6">6</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode7"> | 
 |  |  |             <span style="color: red" id="code7">7</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="barcode8"> | 
 |  |  |             <span style="color: red" id="code8">8</span> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <!-- 货架 + 堆垛机 + 入库站点 --> | 
 |  |  |         <div class="main-part"> | 
 |  |  |  | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |  | 
 |  |  | <!--        <!–设备列表–>--> | 
 |  |  | <!--        <div class="device-info">--> | 
 |  |  | 
 |  |  | <!--        </div>--> | 
 |  |  |  | 
 |  |  |         <div id="body"> | 
 |  |  |  | 
 |  |  |             <!-- 总开关 --> | 
 |  |  |             <div class="system-state"> | 
 |  |  |                 <div class="body-head">总开关</div> | 
 |  |  | 
 |  |  |                         <span>堆垛机号:</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="form-item-input"> | 
 |  |  |                         <input type="text" name="crnNo" value=""> | 
 |  |  |                         <input type="text" name="crnNo" value="" id="crnNo"> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 工作号 --> | 
 |  |  | 
 |  |  |                         <input type="text" name="error" value=""> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 操作按钮 --> | 
 |  |  |                 <div class="form-item" style="display: flex;"> | 
 |  |  |                     <div class="form-item-input"> | 
 |  |  |                         <div>入库:开<input type="radio" name="pakIn" id="pakInY" value="1"> 关<input type="radio" name="pakIn" id="pakInN" value="0"/></div> | 
 |  |  |                         <div>出库:开<input type="radio" name="pakOut" id="pakOutY" value="1"> 关<input type="radio" name="pakOut" id="pakOutN" value="0"/></div> | 
 |  |  |                     </div> | 
 |  |  |                     <div><a id="crnCommand" class="layui-btn">下发命令</a></div> | 
 |  |  |                 </div> | 
 |  |  |             </form> | 
 |  |  |         </div> | 
 |  |  |         <!-- 输送设备弹窗 --> | 
 |  |  | 
 |  |  |                         <span>设备号:</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="form-item-input"> | 
 |  |  |                         <input type="text" name="siteId" value=""> | 
 |  |  |                         <input type="text" name="siteId" value="" id="devpSiteId"> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 工作号 --> | 
 |  |  | 
 |  |  |                         <span>工作号:</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="form-item-input"> | 
 |  |  |                         <input type="text" name="workNo" value=""> | 
 |  |  |                         <input type="text" name="workNo" value="" id="devpWorkNo"> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 工作状态 --> | 
 |  |  | 
 |  |  |                         <span>目标站:</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="form-item-input"> | 
 |  |  |                         <input type="text" name="staNo" value=""> | 
 |  |  |                         <input type="text" name="staNo" value="" id="devpStaNo"> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 源库位 --> | 
 |  |  | 
 |  |  |                         <input type="text" name="locNo" value=""> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |  | 
 |  |  |                 <!-- 操作按钮 --> | 
 |  |  |                 <div class="form-item"> | 
 |  |  |                     <a id="devpCommand" class="layui-btn">下发命令</a> | 
 |  |  |                 </div> | 
 |  |  |             </form> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | 
 |  |  |             }, | 
 |  |  |             method: 'post', | 
 |  |  |             success: function (res) { | 
 |  |  |                 console.log(res) | 
 |  |  |                 for (var val in res.data) { | 
 |  |  |                     var find = $("#crnWindow").find(":input[name='" + val + "']"); | 
 |  |  |                     if (find[0].type === 'text') { | 
 |  |  |                         find.val(res.data[val]); | 
 |  |  |                     } else if (find[0].type === 'checkbox') { | 
 |  |  |                         find.attr("checked", res.data[val] === 'Y'); | 
 |  |  |                     if (val === "inEnable") { | 
 |  |  |                         if (res.data[val] === 'Y') { | 
 |  |  |                             $("#pakInY").prop("checked", true); | 
 |  |  |                         }else{ | 
 |  |  |                             $("#pakInN").prop("checked", true); | 
 |  |  |                         } | 
 |  |  |                     }else if (val === "outEnable") { | 
 |  |  |                         if (res.data[val] === 'Y') { | 
 |  |  |                             $("#pakOutY").prop("checked", true); | 
 |  |  |                         }else{ | 
 |  |  |                             $("#pakOutN").prop("checked", true); | 
 |  |  |                         } | 
 |  |  |                     }else { | 
 |  |  |                         var find = $("#crnWindow").find(":input[name='" + val + "']"); | 
 |  |  |                         if (find[0].type === 'text') { | 
 |  |  |                             find.val(res.data[val]); | 
 |  |  |                         } else if (find[0].type === 'checkbox') { | 
 |  |  |                             find.attr("checked", res.data[val] === 'Y'); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  | 
 |  |  |                 if (res.code === 200) { | 
 |  |  |                     var barcodes = res.data; | 
 |  |  |                     for (var i = 0; i < barcodes.length; i++) { | 
 |  |  |                         $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue); | 
 |  |  |                         $("#code" + barcodes[i].barcodeId).html(barcodes[i].codeValue); | 
 |  |  |                     } | 
 |  |  |                 } else if (res.code === 403) { | 
 |  |  |                     parent.location.href = baseUrl + "/login"; | 
 |  |  | 
 |  |  |         $("#site-" + id).animate({top: targetTop + 'px'}, 1000); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     //下发输送线命令 | 
 |  |  |     $("#devpCommand").on("click", () => { | 
 |  |  |         let siteId = $("#devpSiteId").val()//设备id | 
 |  |  |         let wrkNo = $("#devpWorkNo").val()//工作号 | 
 |  |  |         let staNo = $("#devpStaNo").val()//目标站 | 
 |  |  |  | 
 |  |  |         $.ajax({ | 
 |  |  |             url: baseUrl+"/site/detl/update", | 
 |  |  |             headers: {'token': localStorage.getItem('token')}, | 
 |  |  |             data: { | 
 |  |  |                 devNo: siteId, | 
 |  |  |                 workNo: wrkNo, | 
 |  |  |                 staNo: staNo, | 
 |  |  |             }, | 
 |  |  |             method: 'POST', | 
 |  |  |             success: function (res) { | 
 |  |  |                 if (res.code === 200){ | 
 |  |  |                     layer.msg("下发成功",{icon: 1,}); | 
 |  |  |                 } else if (res.code === 403){ | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 }else { | 
 |  |  |                     layer.msg(res.msg, {icon: 2}); | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     //下发堆垛机命令 | 
 |  |  |     $("#crnCommand").on("click", () => { | 
 |  |  |         let crnNo = $("#crnNo").val()//设备id | 
 |  |  |         var pakIn = $('input[name="pakIn"]:checked').val(); | 
 |  |  |         var pakOut = $('input[name="pakOut"]:checked').val(); | 
 |  |  |  | 
 |  |  |         console.log(pakIn,pakOut) | 
 |  |  |  | 
 |  |  |         $.ajax({ | 
 |  |  |             url: baseUrl + "/basCrnp/update/auth", | 
 |  |  |             headers: { | 
 |  |  |                 'token': localStorage.getItem('token') | 
 |  |  |             }, | 
 |  |  |             data: { | 
 |  |  |                 crnNo: crnNo, | 
 |  |  |                 inEnable: pakIn == 1 ? "Y" : "N", | 
 |  |  |                 outEnable: pakOut == 1 ? "Y" : "N" | 
 |  |  |             }, | 
 |  |  |             method: 'POST', | 
 |  |  |             success: function (res) { | 
 |  |  |                 if (res.code === 200){ | 
 |  |  |                     layer.msg("下发成功",{icon: 1,}); | 
 |  |  |                 } else if (res.code === 403){ | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 }else { | 
 |  |  |                     layer.msg(res.msg, {icon: 2}); | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  | </script> |