/** * 通用方法封装处理 * Copyright (c) 2018 huaheng */ (function ($) { $.extend({ // 表格封装处理 table: { _option: {}, _params: {}, // 初始化表格 init: function(options) { $.table._option = options; $.table._params = $.common.isEmpty(options.queryParams) ? $.table.queryParams : options.queryParams; _sortOrder = $.common.isEmpty(options.sortOrder) ? "asc" : options.sortOrder; _sortName = $.common.isEmpty(options.sortName) ? "" : options.sortName; $('#bootstrap-table').bootstrapTable({ url: options.url, // 请求后台的URL(*) contentType: "application/x-www-form-urlencoded", // 编码类型 method: 'post', // 请求方式(*) cache: false, // 是否使用缓存 sortable: true, // 是否启用排序 sortStable: true, // 设置为 true 将获得稳定的排序 sortName: _sortName, // 排序列名称 sortOrder: _sortOrder, // 排序方式 asc 或者 desc pagination: $.common.visible(options.pagination), // 是否显示分页(*) pageNumber: 1, // 初始化加载第一页,默认第一页 pageSize: 10, // 每页的记录行数(*) pageList: [10, 25, 50], // 可供选择的每页的行数(*) iconSize: 'outline', // 图标大小:undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮 toolbar: '#toolbar', // 指定工作栏 sidePagination: "server", // 启用服务端分页 search: $.common.visible(options.search), // 是否显示搜索框功能 showRefresh: $.common.visible(options.showRefresh), // 是否显示刷新按钮 showColumns: $.common.visible(options.showColumns), // 是否显示隐藏某列下拉框 showToggle: $.common.visible(options.showToggle), // 是否显示详细视图和列表视图的切换按钮 showExport: $.common.visible(options.showExport), // 是否支持导出文件 queryParams: $.table._params, // 传递参数(*) columns: options.columns, // 显示列信息(*) responseHandler: $.table.responseHandler // 回调函数 }); }, // 查询条件 queryParams: function(params) { return { // 传递参数查询参数 pageSize: params.limit, pageNum: params.offset / params.limit + 1, searchValue: params.search, orderByColumn: params.sort, isAsc: params.order }; }, // 请求获取数据后处理回调函数 responseHandler: function(res) { if (res.code == 0) { return { rows: res.rows, total: res.total }; } else { $.modal.alertWarning(res.msg); return { rows: [], total: 0 }; } }, // 搜索 search: function(formId) { var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; var params = $("#bootstrap-table").bootstrapTable('getOptions'); params.queryParams = function(params) { var search = {}; $.each($("#" + currentId).serializeArray(), function(i, field) { search[field.name] = field.value; }); search.pageSize = params.limit; search.pageNum = params.offset / params.limit + 1; search.searchValue = params.search; search.orderByColumn = params.sort; search.isAsc = params.order; return search; } $("#bootstrap-table").bootstrapTable('refresh', params); }, // 下载 exportExcel: function(formId) { var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; $.modal.loading("正在导出数据,请稍后..."); $.post($.table._option.exportUrl, $("#" + currentId).serializeArray(), function(result) { if (result.code == web_status.SUCCESS) { window.location.href = ctx + "common/download?fileName=" + result.msg + "&delete=" + true; } else { $.modal.alertError(result.msg); } $.modal.closeLoading(); }); }, // 刷新 refresh: function() { $("#bootstrap-table").bootstrapTable('refresh', { url: $.table._option.url, silent: true }); }, // 查询选中列值 selectColumns: function(column) { return $.map($('#bootstrap-table').bootstrapTable('getSelections'), function (row) { return row[column]; }); }, // 查询选中首列值 selectFirstColumns: function() { return $.map($('#bootstrap-table').bootstrapTable('getSelections'), function (row) { return row[$.table._option.columns[1].field]; }); }, // 回显数据字典 selectDictLabel: function(_datas, _value) { var actions = []; $.each(_datas, function(index, dict) { if (dict.dictValue == _value) { actions.push("<span class='badge badge-" + dict.listClass + "'>" + dict.dictLabel + "</span>"); return false; } }); return actions.join(''); }, // 回显数据绑定的表格 selectIdToName: function(_datas, _value) { var actions = []; $.each(_datas, function(index, dict) { if (dict.id == _value) { actions.push("<span class='badge badge-info'>" + dict.name + "</span>"); return false; } }); return actions.join(''); }, // 回显数据绑定的表格 selectIdToCode: function(_datas, _value) { var actions = []; $.each(_datas, function(index, dict) { if (dict.id == _value) { actions.push("<span class='badge badge-info'>" + dict.code + "</span>"); return false; } }); return actions.join(''); } }, // 表格树封装处理 treeTable: { _option: {}, _treeTable: {}, // 初始化表格 init: function(options) { $.table._option = options; var treeTable = $('#bootstrap-table').bootstrapTreeTable({ code : options.id, // 用于设置父子关系 parentCode : options.parentId, // 用于设置父子关系 type: 'get', // 请求方式(*) url: options.url, // 请求后台的URL(*) ajaxParams : {}, // 请求数据的ajax的data属性 expandColumn : '0', // 在哪一列上面显示展开按钮 striped : false, // 是否各行渐变色 bordered : true, // 是否显示边框 expandAll : $.common.visible(options.expandAll), // 是否全部展开 columns: options.columns }); $.treeTable._treeTable = treeTable; }, // 条件查询 search: function(formId) { var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; var params = {}; $.each($("#" + currentId).serializeArray(), function(i, field) { params[field.name] = field.value; }); $.treeTable._treeTable.bootstrapTreeTable('refresh', params); }, // 刷新 refresh: function() { $.treeTable._treeTable.bootstrapTreeTable('refresh'); }, }, // 表单封装处理 form: { // 获取选中复选框项 selectCheckeds: function(name) { var checkeds = ""; $('input:checkbox[name="' + name + '"]:checked').each(function(i) { if (0 == i) { checkeds = $(this).val(); } else { checkeds += ("," + $(this).val()); } }); return checkeds; }, // 获取选中下拉框项 selectSelects: function(name) { var selects = ""; $('#' + name + ' option:selected').each(function (i) { if (0 == i) { selects = $(this).val(); } else { selects += ("," + $(this).val()); } }); return selects; } }, // 弹出层封装处理 modal: { // 显示图标 icon: function(type) { var icon = ""; if (type == modal_status.WARNING) { icon = 0; } else if (type == modal_status.SUCCESS) { icon = 1; } else if (type == modal_status.FAIL) { icon = 2; } else { icon = 3; } return icon; }, // 消息提示 msg: function(content, type) { if (type != undefined) { layer.msg(content, { icon: $.modal.icon(type), time: 1000, shift: 5 }); } else { layer.msg(content); } }, // 错误消息 msgError: function(content) { $.modal.msg(content, modal_status.FAIL); }, // 成功消息 msgSuccess: function(content) { $.modal.msg(content, modal_status.SUCCESS); }, // 警告消息 msgWarning: function(content) { $.modal.msg(content, modal_status.WARNING); }, // 弹出提示 alert: function(content, type) { layer.alert(content, { icon: $.modal.icon(type), title: "系统提示", btn: ['确认'], btnclass: ['btn btn-primary'], }); }, // 消息提示并刷新父窗体 msgReload: function(msg, type) { layer.msg(msg, { icon: $.modal.icon(type), time: 500, shade: [0.1, '#8F8F8F'] }, function() { $.modal.reload(); }); }, // 错误提示 alertError: function(content) { $.modal.alert(content, modal_status.FAIL); }, // 成功提示 alertSuccess: function(content) { $.modal.alert(content, modal_status.SUCCESS); }, // 警告提示 alertWarning: function(content) { $.modal.alert(content, modal_status.WARNING); }, // 关闭窗体 close: function () { var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }, // 确认窗体 confirm: function (content, callBack) { layer.confirm(content, { icon: 3, title: "系统提示", btn: ['确认', '取消'], btnclass: ['btn btn-primary', 'btn btn-danger'], }, function (index) { layer.close(index); callBack(true); }); }, // 弹出层指定宽度 open: function (title, url, width, height) { //如果是移动端,就使用自适应大小弹窗 if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) { width = 'auto'; height = 'auto'; } if ($.common.isEmpty(title)) { title = false; }; if ($.common.isEmpty(url)) { url = "404.html"; }; if ($.common.isEmpty(width)) { width = 800; }; if ($.common.isEmpty(height)) { height = ($(window).height() - 50); }; layer.open({ type: 2, area: [width + 'px', height + 'px'], fix: false, //不固定 maxmin: true, shade: 0.3, title: title, content: url }); }, // 弹出层全屏 openFull: function (title, url, width, height) { //如果是移动端,就使用自适应大小弹窗 if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) { width = 'auto'; height = 'auto'; } if ($.common.isEmpty(title)) { title = false; }; if ($.common.isEmpty(url)) { url = "404.html"; }; if ($.common.isEmpty(width)) { width = 800; }; if ($.common.isEmpty(height)) { height = ($(window).height() - 50); }; var index = layer.open({ type: 2, area: [width + 'px', height + 'px'], fix: false, //不固定 maxmin: true, shade: 0.3, title: title, content: url }); layer.full(index); }, // 打开遮罩层 loading: function (message) { $.blockUI({ message: '<div class="loaderbox"><div class="loading-activity"></div> ' + message + '</div>' }); }, // 关闭遮罩层 closeLoading: function () { setTimeout(function(){ $.unblockUI(); }, 50); }, // 重新加载 reload: function () { parent.location.reload(); } }, // 操作封装处理 operate: { // 提交数据 submit: function(url, type, dataType, data) { $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: type, dataType: dataType, data: data, success: function(result) { $.operate.ajaxSuccess(result); } }; $.ajax(config) }, // post请求传输 post: function(url, data) { $.operate.submit(url, "post", "json", data); }, // 删除信息 remove: function(id) { $.modal.confirm("确定删除该条" + $.table._option.modalName + "信息吗?", function() { var url = $.common.isEmpty(id) ? $.table._option.removeUrl : $.table._option.removeUrl.replace("{id}", id); var data = { "ids": id }; $.operate.submit(url, "post", "json", data); }); }, // 批量删除信息 batRemove: function() { var rows = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id); if (rows.length == 0) { $.modal.alertWarning("请至少选择一条记录"); return; } $.modal.confirm("确认要删除选中的" + rows.length + "条数据吗?", function() { var url = $.table._option.removeUrl; var data = { "ids": rows.join() }; $.operate.submit(url, "post", "json", data); }); }, // 添加信息 add: function(id) { var url = $.common.isEmpty(id) ? $.table._option.createUrl : $.table._option.createUrl.replace("{id}", id); $.modal.open("添加" + $.table._option.modalName, url); }, // 修改信息 edit: function(id) { var url = $.table._option.updateUrl.replace("{id}", id); $.modal.open("修改" + $.table._option.modalName, url); }, // 添加信息 全屏 addFull: function(id) { var url = $.common.isEmpty(id) ? $.table._option.createUrl : $.table._option.createUrl.replace("{id}", id); $.modal.openFull("添加" + $.table._option.modalName, url); }, // 修改信息 全屏 editFull: function(id) { var url = $.table._option.updateUrl.replace("{id}", id); $.modal.openFull("修改" + $.table._option.modalName, url); }, // 保存信息 save: function(url, data) { $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: "post", dataType: "json", data: data, success: function(result) { $.operate.saveSuccess(result); } }; $.ajax(config) }, // 保存结果弹出msg刷新table表格 ajaxSuccess: function (result) { if (result.code == web_status.SUCCESS) { $.modal.msgSuccess(result.msg); $.table.refresh(); } else { $.modal.alertError(result.msg); } $.modal.closeLoading(); }, // 保存结果提示msg saveSuccess: function (result) { if (result.code == web_status.SUCCESS) { $.modal.msgReload("保存成功,正在刷新数据请稍后……", modal_status.SUCCESS); } else { $.modal.alertError(result.msg); } $.modal.closeLoading(); } }, // 通用方法封装处理 common: { // 判断字符串是否为空 isEmpty: function (value) { if (value == null || this.trim(value) == "") { return true; } return false; }, // 是否显示数据 为空默认为显示 visible: function (value) { if ($.common.isEmpty(value) || value == true) { return true; } return false; }, // 空格截取 trim: function (value) { if (value == null) { return ""; } return value.toString().replace(/(^\s*)|(\s*$)|\r|\n/g, ""); }, // 指定随机数返回 random: function (min, max) { return Math.floor((Math.random() * max) + min); } } }); })(jQuery); /** 消息状态码 */ web_status = { SUCCESS: 200, FAIL: 400 }; /** 弹窗状态码 */ modal_status = { SUCCESS: "success", FAIL: "error", WARNING: "warning" };