| | |
| | | <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> |