jili2/public/static/data/js/order_v2.js

function task() {
    $.get('/api/Orders_v2/task',{org_id:orgid},function (res) {
        if(res.status === 0) {
            var list = res.data.data;
            if(list.length > 0){
                var str = '';
                for (var i=0;i<list.length;i++){
                    str += '<tr>';
                    // str += '<td>'+list[i]['TODO_ID']+'</td>';
                    str += '<td>'+list[i]['TASK_TYPE']+'</td>';
                    str += '<td class="table-project-name">'+list[i]['CONTENT']+'</td>';
                    str += '<td>'+list[i]['executor']+'</td>';
                    str += '<td class="table-task-name">'+list[i]['DEP']+'</td>';
                    // str += '<td>'+list[i]['CREATTE_TIME']+'</td>';
                    str += '<td>'+list[i]['HANDOUT_TIME']+'</td>';
                    if (list[i]['TODO_MODE'] == '待领取') {
                        str += '<td style="color: #FD0000;">' + list[i]['TODO_MODE'] + '</td>';
                    } else {
                        str += '<td style="color: #11F000;">' + list[i]['TODO_MODE'] + '</td>';
                    } 
                    str += '</tr>';
                }
                $('#task-order').html(str);
            }
            if (list.length > 10) {
                $(function(){
                    var text=$("#task-order:first");
                    var clear;
                    text.hover(function(){
                        clearInterval(clear);
                    },function(){
                        clear=setInterval(function(){
                            var field=text.find("tr:first");
                            var high=field.height();
                            text.animate({ marginTop:-high+"px"},600,function(){
                                field.css("marginTop",0).appendTo(text);
                                text.css("marginTop",0);
                            })
                        },2000)//滚动间隔时间
                    }).trigger("mouseleave");//自动滚动
                });
            }
        }
    })
}

function todo() {
    $.get('/api/Orders_v2/todo_day',{orgid:orgid},function (data) {
        if(data.status == 0){
            if(data.data.data.length > 0){
                var optionChart = echarts.init(document.getElementById("order-day"));
                option = {
                    legend: {
                        top: '5%',
                        textStyle: {
                            fontSize: 16,
                            fontWeight: 'normal',
                            color: '#FFFFFF',
                        },
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{b} : {d}% <br/> {c}"
                    },
                    title: {
                        text: data.data.total,
                        subtext: '工单总量',
                        x: 'center',
                        y: '50%',
                        textStyle: {
                            fontSize: 36,
                            fontWeight: 'normal',
                            color: '#3DE8FC',
                        },
                        subtextStyle: {
                            fontSize: 18,
                            fontWeight: 'normal',
                            align:"center",
                            color:'#FFFFFF'
                        },
                    },
                    series: [{
                        type: 'pie',
                        radius: ['40%', '70%'],
                        center: ['50%', '60%'],
                        color: ['#72BBF1', '#067564', '#50E2CB', '#0674E4'],
                        // itemStyle:{
                        //     normal: {
                        //         borderWidth: 5, 
                        //         borderColor: '#031845',
                        //     }
                        // },
                        data: data.data.data,
                        labelLine: {
                            normal: {
                                show: true,
                                length: 50,
                                length2: 50,
                                lineStyle: {
                                    color: '#52FFFF',
                                    width: 2
                                }
                            }
                        },
                        label: {
                            normal: {
                                formatter: '{b}{d}%',
                                color: '#fff',
                                fontSize: 16,
                            }
                        }
                    }]
                };
                optionChart.setOption(option);
            }
        }
    });
}

function orders(type) {
    $.get('/api/Orders_v2/orders_week_month',{orgid:orgid, type:type},function (data) {
        if(data.status == 0){
            if(data.data.list.length > 0){
                if(type == 1) {
                    $('#order-name').html('周分析');
                } else {
                    $('#order-name').html('月分析');
                }
                var patrolChart = echarts.init(document.getElementById("order"));
                patrolOption = null;
                patrolOption = {
                    color: ['#2986CF','#50E2CB'],
                    legend: {
                        data:['工单总量', '完成工单量'],
                        textStyle: { color: "#FFFDFE" },
                        top: 15
                        // icon: "circle",
                    },
                    tooltip: {},
                    dataset: {
                        dimensions: ['day','工单总量','完成工单量'],
                        source: data.data.list,
                    },
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            color:'#fff',
                        }
                    },
                    yAxis: {
                        axisLabel: {
                            color:'#fff',
                        }
                    },
                    series: [
                        {
                            type: 'bar',
                            // barMaxWidth: 30,
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    color: '#fff'
                                }
                            },
                        },
                        {
                            type: 'bar',
                            // barMaxWidth: 30,
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    color: '#fff'
                                }
                            },
                        }
                    ]
                };
                if (patrolOption && typeof patrolOption === "object") {
                    patrolChart.setOption(patrolOption, true);
                }
            }
        }
    });
}

task();
orders(1);
todo();
setInterval(function () {
    task();
    todo();
},1000*120);

setInterval(function () {
    setTimeout(function(){
        orders(1);
    },5000);
    setTimeout(function(){
        orders(2);
    },10000);
},15000);

function realSysTime(clock) {
    var now = new Date();
    var year = now.getFullYear(); //获取年份
    var month = now.getMonth(); //获取月份
    var date = now.getDate(); //获取日期
    var day = now.getDay(); //获取星期
    var hour = now.getHours(); //获取小时
    var minute = now.getMinutes(); //获取分钟
    var seconds = now.getSeconds(); //获取秒
    month = month + 1;
    var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
    var week = arr_week[day];
    if (month<10) {
        month = '0'+month
    }
    if (date<10) {
        date = '0'+date
    }
    if (hour<10) {
        hour = '0'+hour
    }
    if (minute<10) {
        minute = '0'+minute
    }
    if (seconds<10) {
        seconds = '0'+seconds
    }
    var time = year + "年" + month + "月" + date + "日 " + week + " " + hour + ":" + minute + ":" + seconds;
    clock.innerHTML = time;
}
function show() {
    window.setInterval("realSysTime(clock)", 1000);
}
window.onload=show();