//iqc待检看板
var interval_do = null;// 页面刷新定时器
clearInterval(interval_do);

var MyMarhq = '';// 滚动定时器
clearInterval(MyMarhq);

$(function() {
    console.log('111111111111111111111111111');
    doData()
    interval_do = setInterval(getKanbanData, 100 * 1000); // 启动,执行默认方法
})

function doData() {
    if (KANBAN_DATA) {
        console.log('111111111111111111111111111');
        tableBox()
        setAera()
    }
}

function tableBox() {
    setInfo()// 信息
    setTaskTable()// 生产任务信息栏
    // setProdTable()// 生产确认信息
    setSalaryTable()// 异常呼叫
}

function setAera() {
    var data1 = [];
    var data2 = [];
    console.log(KANBAN_DATA)
    if (KANBAN_DATA.data.DATA_2.length > 0) {
        var list = KANBAN_DATA.data.DATA_2
        for (var i = 0; i < list.length; i++) {
            var arr = list[i]
            if (arr.FTYPE == "1") {
                data1.push(arr)
            }
        }
        capacityEcharts(data1)
    }

    if (KANBAN_DATA.data.DATA_5.length > 0) {
        var list = KANBAN_DATA.data.DATA_5;
        for (var i = 0; i < list.length; i++) {
            var arr = list[i]
            data2.push(arr)
        }
        unQualEcharts(data2, 'bar')
    }
}

function setSalaryTable() {
    console.log('11111');
    var Items = KANBAN_DATA.data.DATA_6
    if(isNull(Items)==true)
    {console.log('22222');}
    $('.tbl-body tbody').empty();
    $('.tbl-header tbody').empty();
    var str = '';
    var style = '';
    if (Items.length <= 4) {// 不滚动
        $.each(Items, function(i, item) {
            if (i == Items.length - 1) {// 最后一行增加下划线
                style = "style='border-bottom: 2px solid #333399;'";
            }
            str = '<tr>' +
                '<td ' + style + '>' + isNull(item.PROC_NO) + '</td>' +
                '<td ' + style + '>' + isNull(item.ERRCODE) + '</td>' +
                '<td ' + style + '>' + isNull(item.EXC_BY) + '</td>' +
                '<td ' + style + '>' + isNull(item.AD_TIME) + '</td>' +
                '<td ' + style + '>' + isNull(item.IN_TIEM) + '</td>' +
                '<td ' + style + '>' + isNull(item.TIME_QTY) + '</td>' +
                '<td ' + style + '>' + isNull(item.FSTATUS) + '</td>' + '</tr>'
            $('.tbl-body tbody').append(str);
            $('.tbl-header tbody').append(str);
        });
    } else {// 有滚动效果
        $.each(Items, function(i, item) {
            str = '<tr>' +
                '<td ' + style + '>' + isNull(item.PROC_NO) + '</td>' +
                '<td ' + style + '>' + isNull(item.ERRCODE) + '</td>' +
                '<td ' + style + '>' + isNull(item.EXC_BY) + '</td>' +
                '<td ' + style + '>' + isNull(item.AD_TIME) + '</td>' +
                '<td ' + style + '>' + isNull(item.IN_TIEM) + '</td>' +
                '<td ' + style + '>' + isNull(item.TIME_QTY) + '</td>' +
                '<td ' + style + '>' + isNull(item.FSTATUS) + '</td>' + '</tr>'
            $('.tbl-body tbody').append(str);
            $('.tbl-header tbody').append(str);
        });
    }

    if (MyMarhq != null) {// 判断计时器是否为空-关闭
        clearInterval(MyMarhq);
        MyMarhq = null;
    }

    if (Items.length > 4) {
        $('.tbl-body tbody').html($('.tbl-body tbody').html() + $('.tbl-body tbody').html());
        $('.tbl-body').css('top', '0');
        var tblTop = 0;
        var speedhq = 50; // 数值越大越慢
        var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
        function Marqueehq() {
            if (tblTop <= -outerHeight * Items.length) {
                tblTop = 0;
            } else {
                tblTop -= 1;
            }
            $('.tbl-body').css('top', tblTop + 'px');
        }

        MyMarhq = setInterval(Marqueehq, speedhq);

        // 鼠标移上去取消事件
        $(".tbl-header tbody").hover(function() {
            clearInterval(MyMarhq);
        }, function() {
            clearInterval(MyMarhq);
            MyMarhq = setInterval(Marqueehq, speedhq);
        })
    }

}

