|  |  | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <title>自动仓库wcs系统</title> | 
 |  |  |     <link rel="stylesheet" href="../../static/wcs/css/render.css"> | 
 |  |  |     <script src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script> | 
 |  |  |     <script src="../../static/wcs/js/layer/layer.js"></script> | 
 |  |  |     <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 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> | 
 |  |  |     <script type="text/javascript" src="../../static/wms/js/cool.js" charset="utf-8"></script> | 
 |  |  |     <!--地图json--> | 
 |  |  |     <script src="../../static/wcs/js/console.map.js"></script> | 
 |  |  |     <script src="../../static/wcs/js/console.js"></script> | 
 |  |  |     <script src="../../static/wcs/js/common.js"></script> | 
 |  |  |  | 
 |  |  |  | 
 |  |  | </head> | 
 |  |  | <script type="text/html" id="errorTpl"> | 
 |  |  |     {{# if( d.error === false ){ }} | 
 |  |  |     <span name="level" class="layui-badge layui-badge-green">正常</span> | 
 |  |  |     {{# } else { }} | 
 |  |  |     <span name="level" class="layui-badge layui-badge-red">异常</span> | 
 |  |  |     {{# } }} | 
 |  |  | </script> | 
 |  |  | <body> | 
 |  |  |     <div id="main"> | 
 |  |  |         <div class="head"> | 
 |  |  | 
 |  |  |                 <h1>自动仓库WCS监控图</h1> | 
 |  |  |                 <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> | 
 |  |  |             </div> | 
 |  |  |             <div class="head-right"> | 
 |  |  |                 <img src="../../static/wcs/images/zy-logo.png" alt="中扬" height="44" width="80"> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <!-- 货架 + 堆垛机 + 入库站点 --> | 
 |  |  |         <div class="main-part"> | 
 |  |  |  | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  | <!--        <!–设备列表–>--> | 
 |  |  | <!--        <div class="device-info">--> | 
 |  |  | <!--            <table class="layui-hide" id="deviceInfo" lay-filter="deviceInfo"></table>--> | 
 |  |  | <!--        </div>--> | 
 |  |  |  | 
 |  |  |         <div id="body"> | 
 |  |  |             <!-- 总开关 --> | 
 |  |  |             <div class="system-state"> | 
 |  |  | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <div class="bar-code"> | 
 |  |  |                 <div class="body-head" id="code">磅秤</div> | 
 |  |  |                 <div class="body-head" id="code">条码扫描器</div> | 
 |  |  |                 <div class="tablebox"> | 
 |  |  |                     <div class="table-head"> | 
 |  |  |                         <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> | 
 |  |  |                         <li><span>条码名称</span><span class="right">扫码时间</span></li> | 
 |  |  |                     </div> | 
 |  |  |                     <div id="scale1" class="table-body"> | 
 |  |  |                     <div id="barcode1" class="table-body"> | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="tablebox"> | 
 |  |  |                     <div class="table-head"> | 
 |  |  |                         <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> | 
 |  |  |                         <li><span>条码名称</span><span class="right">扫码时间</span></li> | 
 |  |  |                     </div> | 
 |  |  |                     <div id="scale2" class="table-body"> | 
 |  |  |                     <div id="barcode2" class="table-body"> | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="tablebox"> | 
 |  |  |                     <div class="table-head"> | 
 |  |  |                         <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> | 
 |  |  |                         <li><span>条码名称</span><span class="right">扫码时间</span></li> | 
 |  |  |                     </div> | 
 |  |  |                     <div id="scale3" class="table-body"> | 
 |  |  |                     <div id="barcode3" class="table-body"> | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </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> | 
 |  |  | 
 |  |  | </script> | 
 |  |  | <script type="text/javascript"> | 
 |  |  |     // 弹窗站点信息 | 
 |  |  |     $('.site').on('click', function () { | 
 |  |  |     $("body").on('click', '.site', function (e) { | 
 |  |  |         console.log(e) | 
 |  |  |         var id = this.id.split("-")[1]; | 
 |  |  |         $("#siteWindow").attr("style", "display:block;");//显示div | 
 |  |  |         $("#crnWindow").attr("style", "display:none;"); | 
 |  |  | 
 |  |  |  | 
 |  |  |     }); | 
 |  |  |     // 堆垛机信息 | 
 |  |  |     $('.machine').on('click', function () { | 
 |  |  |     $("body").on('click', '.machine', function () { | 
 |  |  |         var id = this.id.split("-")[1]; | 
 |  |  |         $("#crnWindow").attr('style', 'display:block;'); | 
 |  |  |         $("#siteWindow").attr("style", "display:none;"); | 
 |  |  | 
 |  |  |             }, | 
 |  |  |             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'); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |         }) | 
 |  |  |  | 
 |  |  |     }) | 
 |  |  |     }); | 
 |  |  |     // 弹窗关闭 | 
 |  |  |     $('button').on('click', function () { | 
 |  |  |         $('#siteWindow').attr('style', 'display:none') | 
 |  |  | 
 |  |  |                         // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); | 
 |  |  |                         // crns[i].bay = 1; | 
 |  |  |  | 
 |  |  |                         var offSet = 390; | 
 |  |  |                         var offSet = 800; | 
 |  |  |                         // crns[i].bay = 41; | 
 |  |  |                         if(crns[i].bay === 1){ | 
 |  |  |                             crnEl.animate({left: offSet + 'px'}, 1000); | 
 |  |  | 
 |  |  |         $("#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> |