test/public/js/tools/tips.js

var tips = {
        subStr:function(str,len){
            if(!len){
                len=10;
            }
            if (str.length>len) {
                return str.substring(0,len)+"...";
            }
            return str;
        },
        demo: function () {
            var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
            $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");
            var iframe = '<iframe class="J_iframe" name="iframe10000" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
                + '" seamless="" style="display: inline;"></iframe>';
            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
                ' <a href="javascript:;" class="J_menuTab active" data-id="' + url + '">' + title + ' <i class="fa fa-times-circle"></i></a>');
            $(window.parent.document).find('.J_mainContent').append(iframe);
        },
        page: function (url, title) {

            var wpd = $(window.parent.document);
            var mainContent = wpd.find('.J_mainContent');
            var thisIframe = mainContent.find("iframe[data-id='" + url + "']");
            var pageTabs = wpd.find('.J_menuTabs .page-tabs-content ');
            pageTabs.find(".J_menuTab.active").removeClass("active");
            mainContent.find("iframe").css("display", "none");
            if (thisIframe.length > 0) {	// 选项卡已打开
                thisIframe.css("display", "inline");
                pageTabs.find(".J_menuTab[data-id='" + url + "']").addClass("active");
            } else {
                var menuItem = wpd.find("a.J_menuItem[href='" + url + "']");
                var dataIndex = title == undefined ? menuItem.attr("data-index") : '9999';
                var _title = title == undefined ? menuItem.find('.nav-label').text() : title;
                var iframe = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
                    + '" seamless="" style="display: inline;"></iframe>';
                pageTabs.append(
                    ' <a href="javascript:;" class="J_menuTab active" data-id="' + url + '">' + _title + ' <i class="fa fa-times-circle"></i></a>');
                mainContent.append(iframe);
                //显示loading提示
                var loading = parent.layer.load();
                mainContent.find('iframe:visible').load(function () {
                    //iframe加载完成后隐藏loading提示
                    parent.layer.close(loading);
                });
            }
        },

        getFormValues: function (formId) {
            var data = {};
            var formVal = $(formId).serializeArray();
            var temp = {};
            $.each(formVal, function (inx, val) {
                temp[val.name] = val.value;
                $.extend(data, temp);
            });
            return data;
        }
        ,
        ajax: function (config) {

            var loadIndex;

            if (!config.hasOwnProperty('type')) {
                config.type = 'get';
            }


            if (!config.hasOwnProperty('url')) {
                config.url = '';
            }

            if (!config.hasOwnProperty('data')) {
                config.data = {};
            }

            if (!config.hasOwnProperty('success')) {
                config.success = function (result) {
                    layer.msg(result.message, {icon: 6, time: 1500}, function () {
                        if (config.hasOwnProperty('tableRefresh')) {
                            tips.tableRefresh(config.tableRefresh);
                        }
                    });
                };
            }


            $.ajax({
                type: config.type,
                url: config.url,
                data: config.data,
                beforeSend: function () {
                    loadIndex = layer.load();
                },
                complete: function () {
                    layer.close(loadIndex);
                },
                success: config.success,
                error: function (XMLHttpRequest) {
                    if (XMLHttpRequest.status === 500) {
                        layer.alert("异步请求失败", {icon: 5});
                        return;
                    }
                    if (XMLHttpRequest.status === 422 && typeof config.p !== 'undefined') {
                        config.p();
                    }
                    layer.alert(JSON.parse(XMLHttpRequest.responseText).message, {icon: 0});
                }
            });
        }
        ,
        bootstrapTable: function (config) {
            if (typeof config !== 'object') {
                layer.alert("参数必须为js对象", {icon: 5});
                return;
            }

            if (!config.hasOwnProperty('url')) {
                config.url = '';
            }
            if (!config.hasOwnProperty('picker')) {
                config.picker = '#table';
            }

            if (!config.hasOwnProperty('columns')) {
                config.columns = [];
            }

            if (!config.hasOwnProperty('queryParams')) {
                config.queryParams = function (params) {

                    if (config.hasOwnProperty('otherParams')) {
                        $.extend(params, config.otherParams);
                    }


                    params.page = params.pageNumber;
                    params.size = params.pageSize;

                    var formValues = tips.getFormValues("#searchForm");

                    // $.each(formValues, function (inx, val) {
                    //     if (val.length > 0) {
                    //         params.page = 1;
                    //     }
                    // });

                    $.extend(params, formValues);
                    return params;
                }
            }

            if (!config.hasOwnProperty('pageSize')) {
                config.pageSize = 10;
            }
            if (!config.hasOwnProperty('showColumns')) {
                config.showColumns = false;
            }
            if (!config.hasOwnProperty('paginationDetailHAlign')) {
                config.paginationDetailHAlign = 'left';
            }

            if (!config.hasOwnProperty('onLoadSuccess')) {
                config.onLoadSuccess = function (data) {

                };
            }

            if (!config.hasOwnProperty('onLoadError')) {
                config.onLoadError = function (status, jqXHR) {
                    $(".no-records-found td").text('数据接口请求异常');
                };
            }

            $(config.picker).bootstrapTable({
                classes: 'table,table-hover,table-borderless', //bootstrap的表格样式
                sidePagination: 'server', //获取数据方式【从服务器获取数据】
                url: config.url,//ajax链接
                pagination: true, //分页
                pageNumber: 1, //页码【第X页】
                pageSize: config.pageSize, //每页显示多少条数据
                sortName: 'id', //排序字段
                sortOrder: 'DESC',//排序方式
                queryParamsType: '', // limit
                striped: true,
                queryParams: config.queryParams,
                columns: config.columns,
                onLoadSuccess: config.onLoadSuccess,
                onLoadError: config.onLoadError,
                showColumns: config.showColumns,
                paginationDetailHAlign: config.paginationDetailHAlign,
                pageList:[10,25,50,100,500]

            });
            $(config.picker).bootstrapTable1({
                classes: 'table,table-hover,table-borderless', //bootstrap的表格样式
                sidePagination: 'server', //获取数据方式【从服务器获取数据】
                url: config.url,//ajax链接
                pagination: true, //分页
                pageNumber: 1, //页码【第X页】
                pageSize: config.pageSize, //每页显示多少条数据
                sortName: 'id', //排序字段
                sortOrder: 'DESC',//排序方式
                queryParamsType: '', // limit
                striped: true,
                queryParams: config.queryParams,
                columns: config.columns,
                onLoadSuccess: config.onLoadSuccess,
                onLoadError: config.onLoadError,
                showColumns: config.showColumns,
                paginationDetailHAlign: config.paginationDetailHAlign,
                pageList:[10,25,50,100,500]

            });
        }
        ,
        selectPage: function (picker) {
            if (picker === undefined) {
                picker = '#table';
            }
            $(picker).bootstrapTable('refresh',{pageNumber: 1})
        }
        ,
        tableRefresh: function (picker) {
            if (picker === undefined) {
                picker = '#table';
            }
            $(picker).bootstrapTable('refresh');
        }
        ,
        closeParentLayer: function () {
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
            parent.layer.close(index);
        }
        ,
        fileUpload: function (_this, config) {


            if (!$(_this)[0].files[0]) {
                return;
            }

            var formData = new FormData();
            formData.append('file', $(_this)[0].files[0]);

            if (config.hasOwnProperty('formData')) {
                $.each(config.formData, function (inx, val) {
                    formData.append(val.key, val.val);
                });

            }

            if (!config.hasOwnProperty('url')) {
                config.url = '/admin/project/process/file-upload';
            }

            if (!config.hasOwnProperty('success')) {
                config.success = function (result) {
                    layer.msg(result.message, {icon: 6, time: 1500});
                }
            }

            var ln;
            $.ajax({
                url: config.url,
                type: 'POST',
                cache: false,
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function () {
                    ln = layer.load();
                },
                complete: function () {
                    layer.close(ln);
                },
                success: config.success,
                error: function (XMLHttpRequest) {
                    if (XMLHttpRequest.status === 500) {
                        layer.alert("异步请求失败", {icon: 5});
                        return;
                    }
                    layer.alert(JSON.parse(XMLHttpRequest.responseText).message, {icon: 0});
                }
            });
        }
    }
;