jili2/public/static/data/js/index.js

//人员大数据统计
function user() {
    $.get('/api/Project/user',{orgid:orgid},function (data) {
        if(data.status == 0){
            if(data.data.length > 0){
                // 保洁
                var cleaning = echarts.init(document.getElementById('cleaning'));
                cleaningOption = {
                    color: ['#2b5e8e', '#40edfe'],
                    title: {
                        text: '保洁人员',
                        textStyle: {
                            color: '#fff',
                            fontSize: 14,
                        },
                        y: 'center',
                        x: 'right',

                    },
                    series: [{
                        name: '保洁人员',
                        type: 'pie',
                        radius: ['70%', '80%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: false,
                                position: 'center',
                                textStyle: {
                                    fontSize: 14,
                                    color: '#eac304',
                                },
                                formatter: '{c}%'
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data: [
                            {
                                value: 100 - data.data[2]['percent'],
                                color: '#40edfe',
                                label: {
                                    normal: {
                                        show: false
                                    }
                                }
                            },
                            {
                                value: data.data[2]['percent'],
                                color: '#2b5e8e',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'center',
                                        textStyle: {
                                            fontSize: 14,
                                            color: '#eac304',
                                        },
                                        formatter: '{c}%'
                                    }
                                }
                            }
                        ]
                    }]
                };
                cleaning.setOption(cleaningOption);

                // 保安
                var security = echarts.init(document.getElementById('security'));
                securityOption = {
                    color: ['#2b5e8e', '#40edfe'],
                    title: {
                        text: '保安人员',
                        textStyle: {
                            color: '#fff',
                            fontSize: 14,
                        },
                        y: 'center',
                        x: 'right',

                    },
                    series: [{
                        name: '保安人员',
                        type: 'pie',
                        radius: ['70%', '80%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                position: 'center',
                                textStyle: {
                                    fontSize: 14,
                                    color: '#eac304',
                                },
                                formatter: '{c}%'
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data: [{
                            value: 100 - data.data[3]['percent'],
                            color: '#40edfe',
                            label: {
                                normal: {
                                    show: false
                                }
                            }
                        }, {
                            value: data.data[3]['percent'],
                            color: '#2b5e8e',
                            label: {
                                normal: {
                                    show: true,
                                    position: 'center',
                                    textStyle: {
                                        fontSize: 14,
                                        color: '#eac304',
                                    },
                                    formatter: '{c}%'
                                }
                            }
                        },

                        ]
                    }]
                };
                security.setOption(securityOption);

                // 维修
                var repair = echarts.init(document.getElementById('repair'));
                repairOption = {
                    color: ['#2b5e8e', '#40edfe'],
                    title: {
                        text: '维修人员',
                        textStyle: {
                            color: '#fff',
                            fontSize: 14,
                        },
                        y: 'center',
                        x: 'right',

                    },
                    series: [{
                        name: '维修人员',
                        type: 'pie',
                        radius: ['70%', '80%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                position: 'center',
                                textStyle: {
                                    fontSize: 14,
                                    color: '#eac304',
                                },
                                formatter: '{c}%'
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data: [{
                            value: 100 - data.data[1]['percent'],
                            color: '#40edfe',
                            label: {
                                normal: {
                                    show: false
                                }
                            }
                        }, {
                            value: data.data[1]['percent'],
                            color: '#2b5e8e',
                            label: {
                                normal: {
                                    show: true,
                                    position: 'center',
                                    textStyle: {
                                        fontSize: 14,
                                        color: '#eac304',
                                    },
                                    formatter: '{c}%'
                                }
                            }
                        },

                        ]
                    }]
                };
                repair.setOption(repairOption);

                // 运送
                var transport = echarts.init(document.getElementById('transport'));
                transportOption = {
                    color: ['#2b5e8e', '#40edfe'],
                    title: {
                        text: '运送人员',
                        textStyle: {
                            color: '#fff',
                            fontSize: 14,
                        },
                        y: 'center',
                        x: 'right',

                    },
                    series: [{
                        name: '运送人员',
                        type: 'pie',
                        radius: ['70%', '80%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                position: 'center',
                                textStyle: {
                                    fontSize: 14,
                                    color: '#eac304',
                                },
                                formatter: '{c}%'
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data: [{
                            value: 100 - data.data[0]['percent'],
                            color: '#40edfe',
                            label: {
                                normal: {
                                    show: false
                                }
                            }
                        }, {
                            value: data.data[0]['percent'],
                            color: '#2b5e8e',
                            label: {
                                normal: {
                                    show: true,
                                    position: 'center',
                                    textStyle: {
                                        fontSize: 14,
                                        color: '#eac304',
                                    },
                                    formatter: '{c}%'
                                }
                            }
                        },

                        ]
                    }]
                };
                transport.setOption(transportOption);
            }
        }
    });
}

// 人员统计玫瑰图
function personnel() {
    $.get('/api/Project/personnel',{orgid:orgid},function (data) {
        if(data.status == 0){
            if(data.data.length > 0){
                var personnel = echarts.init(document.getElementById('personnel'));
                personnelOption = {
                    color:['#fdd100','#ec5400','#40ebff','#ff4874'],
                    tooltip : {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        x : 'left',
                        y : 'center',
                        left: 50,
                        textStyle: {
                            color: '#fff',
                            fontSize: 12,
                        },
                        orient: 'vertical',
                        data:['保洁','保安','维修','运送']
                    },

                    calculable : true,
                    series : [
                        {
                            name:'人员大数据统计',
                            type:'pie',
                            radius : [20, 70],
                            center : ['60%', '50%'],
                            roseType : 'radius',
                            data:data.data,
                            // data:[
                            //     {value:30, name:'保洁'},
                            //     {value:25, name:'保安'},
                            //     {value:20, name:'维修'},
                            //     {value:25, name:'运送'}
                            // ],
                            label: {
                                formatter: '{b}{d}%',
                                color: '#fff'
                            }
                        }
                    ]
                };
                personnel.setOption(personnelOption);
            }
        }
    });
}


// 工单统计
function todo(type) {
    $.get('/api/Project/todo',{orgid:orgid, type: type},function (data) {
        if(data.status == 0){
            if(data.data.list.length > 0){
                var ordersChart = echarts.init(document.getElementById("orders"));
                ordersOption = null;
                ordersOption = {
                    color:'#00c6ff',
                    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'
                                }
                            },
                        }
                    ]
                };
                if (ordersOption && typeof ordersOption === "object") {
                    ordersChart.setOption(ordersOption, true);
                }
                $('.todo').removeClass('active');
                $('#todo'+type).addClass('active');
            }
        }
    });
}

