~admin/igds-v4.git

var layer;
var bizCharts = {};
var pageDepot = 0;
var totalDepot = 1;
var pageGas = 1;
var totalGas = 1;
var grainIndex = 0;
var gasIndex = 0;
var timer;
var screen = true;
$(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();
    // 初始化页面中7张echart图表
    bizCharts = initCharts();
    renderDepot();
    renderGrain();
    reloadChartGas()
    reloadChartdepot();
    renderEsChart();
    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 == "grain") {
        var data = pocket.data;
        mapGrain = data;
    }
    if (pocket.bizId == "gas") {
        var data = pocket.data;
        mapGas = data;
    }
    if (pocket.bizId == "weather") {
        weatherInfo = pocket.data;
        initWeather()
    }
    if (pocket.bizId == "depot") {
        listDepot = pocket.data;
        pageDepot = 0;
        renderDepot();
        reloadChartdepot();
    }
 
    if(pocket.bizId == "es"){//能耗信息推送
        esChart = pocket.data;
        renderEsChart();
    }
    if (pocket.bizId == "IN_OUT_SUMMARY") {
        inoutData = pocket.data;
        renderSumData(inoutData);
    }
};
 
function timing() {
    timer = setInterval(function() {
        dong();
        renderGrain();
        reloadChartGas();
    }, 15000);
}
function initCharts() {
    var chartEnergy = initChartEnergy();
    var chartGasCO2 = initChartGasCO2();
    var chartGasPH3 = initChartGasPH3();
    var chartGasO2 = initChartGasO2();
    var chartFoodType = initChartFoodType();
    var chartFoodVariety = initChartFoodVariety();
    var chartFoodLevel = initChartFoodLevel();
    return {
        "chartEnergy" : chartEnergy,
        "chartGasCO2" : chartGasCO2,
        "chartGasPH3" : chartGasPH3,
        "chartGasO2" : chartGasO2,
        "chartFoodType" : chartFoodType,
        "chartFoodVariety" : chartFoodVariety,
        "chartFoodLevel" : chartFoodLevel
    };
}
/**
 * 初始标语数据
 */
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 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(result) {
            console.log("初始成功！");
        },
        error : function(result) {
            console.log("初始失败！");
        }
    });
}
/**
 * 渲染出入库统计信息
 * @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 renderEsChart(){
    if(!esChart) return;
    var chartEnergy = bizCharts.chartEnergy;
    chartEnergy.option.xAxis[0].data = esChart.xaxisData;
    chartEnergy.option.series[0].data = esChart.series[0].data;
    chartEnergy.chart.setOption(chartEnergy.option, true);
 
    bizCharts.chartEnergy = chartEnergy;
};
 
/**
 * 渲染仓库
 */
