#

luxiaotao1123

2022-04-06 c328fba5d919ac9bd8a22ab8e9d6a543bedf2a64

 static/js/data/sidebar.js

@@ -136,29 +136,29 @@
$('.tbl-body tbody').empty();
$('.tbl-header tbody').empty();
var Items = [
    {"Ranking":"1","City":"保定","SaleIncome":"2506734.43","An":"53.00",},
    {"Ranking":"2","City":"沧州","SaleIncome":"1425935.58","An":"65.00",},
    {"Ranking":"3","City":"秦皇岛","SaleIncome":"1372207.38","An":"34.00",},
    {"Ranking":"4","City":"衡水","SaleIncome":"972451.15","An":"15.00",},
    {"Ranking":"5","City":"石家庄","SaleIncome":"939010.52","An":"-57.00",},
    {"Ranking":"6","City":"邢台","SaleIncome":"774274.70","An":"-20.00",},
    {"Ranking":"7","City":"唐山","SaleIncome":"680456.79","An":"-29.00",},
    {"Ranking":"8","City":"张家口","SaleIncome":"613319.87","An":"2.00",},
    {"Ranking":"9","City":"中油华奥","SaleIncome":"596575.25","An":"35.00",},
    {"Ranking":"10","City":"承德","SaleIncome":"589048.12","An":"30.00",},
    {"Ranking":"11","City":"廊坊","SaleIncome":"515448.14","An":"-48.00",},
    {"Ranking":"12","City":"瑞州","SaleIncome":"399875.26","An":"128.00",},
    {"Ranking":"13","City":"石家庄中油","SaleIncome":"90543.62","An":"-24.00",},
    {"Ranking":"14","City":"辛集中油","SaleIncome":"49255.52","An":"19.00",},
    {"Ranking":"15","City":"井陉中油","SaleIncome":"29682.60","An":"-74.00",},
    {"Ranking":"16","City":"保定中油","SaleIncome":"11887.73","An":"-64.00",}
    {"Type":"条码扫描器","Id":"3","Msg":"2506734232@#21","Time":"12.01",},
    {"Type":"堆垛机","Id":"12","Msg":"32123221234241","Time":"12.02",},
    {"Type":"机械臂","Id":"2","Msg":"137220723238","Time":"12.03",},
    {"Type":"输送线","Id":"308","Msg":"9#7245123115","Time":"14:21",},
    {"Type":"磅秤","Id":"5","Msg":"10.52","Time":"14:22",},
    {"Type":"无人小车","Id":"6","Msg":"2506734232@#21","Time":"14:31",},
    {"Type":"条码扫描器","Id":"2","Msg":"8000081","Time":"14:51",},
    {"Type":"堆垛机","Id":"10","Msg":"#1372213220723238","Time":"15:21",},
    {"Type":"机械臂","Id":"3","Msg":"123212@231","Time":"15:34",},
    {"Type":"磅秤","Id":"2","Msg":"6.3","Time":"15:38",},
    {"Type":"无人小车","Id":"1","Msg":"2506734232@#21","Time":"15:58",},
    {"Type":"条码扫描器","Id":"8","Msg":"12152123","Time":"16:12",},
    {"Type":"堆垛机","Id":"3","Msg":"sda2132###","Time":"16:12",},
    {"Type":"机械臂","Id":"6","Msg":"12234221","Time":"16:15",},
    {"Type":"磅秤","Id":"5","Msg":"6.6","Time":"17:28",},
    {"Type":"无人小车","Id":"3","Msg":"232211123",Time:"7:41",}
]
$.each(Items,function (i, item) {
    str = '<tr>'+
            '<td>'+item.Ranking+'</td>'+
            '<td>'+item.City+'</td>'+
            '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
            '<td>'+(+item.An).toFixed(2)+'</td>'
    let str = '<tr>'+
            '<td>'+item.Type+'</td>'+
            '<td>'+item.Id+'</td>'+
            '<td>'+item.Msg+'</td>'+
            '<td>'+item.Time+'</td>'
        '</tr>';

    $('.tbl-body tbody').append(str);
@@ -168,51 +168,25 @@
    $('.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){
        if(tblTop <= -outerHeight*Items.length/2){
            tblTop = 0;
        } else {
            tblTop -= 1;
        }
        $('.tbl-body').css('top', tblTop+'px');
    }

    var speedhq = 50; // 数值越大越慢
    MyMarhq = setInterval(Marqueehq,speedhq);

    // 鼠标移上去取消事件
    $(".tbl-header tbody").hover(function (){
        clearInterval(MyMarhq);
    },function (){
    }, function (){
        clearInterval(MyMarhq);
        MyMarhq = setInterval(Marqueehq,speedhq);
    })
}
$.each(Items,function (i, item) {
    str = '<tr>'+
        '<td>'+item.Ranking+'</td>'+
        '<td>'+item.City+'</td>'+
        '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
        '<td>'+(+item.An).toFixed(2)+'</td>'+
        '</tr>'

    $('.tbl-body tbody').append(str);
    $('.tbl-header tbody').append(str);
});
if(Items.length > 10){
    $('.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);
}