//投诉大数据
function complaintList() {
    $.get('/api/Project/complaint',{orgid:orgid},function (res) {
        if(res.status == 0) {
            let list = res.data.data;
            if (list.length > 0) {
                var str = '';
                for (var i in list){
                    str += '<tr>';
                    str += '<td class="table-project-name">' + list[i]['CONTENT'] + '</td>';
                    str += '<td>' + list[i]['CREATTE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>';
                    // str += '<td>' + list[i]['REAL_NAME'].replace(/(?<=.)./g, '*') + '</td>';
                    str += '</tr>';
                }
                $('#complaintList').html(str);
            }
        }
    })
}

// 投诉图表
function complaintChart() {
    $.get('/api/Project/complaintChart',{orgid: orgid},function (data) {
        if(data.status == 0){
            if(data.data.x.length > 0){
                var complaint = echarts.init(document.getElementById('complaint'));
                complaintOption = null;
                complaintOption = {
                    color:'#2ca2fc',
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow'
                        }
                    },
                    grid: {
                        top: '3%',
                        left: '3%',
                        right: '4%',
                        bottom: '0',
                        // minHeight: 200,
                        containLabel: true
                    },
                    xAxis: {
                        type: 'value',
                        boundaryGap: [0, 0.01],
                        axisLabel: {
                            color:'#fff',
                        }
                    },
                    yAxis: {
                        type: 'category',
                        data: data.data.y,
                        axisLabel: {
                            color:'#fff',
                        }
                    },
                    series: [
                        {
                            name: '投诉量',
                            type: 'bar',
                            barMaxWidth: 30,
                            label: {
                                normal: {
                                    show: true,
                                    position: 'right',
                                    color: '#fff'
                                }
                            },
                            data: data.data.x
                        }
                    ]
                };
                complaint.setOption(complaintOption);
            }
        }
    });
}

