<!DOCTYPE html>
|
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../static/css/cool.css" media="all">
|
<link rel="stylesheet" href="../../static/css/common.css" media="all">
|
</head>
|
<body>
|
|
<!-- 搜索栏 -->
|
<div id="search-box" class="layui-form layui-card-header">
|
<div class="layui-inline">
|
<label class="layui-form-label">楼层：</label>
|
<div class="layui-input-inline">
|
<select id="floorSelect" name="row" lay-filter="floorSelect">
|
<option value="1">1楼</option>
|
<option value="3">3楼</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 120px">缓存货架站：</label>
|
<div class="layui-input-inline">
|
<select id="rowSelect" name="row" lay-filter="rowSelect">
|
<option value="CS-101">1号</option>
|
<option value="CS-102">2号</option>
|
</select>
|
</div>
|
</div>
|
|
<!-- 待添加 -->
|
<div id="data-search-btn" class="layui-btn-container layui-form-item">
|
<button id="searchByStaion" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="searchByStaion">搜索</button>
|
<button id="checkAll" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="checkAll">全选</button>
|
<button id="uncheckAll" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="uncheckAll">反选</button>
|
<button id="start" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="start">启动入库</button>
|
</div>
|
</div>
|
|
<div id="basDevpContain">
|
<table class="layui-table" id="basDevpMap" lay-filter="basDevpMap"></table>
|
</div>
|
|
<script type="text/template" id="basDevpMapTemplate">
|
<tbody id="tb">
|
{{#each body}}
|
<tr style="height: 280px">
|
{{#each loc}}
|
<td class="a-loc" title="{{devNo}}" style="background-color:blue;color:white">
|
<div class="layui-card-body" >
|
<div style="float:left; width:15%;">
|
<input type="checkbox" lay-skin="primary" name="cardCheckBox" value="{{devNo}}"/>
|
</div>
|
<div style="float:right; width:85%;">
|
<!-- <div>-->
|
<!-- <button type="button" class="layui-btn layui-btn-normal" value="{{devNo}}">拣料入库</button>-->
|
<!-- </div>-->
|
|
{{#if containerMoveOutFlag}}
|
<div style=" padding-bottom: 20px">
|
<button type="button" class="layui-btn layui-btn-normal" value="{{devNo}}" lay-submit lay-filter="containerMoveOut">货架离场</button>
|
</div>
|
{{/if}}
|
{{#if pickInFlag}}
|
<div style=" padding-bottom: 20px">
|
<button type="button" class="layui-btn layui-btn-normal" value="{{devNo}}" lay-submit lay-filter="pickIn">拣料/盘点入库</button>
|
</div>
|
{{/if}}
|
<div>
|
工作站编码：{{devNo}} </br>
|
站点状态：{{locSts$}}
|
</div>
|
{{#if agvWaitPakin}}
|
<div style="padding-top: 10px;">
|
{{#if agvWaitPakin.orderNo}}
|
订单号：{{agvWaitPakin.orderNo}} </br>
|
{{/if}}
|
物料号：{{agvWaitPakin.matnr}} </br>
|
{{#if agvWaitPakin.batch}}
|
序列码：{{agvWaitPakin.batch}} </br>
|
{{/if}}
|
货架码：{{agvWaitPakin.suppCode}} </br>
|
数量：{{agvWaitPakin.anfme}}
|
</div>
|
{{/if}}
|
{{#if agvWrkMast}}
|
<div style="padding-top: 10px;">
|
工作号：{{agvWrkMast.wrkNo}} </br>
|
工作状态：{{agvWrkMast.wrkSts$ }} </br>
|
工作类型：{{agvWrkMast.ioType$}}
|
</div>
|
{{/if}}
|
{{#if agvWrkDetl}}
|
<div style="padding-top: 10px;">
|
{{#if agvWrkDetl.orderNo}}
|
订单号：{{agvWrkDetl.orderNo}} </br>
|
{{/if}}
|
物料号：{{agvWrkDetl.matnr}} </br>
|
{{#if agvWrkDetl.batch}}
|
序列码：{{agvWrkDetl.batch}} </br>
|
{{/if}}
|
货架码：{{agvWrkDetl.suppCode}} </br>
|
取货数量：{{agvWrkDetl.anfme}} 结余数量：{{agvWrkDetl.volume}}
|
</div>
|
{{/if}}
|
</div>
|
</div>
|
</td>
|
{{/each}}
|
</tr>
|
{{/each}}
|
</tbody>
|
</script>
|
|
<!--明细表-->
|
<div id="detlTable" style="display: none">
|
<div class="layui-inline" style="width:90%;margin-top: 10px;margin-left: 20px">
|
<span style=" color: indianred">以下为当前站点的物料明细</span>
|
</div>
|
|
<table class="layui-hide" id="basDevpDetl" lay-filter="locDetlByMap"></table>
|
</div>
|
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/agvBasDevpVisualized/basDevp.js" charset="utf-8"></script>
|
|
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>
|
|
</body>
|
|
<script type="text/javascript">
|
layui.use(['table','laydate', 'form'], function(){
|
var form = layui.form;
|
var $ =layui.jquery;
|
var table = layui.table;
|
var layer = layui.layer;
|
var param = {'stationCode' : 'CS-101'};
|
loadData(param);
|
|
form.on('select(floorSelect)', function (data) {
|
|
$('#rowSelect').empty();
|
if(data.value == 1){
|
$('#rowSelect').append("<option value=CS-101>101</option>");
|
$('#rowSelect').append("<option value=CS-102>102</option>")
|
}
|
if(data.value == 3){
|
$('#rowSelect').append("<option value=CS-305>305</option>");
|
$('#rowSelect').append("<option value=CS-306>306</option>");
|
$('#rowSelect').append("<option value=CS-307>307</option>");
|
$('#rowSelect').append("<option value=CS-308>308</option>")
|
$('#rowSelect').append("<option value=CS-309>309</option>")
|
}
|
form.render();
|
|
});
|
|
// 搜索
|
// form.on('submit(search)', function (data) {
|
// param = null;
|
// param = {'stationCode' : $('#rowSelect').val()};
|
// loadData(param);
|
// });
|
|
//全选
|
form.on('submit(checkAll)', function () {
|
var cks = document.querySelectorAll("#tb input");
|
for (var i = 0; i < cks.length; i++) {
|
cks[i].checked = true;
|
}
|
});
|
|
//搜索
|
form.on('submit(searchByStaion)', function () {
|
console.log("search.....")
|
param = null;
|
param = {'stationCode' : $('#rowSelect').val()};
|
loadData(param);
|
});
|
|
//反选
|
form.on('submit(uncheckAll)', function () {
|
var cks = document.querySelectorAll("#tb input");
|
for (var i = 0; i < cks.length; i++) {
|
cks[i].checked = !cks[i].checked;
|
}
|
});
|
|
//货架离场
|
form.on('submit(containerMoveOut)', function () {
|
var devNoList = [];
|
devNoList.push(this.value);
|
var moveOutParam = {'devNo' : devNoList};
|
$.ajax({
|
url: baseUrl+"/agv/basDevp/visualized/container/moveOut",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify(moveOutParam),
|
dataType:'json',
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
layer.msg(res.msg);
|
loadData(param);
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
})
|
|
});
|
|
//拣料/盘点入库
|
form.on('submit(pickIn)', function () {
|
var devNoList = [];
|
devNoList.push(this.value);
|
var pickInParam = {'devNo' : devNoList};
|
$.ajax({
|
url: baseUrl+"/agv/basDevp/visualized/container/pickIn",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify(pickInParam),
|
dataType:'json',
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
layer.msg(res.msg);
|
loadData(param);
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
})
|
});
|
|
//启动入库
|
form.on('submit(start)', function () {
|
var cks = document.querySelectorAll("#tb input");
|
var devNoList = new Array();
|
for (var i = 0; i < cks.length; i++) {
|
if(cks[i].checked){
|
devNoList.push(cks[i].value);
|
}
|
}
|
var param = {'devNo' : devNoList};
|
$.ajax({
|
url: baseUrl+"/agvMobile/pakin/auth",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify(param),
|
dataType:'json',
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
layer.msg(res.msg)
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
})
|
});
|
|
//定时刷新数据
|
//setInterval(loadData(param), 1000);
|
|
// setInterval(function() {
|
// loadData(param);
|
// }, 1000);
|
|
function loadData(param){
|
$.ajax({
|
url: baseUrl+"/agv/basDevp/visualized/list/auth",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify(param),
|
dataType:'json',
|
contentType:'application/json;charset=UTF-8',
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
var tpl = $("#basDevpMapTemplate").html();
|
var template = Handlebars.compile(tpl);
|
var html = template(res.data);
|
$('#basDevpMap').html(html);
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
}else {
|
layer.msg(res.msg)
|
}
|
}
|
})
|
}
|
|
});
|
|
</script>
|
</html>
|
