var layer;
|
var timer;
|
var screen = true;
|
var pageNo = 1;
|
var pageSize = 15;
|
var pageTotal = 1;
|
var completePageNo = 1;
|
var completePageSize = 6;
|
var completePageTotal = 1;
|
var inoutData = {};
|
var mapDepot = {};
|
$(function() {
|
layui.use([ 'layer', 'laydate', 'form' ], function() {
|
layer = layui.layer;
|
// 初始页面
|
init();
|
$("body").dblclick(function() {
|
if (screen) {
|
requestFullScreen();
|
} else {
|
exitFullscreen();
|
}
|
});
|
});
|
});
|
|
function init() {
|
// 初始背景效果
|
initBg();
|
initTime();
|
initDicSlogan();
|
initWeather();
|
//将仓库集合转map，供后面使用
|
depotListToMap();
|
|
clearInterval(timer);
|
timing();
|
// 初始化WebSocket
|
initWS(deptId, bizType, bizTag, userId);
|
initInoutData();
|
};
|
|
// socket信息返回處理
|
function socketOnMessage(pocket) {
|
console.log(pocket);
|
if (pocket.bizId == "slogan") {
|
var data = pocket.data;
|
dicSlogan = data;
|
initDicSlogan();
|
}
|
if (pocket.bizId == "weather") {
|
weatherInfo = pocket.data;
|
initWeather()
|
}
|
if (pocket.bizId == "IN_OUT_SUMMARY") {
|
inoutData = pocket.data;
|
renderSumData(inoutData);
|
renderinoutData(inoutData.curList,pageNo);
|
renderinoutCompleteData(inoutData.complateList,completePageNo);
|
}
|
|
};
|
|
/**
|
* 通知后台推送一次出入库数据
|
*/
|
function initInoutData(){
|
$.ajax({
|
type : "POST",
|
url : "../../basic/databoard/init-inout-data",
|
dataType : "json",
|
contentType : "application/json;charset=UTF-8",
|
data : JSON.stringify({
|
"companyId" : companyId
|
}),
|
success : function() {
|
console.log("初始成功！");
|
},
|
error : function(error) {
|
console.log(error);
|
console.log("初始失败！");
|
}
|
});
|
}
|
|
function timing() {
|
timer = setInterval(function() {
|
pageNo++;
|
if (pageNo > pageTotal) {
|
pageNo = 1;
|
}
|
renderinoutData(inoutData.curList,pageNo);
|
completePageNo++;
|
if (completePageNo > completePageTotal) {
|
completePageNo = 1;
|
}
|
renderinoutCompleteData(inoutData.complateList,completePageNo);
|
}, 15000);
|
}
|
|
|
|
/**
|
* 渲染出入库统计信息
|
* @param sumData
|
*/
|
function renderSumData(sumData){
|
if(sumData){
|
$("#inCarNum").text((sumData.inSumNum != null ? sumData.inSumNum : 0));
|
$("#inCompleteCarNum").text((sumData.inComplateNum != null ? sumData.inComplateNum : 0));
|
$("#outCarNum").text((sumData.outSumNum != null ? sumData.outSumNum : 0));
|
$("#outCompleteCarNum").text((sumData.outComplateNum != null ? sumData.outComplateNum : 0));
|
|
$("#inPerDiv").animate({width:(sumData.perInComplate != null ? sumData.perInComplate : 0) + "%"},"normal");
|
$("#inPerSpan").text((sumData.perInComplate != null ? sumData.perInComplate : 0) + "%");
|
$("#outPerDiv").animate({width:(sumData.perOutComplate != null ? sumData.perOutComplate : 0) + "%"},"normal");
|
$("#outPerSpan").text((sumData.perOutComplate != null ? sumData.perOutComplate : 0) + "%");
|
}
|
};
|
|
|
function renderinoutData(inoutData,pNo) {
|
// 先清空，在渲染
|
$("#inoutShowMainDiv").html("");
|
if (inoutData == null || inoutData.length <= 0){
|
return;
|
}
|
pageNo = pNo - 1;
|
// 计算总页数
|
pageTotal = inoutData.length / pageSize;
|
if (!(inoutData.length % pageSize == 0)) {
|
pageTotal++;
|
}
|
var html = "";
|
for (var i = pageNo * pageSize + 1; i <= inoutData.length; i++) {
|
html += "<dl class=\"i-m1-dl\">" + "<dt>"
|
+ (inoutData[i - 1].id == null ? "" : inoutData[i - 1].id.substring(6))
|
+ "</dt>";
|
html += "<dd> " + getInoutTypeName(inoutData[i - 1].type) + "</dd>"
|
+ "<dd> " + inoutData[i - 1].userName + "</dd>"
|
+ "<dd> " +inoutData[i - 1].plateNum + "</dd>"
|
+ "<dd> " + getInoutProgressName(inoutData[i - 1].progress)+ "</dd>";
|
if(mapDepot[inoutData[i - 1].depotId] && inoutData[i - 1].progress != 'CHECK'){
|
html += "<dd> " + mapDepot[inoutData[i - 1].depotId].name + "</dd>";
|
}else{
|
html += "<dd></dd>";
|
}
|
html += "</dl>" ;
|
|
if (i == ((pageNo + 1) * pageSize)) {
|
break;
|
}
|
}
|
$("#inoutShowMainDiv").html(html);
|
pageNo++;
|
}
|
|
function renderinoutCompleteData(inoutCompleteData,pNo) {
|
// 先清空，在渲染
|
$("#inoutShowCompleteDiv").html("");
|
//计算总页数
|
if (inoutCompleteData == null || inoutCompleteData.length <= 0)
|
return;
|
|
completePageNo = pNo - 1;
|
// 计算总页数
|
completePageTotal = inoutCompleteData.length / completePageSize;
|
if (!(inoutCompleteData.length % completePageSize == 0)) {
|
completePageTotal++;
|
}
|
var html = "";
|
for (var i = completePageNo * completePageSize + 1; i <= inoutCompleteData.length; i++) {
|
html += "<dl class=\"i-m1-dl-2\">" + "<dt>"
|
+ getInoutTypeName(inoutCompleteData[i - 1].type)
|
+ "</dt>";
|
html += "<dd> " + inoutCompleteData[i - 1].userName + "</dd>"
|
+ "<dd> " + inoutCompleteData[i - 1].plateNum + "</dd>"
|
+ "<dd> " + dateFormatStr(inoutCompleteData[i - 1].completeTime) + "</dd>";
|
html += "</dl>" ;
|
|
if (i == ((completePageNo + 1) * completePageSize)) {
|
break;
|
}
|
}
|
$("#inoutShowCompleteDiv").html(html);
|
completePageNo++;
|
}
|
function getInoutTypeName(type) {
|
if("IN" == type)return "入库";
|
if("OUT" == type)return "出库";
|
return "";
|
}
|
function dateFormatStr(time) {
|
if(time){
|
var d = new Date(time);
|
return dateFtt("MM-dd hh:mm",d);
|
}
|
return "";
|
}
|
function getInoutProgressName(progress) {
|
if("REGISTER" == progress)return "登记";
|
if("CHECK" == progress)return "入库质检";
|
if("HANDLE" == progress)return "值仓";
|
if("WEIGHT_TAG" == progress)return "称重";
|
if("WEIGHT_FULL" == progress)return "满车称重";
|
if("WEIGHT_EMPTY" == progress)return "空车称重";
|
if("PAY" == progress)return "结算";
|
if("CARD_BACK" == progress)return "卡片回收";
|
if("RECORD" == progress)return "备案";
|
return "";
|
}
|
/**
|
* 初始标语数据
|
*/
|
function initDicSlogan() {
|
if (dicSlogan) {
|
if (dicSlogan.color == "red") {
|
$("#sloganText").css({
|
color : "#DE2910"
|
});
|
} else {
|
$("#sloganText").css({
|
color : "#7ddfff"
|
});
|
}
|
$("#sloganText").text(dicSlogan.content);
|
}
|
}
|
|
function initWeather() {
|
if (weatherInfo) {
|
// console.log(weatherInfo);
|
var wendu = weatherInfo.temp.replace("℃", "");
|
$("#weather_wendu").html("<span>" + wendu + "</span>℃");
|
|
var shidu = weatherInfo.humidity.replace("%", "");
|
$("#weather_shidu").html("<span>" + shidu + "</span>%");
|
|
var tianqi = weatherInfo.weather;
|
$("#weather_tianqi").html("<em>" + tianqi + "</em>");
|
|
var pm25 = weatherInfo.pm25.replace("μg/m3", "");
|
$("#weather_pm25").html("<span>" + pm25 + "</span>");
|
|
var fengxiang = weatherInfo.windDirection;
|
$("#weather_fengxiang").html("<em>" + fengxiang + "</em>");
|
|
var time = weatherInfo.updateTimeStr;
|
$("#weather_time").text("更新时间 : " + time);
|
}
|
}
|
|
/**
|
* 时间等
|
*/
|
function initTime() {
|
setInterval(function() {
|
var now = new Date();
|
var time = now.toLocaleString('chinese', {
|
hour12 : false
|
});
|
$(".time-info").text(time);
|
}, 1000);
|
}
|
|
function depotListToMap() {
|
if(listDepot){
|
for(var index in listDepot){
|
mapDepot[listDepot[index].id] = listDepot[index];
|
}
|
}
|
console.log(listDepot);
|
console.log(mapDepot);
|
}
|
|
// 退出全屏
|
function exitFullscreen() {
|
var de = document;
|
if (de.exitFullscreen) {
|
de.exitFullscreen();
|
} else if (de.mozCancelFullScreen) {
|
de.mozCancelFullScreen();
|
} else if (de.webkitCancelFullScreen) {
|
de.webkitCancelFullScreen();
|
}
|
screen = true;
|
}
|
// 进入全屏
|
function requestFullScreen() {
|
var de = document.documentElement;
|
if (de.requestFullscreen) {
|
de.requestFullscreen();
|
} else if (de.mozRequestFullScreen) {
|
de.mozRequestFullScreen();
|
} else if (de.webkitRequestFullScreen) {
|
de.webkitRequestFullScreen();
|
}
|
screen = false;
|
}
|