//任务大数据监控
function taskList() {
    $.get('/api/Project/task',{orgid:orgid},function (res) {
        if(res.status == 0) {
            let list = res.data.data;
            if (list.length > 0) {
                var str = '';
                for (var i in list){
                    str += '<tr>';
                    str += '<td class="table-project-name">' + list[i]['TITLE'] + list[i]['NAME'] + '</td>';
                    str += '<td>' + list[i]['CREATE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>';
                    str += '<td>' + list[i]['NAME'] + '</td>';
                    str += '</tr>';
                }
                $('#taskList').html(str);
            }
        }
    })
}
function taskChart() {
    $.get('/api/Project/taskChart',{orgid: orgid},function (data) {
        if(data.status == 0){
            if(data.data.x.length > 0){
                var task = echarts.init(document.getElementById('task'));
                taskOption = {
                    color: ['#2ca2fc','#fdd100'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross',
                            crossStyle: {
                                color: '#999'
                            }
                        }
                    },
                    grid: {
                        top: '13%',
                        left: '3%',
                        right: '4%',
                        bottom: '-2%',
                        // minHeight: 120,
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data : data.data.x,
                            axisPointer: {
                                type: 'shadow'
                            },
                            axisLabel: {
                                color:'#fff',
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            axisLabel: {
                                formatter: '{value}',
                                color:'#fff',
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: '#ccc'
                                }
                            }
                        },
                        // {
                        //     type: 'value',
                        //     axisLabel: {
                        //         formatter: '{value} %',
                        //         color:'#fff',
                        //     },
                        //     axisLine: {
                        //         show: true,
                        //         lineStyle: {
                        //             color: '#ccc'
                        //         }
                        //     }
                        // }
                    ],
                    series: [
                        {
                            name:'任务量',
                            type:'bar',
                            barWidth: 30,
                            data: data.data.y1,
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top',
                                    color: '#fff'
                                }
                            },
                        },
                        // {
                        //     name:'概率',
                        //     type:'line',
                        //     yAxisIndex: 1,
                        //     data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2]
                        // }
                    ]
                };
                task.setOption(taskOption);
            }
        }
    });
}


//安保
function hiddenDangerChart() {
    $.get('/api/Project/hiddenDangerChart',{orgid:orgid},function (data) {
        if(data.status == 0){
            if(data.data.x.length > 0){
                var hiddenDanger = echarts.init(document.getElementById('hidden-danger'));
                hiddenDangerOption = {
                    color:['#2ca2fc','#ffcb1d'],
                    tooltip : {
                        trigger: 'axis',
                        axisPointer : {
                            type : 'shadow'
                        }
                    },
                    grid: {
                        top: '10%',
                        left: '3%',
                        right: '4%',
                        bottom: '0',
                        containLabel: true
                    },
                    xAxis:  {
                        type: 'category',
                        axisLabel:{
                            show:true,
                            inside:false,
                            rotate:0,
                            margin: 8,
                            color:'#fff',
                        },
                        data: data.data.x,
                    },
                    yAxis: {
                        type: 'value',
                        axisLabel:{
                            show:true,
                            inside:false,
                            rotate:0,
                            margin: 8,
                            color:'#fff',
                        },
                        // data: ['0','500','1000','1500','2000']
                    },
                    series: [
                        {
                            name: '隐患数量',
                            type: 'bar',
                            stack: '总量',
                            barWidth:'30',
                            radius: ['70%', '100%'],
                            label: {
                                normal: {
                                    show: true,
                                    position: 'insideRight'
                                }
                            },
                            data: data.data.y1,
                        },
                        {
                            name: '转工单量',
                            type: 'bar',
                            stack: '总量',
                            label: {
                                normal: {
                                    show: true,
                                    position: 'insideRight'
                                }
                            },
                            data: data.data.y2,
                        },

                    ]
                };
                hiddenDanger.setOption(hiddenDangerOption);
            }
        }
    });
}