function renderDepot() {
    if (listDepot == null || listDepot.length <= 0)
        return;
    // 先清空，在渲染
    $("#depotShowDiv").html("");
    $("#depotTabDiv").html("");
    var pageNo = 1;
    // 计算总页数
    var total = listDepot.length / 4;
    if (!(listDepot.length % 4 == 0)) {
        total++;
    }
    var html = "<div class=\"i-tab-item show\">" + "<ul class=\"i-tab-list\">";
    var curDepot;
    for (var i = 1; i <= listDepot.length; i++) {
        curDepot = listDepot[i - 1];
        html += "<li>"
                + "<a href=\"#\">"
                + "<div class=\"i-tab-top\">"
                + "<h3>"
                + (curDepot.name == null ? "" : curDepot.name)
                + "</h3>"
                + "<p>仓储性质: "
                + (curDepot.foodTypeName == null ? "" : curDepot.foodTypeName)
                + "</p>"
                + "<p>保&nbsp;管&nbsp;员: "
                + (curDepot.storeKeeperName == null ? ""
                        : curDepot.storeKeeperName) + "</p>" + "</div>"
                + "<div class=\"i-tab-bottom\">";
 
        // 仓库状态
        if (curDepot.depotStatus == DepotStatus.S_01) {
            html += "<i><img src=\"../../static/img/databoard/icon-kong.png\"/></i>";
            html += "<h4>空仓</h4>" + "<p>空置中</p>" + "</div>" + "</a>" + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_02) {
            html += "<i><img src=\"../../static/img/databoard/icon-man.png\"/></i>";
            html += "<h4>满仓</h4>" + "<p>正常状态</p>" + "</div>" + "</a>" + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_03) {
            html += "<i><img src=\"../../static/img/databoard/icon-ruku-big.png\"/></i>";
            html += "<h4>入库</h4>" + "<p>入库执行中</p>" + "</div>" + "</a>"
                    + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_04) {
            html += "<i><img src=\"../../static/img/databoard/icon-chuku-big.png\"/></i>";
            html += "<h4>出库</h4>" + "<p>出库执行中</p>" + "</div>" + "</a>"
                    + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_05) {
            html += "<i><img src=\"../../static/img/databoard/icon-qidiao.png\"/></i>";
            html += "<h4>气调</h4>" + "<p>不可执行通风等操作</p>" + "</div>" + "</a>"
                    + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_06) {
            html += "<i><img src=\"../../static/img/databoard/icon-zhengxun.png\"/></i>";
            html += "<h4>熏蒸</h4>" + "<p>请注意安全</p>" + "</div>" + "</a>"
                    + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_07) {
            html += "<i><img src=\"../../static/img/databoard/icon-tongfeng.png\"/></i>";
            html += "<h4>通风</h4>" + "<p>请注意雨水天气</p>" + "</div>" + "</a>"
                    + "</li>";
        } else if (curDepot.depotStatus == DepotStatus.S_08) {
            html += "<i><img src=\"../../static/img/databoard/icon-weixiu.png\"/></i>";
            html += "<h4>维修</h4>" + "<p>仓库维修中</p>" + "</div>" + "</a>"
                    + "</li>";
        } else {
            html += "<i><img src=\"../../static/img/databoard/icon-man.png\"/></i>";
            html += "<h4>满仓</h4>" + "<p>正常状态</p>" + "</div>" + "</a>" + "</li>";
        }
 
        if ((i % 4) == 0) {
            html += "</ul></div>";
            pageNo++;
            if (pageNo <= total) {
                html += "<div class=\"i-tab-item\"><ul class=\"i-tab-list\">";
            }
        }
        if (i == listDepot.length) {
            html += "</ul></div>";
        }
    }
    $("#depotShowDiv").html(html);
    var tabHtml = "";
    for (var k = 0; k < total; k++) {
        if (k == 0) {
            tabHtml += "<span class=\"active\"></span>";
        } else {
            tabHtml += "<span ></span>";
        }
    }
    $("#depotTabDiv").html(tabHtml);
    // 绑定切换事件
    totalDepot = $('.i-tab-hd span').length;
    pageDepot = 0;
    var $tabHd = $(".i-tab-hd span");
 
    $tabHd.hover(function(a) {
        clearInterval(timer);
        var $index = $tabHd.index(this);
        var $tabBd = $(".i-tab-bd .i-tab-item");
        i = $index;
        $(this).addClass("active").siblings().removeClass("active");
        $tabBd.eq($index).addClass("show").siblings().removeClass("show");
    }, function() {
        timer = setInterval(dong, 15000);
    });
}
function dong() {
    pageDepot++;
    if (pageDepot >= totalDepot) {
        pageDepot = 0;
    }
    selectimg(pageDepot);
}
function selectimg(i) {
    var $tabHd = $(".i-tab-hd span");
    $tabHd.eq(i).addClass("active").siblings().removeClass("active");
    $(".i-tab-bd .i-tab-item").eq(i).addClass("show").siblings(".i-tab-item")
            .removeClass("show");
}
/**
 * 渲染粮情，参数为页码
 * 
 * @param pageNoGrain
 */
function renderGrain() {
    if (listDepot == null || listDepot.length <= 0)
        return;
    // 先清空，在渲染
    $("#grainShowDiv").html("");
    var html = "";
    var dateStr;
    if (mapGrain) {
        var count = 0 ;
        for (var i = grainIndex; i < listDepot.length; i++,grainIndex++) {
            var grain = mapGrain[listDepot[grainIndex].id];
            if (grain) {
                html += "<dl class=\"i-m1-dl\">" + "<dt><a href=\"#\">"
                    + (listDepot[grainIndex].name == null ? "" : listDepot[grainIndex].name)
                    + "</a></dt>";
                dateStr = grain.receiveDate;
                if (dateStr) {
                    var d = new Date(dateStr);
                    dateStr = (d.getMonth() + 1) + "-" + d.getDate();
                } else {
                    dateStr = "";
                }
                html += "<dd>" + grain.tempMax.toFixed(1) + "</dd>" + "<dd>"
                    + grain.tempMin.toFixed(1) + "</dd>" + "<dd>"
                    + grain.tempAve.toFixed(1) + "</dd>" + "<dd>"
                    + grain.tempIn.toFixed(1) + "</dd>" + "<dd>"
                    + grain.humidityIn.toFixed(1) + "</dd>" + "<dd>"
                    + dateStr + "</dd>" + "</dl>";
                count ++ ;
            }
            if (grainIndex == (listDepot.length-1)) {
                grainIndex = 0;
                break;
            }
            if (count == 10) {
                grainIndex ++ ;
                break;
            }
        }
    }else{
        console.log("粮情信息为空！");
    }
    $("#grainShowDiv").html(html);
}
/**
 * 渲染气体图表
 * 
 * @param index
 */