function setProdTable() {
    var Items = KANBAN_DATA.data.DATA_3
    $('.tbl-body-bot tbody').empty();
    var str = '';
    var color = ''
    $.each(Items, function(i, item) {
        if (item.FSTATUS == "1") {
            color = "<div class='raidus' style='background-color: #33CC99;'></div>"
        } else if (item.FSTATUS == "0") {
            color = "<div class='raidus' style='background-color: #CCCC66;'></div>"
        } else {
            color = "<div class='raidus' style='background-color: #999999;'></div>"
        }
        str = '<tr>' + '<td>' + isNull(item.XM) + '</td>' + '<td>' + color + '</td>' + '<td>' + isNull(item.CRESUL) + '</td>' + '</tr>'
        $('.tbl-body-bot tbody').append(str);
    });

}

function setTaskTable() {
    console.log('11111');
    var Items = KANBAN_DATA.data.DATA_1
    $('.tbl-body-task tbody').empty();
    var str = '';
    $.each(Items, function(i, item) {
        str = '<tr>' + '<td >' + isNull(item.T_STATUS) + '</td>' +
            '<td>' + isNull(item.TASK_NO) + '</td>'
            + '<td>' + isNull(item.BOARD_NAME) + '</td>'
            + '<td>'
            + isNull(item.SCHEME_QTY) + '</td>'
            + '<td>' + isNull(item.BL_QTY) + '</td>'
            + '<td>'
            + isNull(item.PLAN_BEGIN_TIME) + '</td>'
            + '<td>'+ isNull(item.REAL_BEGIN_TIME)+ '</td>'
            + '<td>' + isNull(item.NG_QTY) + '</td>' +
            '<td>' + isNull(item.OUT_QTY)
            + '</td>' + '<td>' + isNull(item.LV_QTY) + '</td>'
            + '<td>' + isNull(item.COMP_QTY) + '</td>' + '</tr>'
        $('.tbl-body-task tbody').append(str);
    });
}

function setInfo() {
    var data5 = [];
    if (KANBAN_DATA.data.DATA_0) {
        var list = KANBAN_DATA.data.DATA_0

        $("#attend").text(list[0].LINE_NAME )// 出勤人数
        $("#linerName").text("组长：" + list[0].FUSERNAME)// 组长名称
        $("#check_count").text("检验批次：" + list[0].LOT_QTY)// 组长名称
        $("#ok_count").text("合格批次：" + list[0].OK_QTY)// 组长名称

        for (var i=0; i<list.length;i++	){
            var arr=list[i]
            data5.push(arr)
        }
        //dashboard(data5,'dashboard')// 批次合格率
        var obj = list[0].FUSERCODE;
        getLinerPic(obj);//每次打开看板都更新图片
        $("#liner_pic").attr('src',"../downImages/"+obj+".png");
        if (isHasImg("../downImages/" + obj + ".png")) {
            $("#liner_pic").attr('src', "../downImages/" + obj + ".png");
        } else {
            getLinerPic(obj)
        }
        if (KANBAN_DATA.data.DATA_3.length > 0) {
            var list = KANBAN_DATA.data.DATA_3;
            for (var i = 0; i < list.length; i++) {
                var arr = list[i]
                data5.push(arr)
            }
            dashboard(data5, 'dashboard')
        }

    } else {
        var list = KANBAN_DATA.data.DATA_0
        for (var i=0; i<list.length;i++	){
            var arr=list[i]
            data5.push(arr)
        }
        $("#attend").text("考勤人数：0")// 出勤人数
        $("#linerName").text("组长：-无")// 组长名称
        // dashboard(data5,'dashboard')// 批次合格率
        // //dashboard(0)// 批次合格率
    }
}

function isHasImg(pathImg) {// 判断路径是否存在图片
    var ImgObj = new Image();
    ImgObj.src = pathImg;
    // console.log(ImgObj.width+"/"+ImgObj.height)
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
        return true;
    } else {
        return false;
    }
}