// 安保表单
function hiddenDangerList() {
    $.get('/api/Project/hiddenDanger',{orgid:orgid},function (res) {
        if(res.status == 0) {
            let list = res.data.data;
            if (list.length > 0) {
                var str = '';
                for (var i in list){
                    if (list[i]['CURR_ORDER_MODE'] == 9 || list[i]['CURR_ORDER_MODE'] == 11) {
                        str += '<tr style="color: #adff2f;">';
                    } else {
                        str += '<tr>';
                    }
                    str += '<td class="table-project-name">' + list[i]['TITLE'] + list[i]['NAME'] +'</td>';
                    str += '<td>' + list[i]['CREATTE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>';
                    str += '<td>' + list[i]['REAL_NAME'] + '</td>';
                    str += '</tr>';
                }
                $('#hiddenDangerList').html(str);
            }
        }
    })
}


// 巡更
function patrol() {
    $.get('/api/Project/patrol',{orgid:orgid},function (res) {
        if(res.status == 0) {
            var list = res.data.data;
            if (list != '') {
                var str = '';
                str += '<tr>';
                str += '<td>' + list['NAME'] +'地点' + '</td>';
                str += '<td>' + list['TITLE'] + '</td>';
                str += '</tr>';
                str += '<tr>';
                str += '<td>' + list['NAME'] +'时间' + '</td>';
                str += '<td>' + list['CREATE_TIME'].replace(/(\d{4}).(\d{1,2}).(\d{1,2}).+/mg, '$1-$2-$3') + '</td>';
                str += '</tr>';
                str += '<tr>';
                str += '<td>' + list['NAME'] +'人员' + '</td>';
                str += '<td>' + list['USER_NAME'] + '</td>';
                str += '</tr>';
                $('#patrol').html(str);
                $('#patrol-addr').html(list['TITLE']);

                $('#patrol-data-monitor').html(list['NAME']+'大数据监控');
                $('#patrol-data-title').html('最新'+ list['NAME']+'记录');

                var oImg = document.getElementById('patrol-img');
                var arr = list['IMAGES'];
                var num = 0;
                num++;
                if (num == arr.length) {
                    num = 0;
                }
                oImg.src = arr[num];
            }
            setTimeout("patrol()", 15000);
        }
    })
}

var timer = 1000*60*30;

todo(0);
user();
personnel();
taskList();
taskChart();
complaintList();
complaintChart();
hiddenDangerList();
hiddenDangerChart();
patrol(); //巡更

setInterval(function(){
    user();
    personnel();
    taskList();
    taskChart();
    complaintList();
    complaintChart();
    hiddenDangerList();
    hiddenDangerChart();
}, timer);

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

function locationIicon() {
    var id = document.getElementById("location-icon");
    var photo=$(".location-icon img");
    for(var i=0; photo.eq(i).val()==0;i++){
        var left = Math.floor( Math.random() * 100 + 200 );
        var top = Math.floor( Math.random() * 100 + 100);
        photo.eq(i).css({
            'position': 'absolute',
            'left':left +'px',
            'top' :top +'px',
        });
    }
}

setInterval(function () {
    locationIicon();
},5000);