/** * 通用方法封装处理 * 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), // 是否支持导出文件 clickToSelect:$.common.visible(options.clickToSelect), queryParams: $.table._params, // 传递参数(*) columns: options.columns, // 显示列信息(*) responseHandler: $.table.responseHandler , // 回调函数 onDblClickRow:function(row){ if (typeof detail != 'undefined') { detail(row.id, row.code) } }, onClickCell: options.onClickCell, onClickRow: options.onClickRow, onLoadSuccess: options.onLoadSuccess, }); }, // 查询条件 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 == 200) { return { rows: res.data, 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(); }); }, // 下载模板 importTemplate: function() { $.get($.table._option.importTemplateUrl, function(result) { if (result.code == web_status.SUCCESS) { window.location.href = ctx + "common/download?fileName=" + encodeURI(result.msg) + "&delete=" + true; } else if (result.code == web_status.WARNING) { $.modal.alertWarning(result.msg) } else { $.modal.alertError(result.msg); } }); }, // 导入数据 importExcel: function(formId) { var currentId = $.common.isEmpty(formId) ? 'importTpl' : formId; layer.open({ type: 1, area: ['400px', '230px'], fix: false, //不固定 maxmin: true, shade: 0.3, title: '导入' + $.table._option.modalName + '数据', content: $('#' + currentId).html(), btn: ['<i class="fa fa-check"></i> 导入', '<i class="fa fa-remove"></i> 取消'], // 弹层外区域关闭 shadeClose: true, btn1: function(index, layero){ var file = layero.find('#file').val(); if (file == '' || (!$.common.endWith(file, '.xls') && !$.common.endWith(file, '.xlsx'))){ $.modal.msgWarning("请选择后缀为 “xls”或“xlsx”的文件。"); return false; } var index = layer.load(2, {shade: false}); $.modal.disable(); var formData = new FormData(); formData.append("file", $('#file')[0].files[0]); formData.append("updateSupport", $("input[name='updateSupport']").is(':checked')); $.ajax({ url: $.table._option.importUrl, data: formData, cache: false, contentType: false, processData: false, type: 'POST', success: function (result) { if (result.code == web_status.SUCCESS) { $.modal.closeAll(); $.modal.alertSuccess(result.msg); $.table.refresh(); } else if (result.code == web_status.WARNING) { layer.close(index); $.modal.enable(); $.modal.alertWarning(result.msg) } else { layer.close(index); $.modal.enable(); $.modal.alertError(result.msg); } } }); } }); }, // 刷新 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(''); }, selectWhetherLabel: function(_value) { var actions = []; if (_value == 0) { actions.push("<span class='badge badge-primary'>是</span>"); } else { actions.push("<span class='badge badge-danger'>否</span>") } 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(''); }, //回显数据绑定的表格 selectCodeToName: function(_datas, _value) { var actions = []; $.each(_datas, function(index, dict) { if (dict.code == _value) { actions.push("<span class='badge badge-info'>" + dict.name + "</span>"); return false; } }); return actions.join(''); }, //回显数据绑定的表格 selectPrefixToName: function(_datas, _value) { var actions = []; $.each(_datas, function(index, dict) { if (dict.prefix == _value) { actions.push("<span class='badge badge-info'>" + dict.name + "</span>"); return false; } }); return actions.join(''); }, // 导入数据 importExcel: function(formId) { var currentId = $.common.isEmpty(formId) ? 'importTpl' : formId; layer.open({ type: 1, area: ['400px', '230px'], fix: false, //不固定 maxmin: true, shade: 0.3, title: '导入' + $.table._option.modalName + '数据', content: $('#' + currentId).html(), btn: ['<i class="fa fa-check"></i> 导入', '<i class="fa fa-remove"></i> 取消'], // 弹层外区域关闭 shadeClose: true, btn1: function(index, layero){ var file = layero.find('#file').val(); if (file == '' || (!$.common.endWith(file, '.xls') && !$.common.endWith(file, '.xlsx'))){ $.modal.msgWarning("请选择后缀为 “xls”或“xlsx”的文件。"); return false; } var index = layer.load(2, {shade: false}); $.modal.disable(); var formData = new FormData(); formData.append("file", $('#file')[0].files[0]); formData.append("updateSupport", $("input[name='updateSupport']").is(':checked')); $.ajax({ url: $.table._option.importUrl, data: formData, cache: false, contentType: false, processData: false, type: 'POST', success: function (result) { if (result.code == web_status.SUCCESS) { $.modal.closeAll(); $.modal.alertSuccess(result.msg); $.table.refresh(); } else if (result.code == web_status.WARNING) { layer.close(index); $.modal.enable(); $.modal.alertWarning(result.msg) } else { layer.close(index); $.modal.enable(); $.modal.alertError(result.msg); } } }); } }); }, }, // 表格树封装处理 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: { reset: function(formId) { var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; $("#" + currentId)[0].reset(); }, // 获取选中复选框项 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(); }, // 禁用按钮 disable: function() { var doc = window.top == window.parent ? window.document : window.parent.document; $("a[class*=layui-layer-btn]", doc).addClass("layer-disabled"); }, // 启用按钮 enable: function() { var doc = window.top == window.parent ? window.document : window.parent.document; $("a[class*=layui-layer-btn]", doc).removeClass("layer-disabled"); }, }, // 操作封装处理 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) }, // 提交数据,然后回调传入方法 submitAndCallback: function(url, type, dataType, data, callback) { $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: type, dataType: dataType, data: data, success: function(result) { if (result.code == web_status.SUCCESS) { $.modal.msgSuccess(result.msg); callback(); } else { $.modal.alertError(result.msg); } $.modal.closeLoading(); } }; $.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); }, //查看 checklook: 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: { // 判断字符串是否是以start开头 startWith: function(value, start) { var reg = new RegExp("^" + start); return reg.test(value) }, // 判断字符串是否是以end结尾 endWith: function(value, end) { var reg = new RegExp(end + "$"); return reg.test(value) }, // 判断字符串是否为空 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); }, // 序列化表单 getTableValue: function (formName) { var tableValue = $(formName).serialize(); //如果存在enable字段就从序列化中删除,然后 if ($("input[name='enable']").length > 0) { var beginIndex = tableValue.indexOf("&enable"); if (beginIndex > -1) { var endIndex = tableValue.indexOf("&", beginIndex+1); if (endIndex > -1) { tableValue = tableValue.substring(0, beginIndex) + tableValue.substring(endIndex, tableValue.length); } else { tableValue = tableValue.substring(0, beginIndex); } } tableValue = tableValue + "&enable=" + $("input[name='enable']").is(':checked') } return tableValue; } } }); })(jQuery); /** 消息状态码 */ web_status = { SUCCESS: 200, FAIL: 400 }; /** 弹窗状态码 */ modal_status = { SUCCESS: "success", FAIL: "error", WARNING: "warning" };