小记JavaScript的使用

var waiters = {
    onwaitNum:0,
    waiterMap: new Map(),
    initWaiters:function(data){
        for(var i = 0;i<data.length;i++){
            var thisWaiters= new Object();
            thisWaiters.groupid = data[i].codeName;
            thisWaiters.num = 0;
            thisWaiters.name = data[i].codeValue;
            this.waiterMap.set(thisWaiters.groupid,thisWaiters);
        }           
    },
    computeWaitNum:function(waitInfo){
        this.onwaitNum = 0;
        for(var key of this.waiterMap.keys()){
            this.onwaitNum += this.waiterMap.get(key).num  
        }
    },
    mointerWaitNum:function(changeData){
        for(var i = 0;i<changeData.length;i++){
            if(changeData[i].num != undefined){
                this.waiterMap.get(changeData[i].groupid+'').num= changeData[i].num;
                
            }
                   
        }

    },
    getWaiterInfo:function(){
        waiterInfoData = []
        for(var key of this.waiterMap.keys()){
            waiterInfoData.push(this.waiterMap.get(key))
        }
        return waiterInfoData;

    },
}

matchWaiterName();
function matchWaiterName (){
    $.ajax({
        url:manyParams+'队列列表',
        type:'post',
        data:'',
        dataType:'json',
        contentType:"application/json",
        success:function(data){
            waiters.initWaiters(data);
        }
    })
}

//监控排队信息xueying
function mointerWaitInfoShow(){
    window.top.$('#mointerWaitInfo').css('display','block')
}

function mointerWaitTable(json){
    console.log('监控排队信息的内容' + JSON.stringify(json));
    var datas = json.data
    try {
        mointerWaitTableMethods(datas)
    }
    catch(err) {
        console.log(err)
    }
    
}
function mointerWaitTableMethods(datas){
    //更新某一个groupid变化的内容
    waiters.mointerWaitNum(datas)  
    //计算排队的总数量
    waiters.computeWaitNum(datas)
    var theWaiters = waiters.getWaiterInfo()
    $('#waitNum').text(waiters.onwaitNum)
    window.top.$('#mointerWaitTable').bootstrapTable('destroy');
    window.top.$('#mointerWaitTable').bootstrapTable({ 
        onClickRow:function (row,$element) {
            
        },
        cache:false,
        pagination:false,//是否分页
        sidePagination: "client",
        pageNumber: 1,
            pageSize: 5,
        data:theWaiters,
        columns:[
            {
                field:'',
                title:'序号',
                formatter: function (value, row, index) {
                    return index+1;
                }

            },
            {
                field: 'groupid',
                title: '技能组ID',
            }, 
            {
                field: 'num',
                title: '呼入技能组排队数',
            },
            
        ]
    })
}