function getLinerPic(usercode) {
    $.ajax({
        type : "GET",
        url : context + "kanban/getUserImage",
        data : {
            usrcode : usercode
        },
        dataType : "json",
        success : function(res) {
            if (res[0]) {
                $("#liner_pic").attr('src', "../downImages/" + usercode + ".png");
            } else {
                console.log("图片加载失败！")
            }
        }
    });
}

function dashboard(valueList, dashboard) {

    var time = []
    var exterior = []
    var functions = []
    if (valueList.length > 0) {
        for (var i = 0; i < valueList.length; i++) {
            time.push(valueList[i].X_VAL);
            exterior.push(parseInt(valueList[i].Y_VAL));
            functions.push(parseInt(valueList[i].U_VAL));
        }
    }

    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            textStyle : {
                fontSize : 14,// 字体大小
                color : '#ffffff'// 字体颜色
            },
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        yAxis: {
            type: 'value',
            axisLabel : {
                show : true,
                interval : 0,
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
        },
        xAxis: {
            type: 'category',
            data: time,
            axisLabel : {
                show : true,
                interval : 0,
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
        },
        series: [
            // {
            // 	name: '外观不良',
            // 	type: 'bar',
            // 	stack: 'total',
            // 	label: {
            // 		show: true,
            // 		textStyle : {
            // 			color : '#0000ff',
            // 			fontSize : 20,
            // 		}
            // 	},
            // 	emphasis: {
            // 		focus: 'series'
            // 	},
            // 	data: exterior,
            // 	itemStyle: {
            // 		color: '#ffd700'
            // 	}
            // },
            {
                name: '功能不良',
                type: 'bar',
                stack: 'total',
                label: {
                    show: true,
                    textStyle : {
                        color : '#0000ff',
                        fontSize : 20,
                    }
                },
                emphasis: {
                    focus: 'series'
                },
                data: functions,
                itemStyle: {
                    color: '#fd666d'
                }
            }
        ]
    };
    // 创建echarts对象在哪个节点上
    var myCharts1 = echarts.init(document.getElementById(dashboard));
    // 将选项对象赋值给echarts对象。
    myCharts1.setOption(option, true);

    // option = {
    // 	series : [ {
    // 		type : 'gauge',
    // 		axisLine : {
    // 			lineStyle : {
    // 				width : 15,
    // 				color : [ [ 0.3, '#fd666d' ], [ 0.7, '#FFD700' ], [ 1, '#00FF7F' ] ]
    // 			}
    // 		},
    // 		pointer : {
    // 			itemStyle : {
    // 				color : 'auto'
    // 			}
    // 		},
    // 		axisTick : {
    // 			distance : -20,
    // 			length : 6,
    // 			lineStyle : {
    // 				color : '#fff',
    // 				width : 2
    // 			}
    // 		},
    // 		splitLine : {
    // 			distance : -20,
    // 			length : 20,
    // 			lineStyle : {
    // 				color : '#fff',
    // 				width : 5
    // 			}
    // 		},
    // 		axisLabel : {
    // 			color : 'auto',
    // 			distance : 10,
    // 			fontSize : 15
    // 		},
    // 		detail : {
    // 			valueAnimation : true,
    // 			formatter : '{value}% ',
    // 			color : 'auto'
    // 		},
    // 		data : [ {
    // 			value : okRate==null?0:okRate
    // 		} ]
    // 	} ]
    // };
    // // 创建echarts对象在哪个节点上
    // var myCharts1 = echarts.init(document.getElementById('dashboard'));
    // // 将选项对象赋值给echarts对象。
    // myCharts1.setOption(option, true);
}

function unQualEcharts(valueList, bar) {
    var time = []
    var exterior = []
    var functions = []
    if (valueList.length > 0) {
        for (var i = 0; i < valueList.length; i++) {
            time.push(valueList[i].X_VAL);
            exterior.push(parseInt(valueList[i].Y_VAL));
            functions.push(parseInt(valueList[i].U_VAL));
        }
    }

    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            textStyle : {
                fontSize : 14,// 字体大小
                color : '#ffffff'// 字体颜色
            },
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        yAxis: {
            type: 'value',
            axisLabel : {
                show : true,
                interval : 0,
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
        },
        xAxis: {
            type: 'category',
            data: time,
            axisLabel : {
                show : true,
                interval : 0,
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
        },
        series: [
            // {
            // 	name: '外观不良',
            // 	type: 'bar',
            // 	stack: 'total',
            // 	label: {
            // 		show: true,
            // 		textStyle : {
            // 			color : '#0000ff',
            // 			fontSize : 20,
            // 		}
            // 	},
            // 	emphasis: {
            // 		focus: 'series'
            // 	},
            // 	data: exterior,
            // 	itemStyle: {
            // 		color: '#ffd700'
            // 	}
            // },
            {
                name: '功能不良',
                type: 'bar',
                stack: 'total',
                label: {
                    show: true,
                    textStyle : {
                        color : '#0000ff',
                        fontSize : 20,
                    }
                },
                emphasis: {
                    focus: 'series'
                },
                data: functions,
                itemStyle: {
                    color: '#fd666d'
                }
            }
        ]
    };
    // 创建echarts对象在哪个节点上
    var myCharts1 = echarts.init(document.getElementById(bar));
    // 将选项对象赋值给echarts对象。
    myCharts1.setOption(option, true);
}

function capacityEcharts(echartData) {

    var xData = [];
    var yData = [];
    var average = 0;
    if (echartData.length > 0) {
        var list = echartData
        average = list[0].U_VAL
        for (var i = 0; i < list.length; i++) {
            xData.push(list[i].X_VAL)
            yData.push(list[i].Y_VAL)
        }
    }

    option = {
        tooltip : {
            trigger : 'axis',
            axisPointer : {
                type : 'cross',
                crossStyle : {
                    color : '#999'
                }
            }
        },
        grid : {
            x : 60,// 左边距
            y : 55,// 上边距
            x2 : 50,// 右边距
            y2 : 50,// 下边距
            borderWidth : 10
        },
        legend : {
            data : [ "产出数量" ],
            // orient: 'vertical',
            x : 'center', // 可设定图例在左、右、居中
            top : 0,
            textStyle : {
                fontSize : 14,// 字体大小
                color : '#ffffff'// 字体颜色
            },
        },
        color : [ '#00FF66' ],
        xAxis : {
            type : 'category',
            boundaryGap : false,
            data : xData,
            axisPointer : {
                type : 'shadow'
            },
            axisLabel : {
                show : true,
                interval : 0,
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
        },
        yAxis : {
            type : 'value',
            splitLine : {
                show : false
            },
            axisLabel : {
                // formatter : '{value} ',
                textStyle : {
                    color : '#ffffff',
                    fontSize : 14,// 字体大小
                }
            },
            axisLine : {
                lineStyle : {
                    color : '#FFFFFF'
                }
            },
            max:function (value) {
                if(value.max>average){
                    return value.max;
                }else{
                    return average;
                }
            }
        },
        series : [ {
            name : '产出数量',
            data : yData,
            type : 'line',
            yAxisIndex : 0,
            areaStyle : {},
            label : {
                show : true,
                position : [ 5, -20 ],
                textStyle : {
                    fontSize : 14,// 字体大小
                }
            },
            markLine : {
                symbol : "none",
                data : [ {
                    silent : true, // 鼠标悬停事件 true没有，false有
                    label : {
                        // formatter : '标产',
                        show : true,
                    },
                    lineStyle : { // 警戒线的样式 ，虚实 颜色
                        type : "solid",
                        color : "#FFFF66",
                    },
                    yAxis : average
                    // 警戒线的标注值，可以有多个yAxis,多条警示线
                } ]
            }
        } ]
    };
    // 创建echarts对象在哪个节点上
    var myCharts1 = echarts.init(document.getElementById('capacity'));
    // 将选项对象赋值给echarts对象。
    myCharts1.setOption(option, true);
}

function getKanbanData() {
    $.ajax({
        type : "GET",
        url : context + "kanban/getLineHeadList",
        data : {
            floor : FLOOR
        },
        dataType : "json",
        success : function(res) {
            if (res.result) {
                KANBAN_DATA = res
                doData()
            } else {
                // clearInterval(interval_do);//错误-关闭定时器
            }
        }
    });
}

function isNull(str) {
    if (str == null) {
        return ""
    } else {
        return str
    }
}