| | |
| | | <div id="shuttle-detl" style="display: none"> |
| | | <div> |
| | | <div class="form-item"> |
| | | <label class="form-label">四向穿梭车号:</label> |
| | | <label class="form-label">穿梭车号:</label> |
| | | <div class="form-input"> |
| | | <input id="shuttleNo" name="shuttleNo" class="layui-input" lay-verify="required|number" autocomplete="off" disabled="disabled"> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">排:</label> |
| | | <div class="form-input"> |
| | | <input id="row" name="row" type="number" class="layui-input" lay-verify="number" autocomplete="off"> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">列:</label> |
| | | <div class="form-input"> |
| | | <input id="bay" name="bay" type="number" class="layui-input" autocomplete="off"> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">层:</label> |
| | | <div class="form-input"> |
| | | <input id="lev" name="lev" type="number" class="layui-input" autocomplete="off"> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">作业标记:</label> |
| | | <div class="form-input"> |
| | | <input id="pakMk" name="pakMk" type="text" class="layui-input" autocomplete="off"> |
| | |
| | | <div class="form-item form-button-container"> |
| | | <button class="form-button" id="save">保存</button> |
| | | <button class="form-button" id="cancel" style="background-color: #D0D0D0">取消</button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div id="shuttle-detl2" style="display: none"> |
| | | <div style="width: 1400px"> |
| | | <div class="form-item" style="text-align: left"> |
| | | <spen style="margin: 20px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style:dotted;"> |
| | | 异常:<spen style="color: #FD482C;">✔</spen> |
| | | </spen> |
| | | <spen style="margin: 20px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style: double;"> |
| | | 正常:<spen style="color: #00FF00;">—</spen> |
| | | </spen> |
| | | </div> |
| | | <div style="float:left;margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style:dotted;"> |
| | | <div class="form-item" style="text-align: center"> |
| | | <label>四向穿梭车异常</label> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">四向穿梭车号:</label> |
| | | <div class="form-input"> |
| | | <input id="shuttleNo1" name="shuttleNo" class="layui-input" lay-verify="required|number" autocomplete="off" disabled="disabled" readonly> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <div style="float:left;margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style:dotted"> |
| | | <div class="form-item" style="text-align: center"> |
| | | <label>四向穿梭车提示信息</label> |
| | | </div> |
| | | |
| | | </div> |
| | | <div style="float:left;margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style:dotted"> |
| | | <div class="form-item" style="text-align: center"> |
| | | <label>任务信息</label> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">入库任务中:</label> |
| | | <div class="form-input"> |
| | | <input id="pakInTask" name="pakInTask" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">出库任务中:</label> |
| | | <div class="form-input"> |
| | | <input id="pakOutTask" name="pakOutTask" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">移库任务中:</label> |
| | | <div class="form-input"> |
| | | <input id="pakMoveTask" name="pakMoveTask" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">回原点任务中:</label> |
| | | <div class="form-input"> |
| | | <input id="goHpTask" name="goHpTask" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去反原点任务中:</label> |
| | | <div class="form-input"> |
| | | <input id="goOHpTask" name="goOHpTask" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去原点避让位:</label> |
| | | <div class="form-input"> |
| | | <input id="goHpAvoid" name="goHpAvoid" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去反原点避让位:</label> |
| | | <div class="form-input"> |
| | | <input id="goOHpAvoid" name="goOHpAvoid" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">入库取空结束:</label> |
| | | <div class="form-input"> |
| | | <input id="pakInEmpty" name="pakInEmpty" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">入库正常结束:</label> |
| | | <div class="form-input"> |
| | | <input id="pakInFinish" name="pakInFinish" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">出库取空结束:</label> |
| | | <div class="form-input"> |
| | | <input id="pakOutEmpty" name="pakOutEmpty" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">出库正常结束:</label> |
| | | <div class="form-input"> |
| | | <input id="pakOutFinish" name="pakOutFinish" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去原点避让完成:</label> |
| | | <div class="form-input"> |
| | | <input id="goHpAvoidFinish" name="goHpAvoidFinish" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去反原点避让完成:</label> |
| | | <div class="form-input"> |
| | | <input id="goOHpAvoidFinish" name="goOHpAvoidFinish" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去原点避让完成:</label> |
| | | <div class="form-input"> |
| | | <input id="goHpAvoidErr" name="goHpAvoidErr" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label class="form-label">去反原点避让完成:</label> |
| | | <div class="form-input"> |
| | | <input id="goOHpAvoidErr" name="goOHpAvoidErr" class="layui-input" autocomplete="off" readonly> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="float:left;margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;border: black;border-width: 3px;border-style:dotted"> |
| | | <div class="form-item" style="text-align: center"> |
| | | <label>状态信息</label> |
| | | </div> |
| | | <!-- <div class="form-item">--> |
| | | <!-- <label class="form-label">联机模式:</label>--> |
| | | <!-- <div class="form-input">--> |
| | | <!-- <input id="autoMode" name="autoMode" class="layui-input" autocomplete="off" readonly>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="form-item">--> |
| | | <!-- <label class="form-label">电压过低:</label>--> |
| | | <!-- <div class="form-input">--> |
| | | <!-- <input id="voltageLow" name="voltageLow" class="layui-input" autocomplete="off" readonly>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | } |
| | | |
| | | var layerIdx; |
| | | $(document).on('click ','.pos-btn', function () { |
| | | let shuttleNo = Number($(this).parent().attr("data-shuttleNo")); |
| | | layerIdx = layer.open({ |
| | | type: 1, |
| | | title: false, |
| | | shadeClose: true, |
| | | offset: [$(this).offset().top + 30 + 'px', $(this).offset().left + 'px'], |
| | | anim: 5, |
| | | shade: [0], |
| | | area: ['310px', '370px'], |
| | | closeBtn: 0, |
| | | content: $("#shuttle-detl"), |
| | | success: function(layero, index){ |
| | | http.get(baseUrl+ "/shuttle/detl/"+shuttleNo, null, function (res) { |
| | | $('#shuttleNo').val(shuttleNo); |
| | | $('#workNo').val(res.data.workNo); |
| | | $('#row').val(res.data.row); |
| | | $('#bay').val(res.data.bay); |
| | | $('#lev').val(res.data.lev); |
| | | $('#crnNo').val(res.data.crnNo); |
| | | $('#pakMk').val(res.data.pakMk); |
| | | }) |
| | | }, |
| | | end: function () { |
| | | $('#shuttleNo').val(""); |
| | | $('#workNo').val(""); |
| | | $('#row').val(""); |
| | | $('#bay').val(""); |
| | | $('#lev').val(""); |
| | | $('#crnNo').val(""); |
| | | $('#pakMk').val(""); |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | var layerIdx0; |
| | | $(document).on('click ','.mode-btn', function () { |
| | | let shuttleNo = Number($(this).parent().attr("data-shuttleNo")); |
| | | layerIdx0 = layer.open({ |
| | | type: 1, |
| | | title: false, |
| | | shadeClose: true, |
| | | offset: [$(this).offset().top + 30 + 'px', $(this).offset().left + 'px'], |
| | | anim: 5, |
| | | shade: [0], |
| | | area: ['70%', '85%'], |
| | | closeBtn: 0, |
| | | content: $("#shuttle-detl2"), |
| | | success: function(layero, index){ |
| | | console.log(shuttleNo) |
| | | http.get(baseUrl+ "/shuttle/sensor/detl/"+shuttleNo, null, function (res) { |
| | | $('#shuttleNo1').val(res.data.shuttleNo); |
| | | getColor(res.data.pakInTask,'#pakInTask'); |
| | | getColor(res.data.pakOutTask,'#pakOutTask'); |
| | | getColor(res.data.pakMoveTask,'#pakMoveTask'); |
| | | getColor(res.data.goHpTask,'#goHpTask'); |
| | | getColor(res.data.goOHpTask,'#goOHpTask'); |
| | | getColor(res.data.goHpAvoid,'#goHpAvoid'); |
| | | getColor(res.data.goOHpAvoid,'#goOHpAvoid'); |
| | | getColor(res.data.pakInEmpty,'#pakInEmpty'); |
| | | getColor(res.data.pakInFinish,'#pakInFinish'); |
| | | getColor(res.data.pakOutEmpty,'#pakOutEmpty'); |
| | | getColor(res.data.pakOutFinish,'#pakOutFinish'); |
| | | getColor(res.data.goHpAvoidFinish,'#goHpAvoidFinish'); |
| | | getColor(res.data.goOHpAvoidFinish,'#goOHpAvoidFinish'); |
| | | getColor(res.data.goHpAvoidErr,'#goHpAvoidErr'); |
| | | getColor(res.data.goOHpAvoidErr,'#goOHpAvoidErr'); |
| | | }) |
| | | }, |
| | | end: function () { |
| | | $('#shuttleNo').val(""); |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | function getColor(res,e){ |
| | | $(e).val(res?"✔":"—"); |
| | | if (res){ |
| | |
| | | http.post(baseUrl+ "/shuttle/detl/update", { |
| | | shuttleNo: $('#shuttleNo').val(), |
| | | workNo: $('#workNo').val(), |
| | | row: $('#row').val(), |
| | | bay: $('#bay').val(), |
| | | lev: $('#lev').val(), |
| | | crnNo: $('#crnNo').val(), |
| | | pakMk: $('#pakMk').val(), |
| | | }, function (res) { |
| | | layer.msg("修改成功", {icon: 1,}); |
| | | layer.close(layerIdx); |
| | | }) |
| | | }) |
| | | |
| | | $(document).on('click ','#cancel', function () { |
| | | layer.close(layerIdx); |
| | | }) |
| | | |
| | | function setShuttleRadio() { |
| | |
| | | }); |
| | | } |
| | | |
| | | // 详情操作 ------------------------------------------------------------------------- |
| | | var layerDetl; |
| | | $(document).on('dblclick ','#shuttle-msg-table tr', function () { |
| | | var shuttleNo = $(this).children("td").eq(0).html(); |
| | | if (shuttleNo !== null && shuttleNo !== "") { |
| | | layerDetl = layer.open({ |
| | | type: 1, |
| | | title: false, |
| | | shadeClose: true, |
| | | offset: 'rt', |
| | | anim: 5, |
| | | shade: [0], |
| | | area: ['340px', '255px'], |
| | | closeBtn: 0, |
| | | content: $("#shuttle-detl"), |
| | | success: function(layero, index){ |
| | | $.ajax({ |
| | | url: baseUrl+ "/shuttle/table/shuttle/msg", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | var table = res.data; |
| | | for (var i=1;i<=table.length;i++){ |
| | | if (shuttleNo == table[i-1].shuttleNo) { |
| | | $('#shuttleNo').val(shuttleNo); |
| | | $('#workNo').val(table[i-1].workNo); |
| | | $('#pakMk').val(table[i-1].pakMk); |
| | | } |
| | | } |
| | | } else if (res.code === 403){ |
| | | window.location.href = baseUrl+"/login"; |
| | | } else { |
| | | console.log(res.msg); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | end: function () { |
| | | $('#shuttleNo').val(""); |
| | | $('#workNo').val(""); |
| | | $('#pakMk').val(""); |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | |
| | | $(document).on('click ','#cancel', function () { |
| | | $('#shuttleNo').val(""); |
| | | $('#workNo').val(""); |
| | | $('#pakMk').val(""); |
| | | layer.close(layerDetl); |
| | | }) |
| | | |
| | | |
| | | </script> |