k8swebapi/sharetransmit/public/js/admin/weile/modal/server_status.js

/**
 * Created by hedianjie on 2017/6/10.
 */

/**
 *  设置分页
 *  total -> 总共多少页
 *  page -> 当前第几页
 *  s -> 前后显示多少页
 * */
function setPage(total, page, s) {
    var size = s || 3; // 前后显示多少页
    var el = $('#page').empty();
    var p = page - size;
    if ((p + size * 2) >= total) {
        p = total - size * 2
    }
    if (!(page - size <= 1)) {
        el.append(pageListRender(1));
        el.append(pageListRender('…'));
    }
    for (var i = 0; i < (size * 2 + 1); i++, p++) {
        if (p > total) {
            break;
        }
        if (p <= 0) {
            p = 1
        }
        el.append(pageListRender(p));
    }
    if (!(page + size >= total)) {
        if (size * 2 + 1 < total) {
            el.append(pageListRender('…'));
            el.append(pageListRender(total));
        }

    }
}

/**
 * 分页HTML渲染内容
 * page -> 当前第几页
 * */
function pageListRender(page) {
    var html = $('<div class="page-list pull-left ">\
                    <a href="javascript:void(0);">' + page + '</a>\
                </div>');
    (function (html) {
        html.find('a').click(function () {
        });
    })(html);
    return html;
}

/**
 *  展开所有
 * */
function slideDownAll() {
    $('.portlet-body').find('.group .form-content').slideDown('fast');
}

/**
 *  收起
 * */
function slideUpAll() {
    $('.portlet-body').find('.group .form-content').slideUp('fast');
}

/**
 *  展开收起一条
 * */
function slideDownOne(_this) {
    $(_this).siblings('.form-content').slideToggle('fast');
}

/**
 *  获取请求ajax数据
 * */
var getAjax = function (data, type, url, callback, alert) {
    $(".opacity").fadeIn(100);
    $.ajax({
        url: url,
        type: type,
        dataType: 'JSON',
        data: data,
        success: function (result) {
            if (result.state == 0) {
                typeof callback == 'function' ? callback(result) : null;
                if (alert) weile.F.alert(result.msg || " ");
                $(".opacity").fadeOut(100);
            } else {
                weile.F.alert(result.msg || " ");
                $(".opacity").fadeOut(100);
            }
        },
        error: function (err) {
            weile.F.alert(err || " ");
            $(".opacity").fadeOut(100);
        }
    })
};



var RENDER = {

    renderGroup : function () { // 渲染table
        var html = '<div class="group">'                        ;
        html+=                '<h4  class="title" ondblclick="slideDownOne(this)">江西大厅服务器</h4>';
        html+=                 '<div class="form-group form-content">';
        html+=                 '    <div class="group-left">';
        html+=                 '        <div class="table-scrollable">';
        html+=                 '            <table class="table table-striped table-bordered table-advance table-hover">';
        html+=                 '                <thead>';
        html+=                 '                    <tr>';
        html+=                 '                        <th>名称</th>';
        html+=                 '                        <th>链接数</th>';
        html+=                 '                        <th>端口号</th>';
        html+=                 '                        <th>状态</th>';
        html+=                 '                        <th>当前流量</th>';
        html+=                 '                        <th>操作</th>';
        html+=                 '                    </tr>';
        html+=                 '                </thead>';
        html+=                 '                <tbody>';

        html+=                 '                </tbody>';
        html+=                 '            </table>';
        html+=                 '        </div>';
        html+=                 '    </div>';
        html+=                 '    <div class="group-right">';
        html+=                 '        <div>';
        html+=                 '            <p><span>CPU : </span><span class="green">20%</span></p>';
        html+=                 '            <p><span>RAM : </span><span class="green">1.25G</span></p>';
        html+=                 '        </div>';
        html+=                 '        <div>';
        html+=                 '            <span class="btn btn-danger btn-sm">重启服务器</span>';
        html+=                 '        </div>';
        html+=                 '    </div>';
        html+=                 '</div>';
        html+=      '</div>';


    },

    renderTable : function () {
        var html = '';

        html+=                 '                    <tr>';
        html+=                 '                        <td>江西大厅</td>';
        html+=                 '                        <td>5000人</td>';
        html+=                 '                        <td>8080</td>';
        html+=                 '                        <td><span class="green">正常</span></td>';
        html+=                 '                        <td>当前流量（500K/s）</td>';
        html+=                 '                        <td class="btns">';
        html+=                 '                            <a href="javascript:void(0);" class="btn default btn-xs blue-stripe">启动</a>';
        html+=                 '                            <a href="javascript:void(0);" class="btn default btn-xs red-stripe">关闭</a>';
        html+=                 '                            <a href="javascript:void(0);" class="btn default btn-xs green-stripe">重启</a>';
        html+=                 '                        </td>';
        html+=                 '                    </tr>';
    }



};