function reloadChartGas() {
    var chartGasCO2 = bizCharts.chartGasCO2;
    var chartGasPH3 = bizCharts.chartGasPH3;
    var chartGasO2 = bizCharts.chartGasO2;
    if (mapGas) {
        if(gasIndex == (listDepot.length -1) ){
            gasIndex = 0;
        }
        for (var i = gasIndex; i < listDepot.length; i++,gasIndex++) {
            var depot = listDepot[gasIndex];
            var gas = mapGas[listDepot[gasIndex].id];
            if (gas) {
                $("#gasDepotName").text((depot.name == null ? "" : depot.name));
                var dateStr = gas.receiveDate;
                if (dateStr) {
                    var d = new Date(dateStr);
                    dateStr = (d.getMonth() + 1) + "-" + d.getDate();
                } else {
                    dateStr = "";
                }
                $("#gasCheckTime").text("检测时间: " + dateStr);
                chartGasCO2.option.series[0].data[0].value = (gas.perCo2 == null ? 0
                    : gas.perCo2);
                chartGasCO2.chart.setOption(chartGasCO2.option, true);
                chartGasPH3.option.series[0].data[0].value = (gas.perPh3 == null ? 0
                    : gas.perPh3);
                chartGasPH3.chart.setOption(chartGasPH3.option, true);
                chartGasO2.option.series[0].data[0].value = (gas.perO2 == null ? 0
                    : gas.perO2);
                chartGasO2.chart.setOption(chartGasO2.option, true);
                gasIndex++;
                break;
            } else {
 
            }
        }
    } else {
        $("#gasDepotName").text("仓库");
        $("#gasCheckTime").text("检测时间: 00-00");
        chartGasCO2.option.series[0].data[0].value = 0;
        chartGasCO2.chart.setOption(chartGasCO2.option, true);
        chartGasPH3.option.series[0].data[0].value = 0;
        chartGasPH3.chart.setOption(chartGasPH3.option, true);
        chartGasO2.option.series[0].data[0].value = 0;
        chartGasO2.chart.setOption(chartGasO2.option, true);
        console.log("气体数据为空，显示默认数据")
    }
    bizCharts.chartGasCO2 = chartGasCO2;
    bizCharts.chartGasPH3 = chartGasPH3;
    bizCharts.chartGasO2 = chartGasO2;
}
 
/**
 * 仓储统计
 */
function reloadChartdepot() {
    if (listDepot == null || listDepot.length <= 0) {
        return;
    }
    var foodTypeMap = new Map();
    var foodType = null;
    var foodVarietyMap = new Map();
    var foodVariety = null;
    var foodLevelMap = new Map();
    var foodLevel = null;
    var depot = null;
    var value = 0.0;
    for (var i = 1; i <= listDepot.length; i++) {
        depot = listDepot[i - 1];
        value = 0.0;
        // 粮食性质
        foodType = depot.foodType;
        if (foodType) {
            if (foodTypeMap.has(foodType)) {
                value = foodTypeMap.get(foodType).value + depot.storageReal;
            } else {
                value = depot.storageReal;
            }
            foodTypeMap.set(foodType, {
                "name" : depot.foodTypeName,
                "value" : value
            });
        }
 
        // 粮食等级
        foodLevel = depot.foodLevel;
        if (foodLevel) {
            if (foodLevelMap.has(foodLevel)) {
                value = foodLevelMap.get(foodLevel).value + depot.storageReal;
            } else {
                value = depot.storageReal;
            }
            foodLevelMap.set(foodLevel, {
                "name" : depot.foodLevelName,
                "value" : value
            });
        }
 
        // 粮食品种
        foodVariety = depot.foodVariety;
        if (foodVariety) {
            if (foodVarietyMap.has(foodVariety)) {
                value = foodVarietyMap.get(foodVariety).value
                        + depot.storageReal;
            } else {
                value = depot.storageReal;
            }
            foodVarietyMap.set(foodVariety, {
                "name" : depot.foodVarietyName,
                "value" : value
            });
        }
    }
    var chartFoodTypeData = new Array();
    var chartFoodVarietyData = new Array();
    var chartFoodLevelData = new Array();
    foodVarietyMap.forEach(function(value, key) {
        chartFoodVarietyData.push(value);
    });
    foodTypeMap.forEach(function(value, key) {
        chartFoodTypeData.push(value);
    });
    foodLevelMap.forEach(function(value, key) {
        chartFoodLevelData.push(value);
    });
    var chartFoodLevel = bizCharts.chartFoodLevel;
    var chartFoodVariety = bizCharts.chartFoodVariety;
    var chartFoodType = bizCharts.chartFoodType;
    chartFoodLevel.option.series[0].data = chartFoodLevelData;
    chartFoodLevel.chart.setOption(chartFoodLevel.option, true);
 
    chartFoodType.option.series[0].data = chartFoodTypeData;
    chartFoodType.chart.setOption(chartFoodType.option, true);
    chartFoodVariety.option.series[0].data = chartFoodVarietyData;
    chartFoodVariety.chart.setOption(chartFoodVariety.option, true);
    bizCharts.chartFoodLevel = chartFoodLevel;
    bizCharts.chartFoodType = chartFoodType;
    bizCharts.chartFoodVariety = chartFoodVariety;
}
 
// 退出全屏
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;
}