')
+ } else if (child.show === 3) {
+ //不限制宽度
+ tables.push('">')
+ } else {
+ if (child.childWidth === 'full') {
+ //不限制宽度
+ tables.push('">')
+ } else {
+ // 如果有滚动条
+ if ($tableMain.prop('scrollHeight') + (children.length > 0 ? children[0].height : 0) > $tableMain.height()) {
+ scrollWidth = this.getScrollWidth();
+ }
+ var maxWidth = $tableMain.width() - 1 - scrollWidth;
+ tables.push('max-width: ' + (maxWidth > $tableHead.width() ? $tableHead.width() : maxWidth) + 'px">')
+ }
+ }
+ if (isTpl) {
+ tables.push(tplContent)
+ } else {
+ if (child.show !== 3 && (typeof child.childTitle === 'undefined' || child.childTitle)) {
+ tables.push('
')
+ for (i = 0; i < children.length; i++) {
+ tables.push('- ' + (typeof children[i].title === 'function' ? children[i].title(data) : children[i].title) + '
');
+ }
+ tables.push('
')
+ }
+ if (child.show === 3) {
+ tables.push('
');
+ } else {
+ tables.push('
');
+ }
+ for (i = 0; i < children.length; i++) {
+ var childTableId = rowTableId + i;
+ tables.push('
');
+ }
+ tables.push('
');
+ }
+ tables.push('
');
+ return tables.join('')
+ },
+ /**
+ * 渲染子表
+ * @param _this
+ * @param data 父表当前行数据
+ * @param child 子表列
+ * @param myTable 父表配置
+ * @param children 子表配置
+ * @param icon 自定义图标
+ */
+ renderTable: function (_this, data, child, myTable, children, icon) {
+ var tables = []
+ , _that = this
+ , tableId = myTable.id
+ , rowTableId = tableId + $(_this).parents('tr:eq(0)').data('index');
+
+ if (child.lazy) {
+ tables.push(renderChildTable(_that, _this, data, child, myTable, 0, children, icon));
+ } else {
+ for (var i = 0; i < children.length; i++) {
+ tables.push(renderChildTable(_that, _this, data, child, myTable, i, children, icon));
+ }
+ }
+ tableChildren[rowTableId] = tables;
+
+
+ layui.element.on('tab(table-child-tab-' + rowTableId + ')', function (tabData) {
+ if (child.lazy) {
+ var isRender = false; // 是否已经渲染
+ for (i = 0; i < tableChildren[rowTableId].length; i++) {
+ if (tableChildren[rowTableId][i].config.id === (rowTableId + tabData.index)) {
+ isRender = true;
+ break;
+ }
+ }
+ if (!isRender) {
+ tableChildren[rowTableId].push(renderChildTable(_that, _this, data, child, myTable, tabData.index, children))
+ }
+ }
+
+ var rowIndex = $(_this).parents('tr:eq(0)').data('index'),
+ height = $(tabData.elem).height();
+
+ $(_this).parents('.layui-table-box:eq(0)').children('.layui-table-body').children('table').children('tbody').children('tr[data-index=' + rowIndex + ']').next().children().children('.soul-table-child-patch').css('height', height)
+ $(_this).parents('.layui-table-box:eq(0)').children('.layui-table-fixed').children('.layui-table-body').children('table').children('tbody').children('tr[data-index=' + rowIndex + ']').next().children().children('.soul-table-child-patch').css('height', height)
+ table.resize(tableId)
+
+ });
+
+
+ function renderChildTable(_that, _this, data, child, myTable, i, children, icon) {
+ var param = _that.deepClone(children[i]), thisTableChild,
+ tableId = myTable.id,
+ rowIndex = $(_this).parents('tr:eq(0)').data('index'),
+ childTableId = tableId + rowIndex + i,
+ $table = $(myTable.elem),
+ $tableBox = $table.next().children('.layui-table-box'),
+ $tableBody = $.merge($tableBox.children('.layui-table-body').children('table'), $tableBox.children('.layui-table-fixed').children('.layui-table-body').children('table')),
+ tr = $tableBody.children('tbody').children('tr[data-index="' + rowIndex + '"]'),
+ row = table.cache[tableId][rowIndex],
+ // 父表当前行对象
+ pobj = {
+ data: row,
+ tr: tr,
+ del: function () {
+ table.cache[tableId][rowIndex] = [];
+ _that.destroyChildren(rowIndex, myTable, icon)
+ tr.remove();
+ table.resize(tableId);
+ },
+ update: function (fields) {
+ fields = fields || {};
+ layui.each(fields, function (key, value) {
+ if (key in row) {
+ var templet, td = tr.children('td[data-field="' + key + '"]');
+ row[key] = value;
+ table.eachCols(tableId, function (i, item2) {
+ if (item2.field == key && item2.templet) {
+ templet = item2.templet;
+ }
+ });
+ td.children('.layui-table-cell').html(function () {
+ return templet ? function () {
+ return typeof templet === 'function'
+ ? templet(row)
+ : laytpl($(templet).html() || value).render(row)
+ }() : value;
+ }());
+ td.data('content', value);
+ }
+ });
+ },
+ close: function () {
+ _that.destroyChildren(rowIndex, myTable, icon)
+ table.resize(tableId);
+ }
+
+ };
+ param.id = childTableId;
+ param.elem = '#' + childTableId;
+ typeof param.where === 'function' && (param.where = param.where(data));
+ typeof param.data === 'function' && (param.data = param.data(data));
+ typeof param.url === 'function' && (param.url = param.url(data));
+ thisTableChild = table.render(param);
+ if (!child.lazy && i !== 0) {
+ $('#' + childTableId).parents('.layui-tab-item:eq(0)').removeClass('layui-show'); //解决隐藏时计算表格高度有问题
+ }
+ // 绑定 checkbox 事件
+ if (typeof param.checkboxEvent === 'function') {
+ table.on('checkbox(' + childTableId + ')', function (obj) {
+ param.checkboxEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ // 绑定 edit 事件
+ if (typeof param.editEvent === 'function') {
+ table.on('edit(' + childTableId + ')', function (obj) {
+ param.editEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ // 绑定 tool 事件
+ if (typeof param.toolEvent === 'function') {
+ table.on('tool(' + childTableId + ')', function (obj) {
+ param.toolEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ // 绑定 toolbar 事件
+ if (typeof param.toolbarEvent === 'function') {
+ table.on('toolbar(' + childTableId + ')', function (obj) {
+ param.toolbarEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ // 绑定单击行事件
+ if (typeof param.rowEvent === 'function') {
+ table.on('row(' + childTableId + ')', function (obj) {
+ param.rowEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ // 绑定双击行事件
+ if (typeof param.rowDoubleEvent === 'function') {
+ table.on('rowDouble(' + childTableId + ')', function (obj) {
+ param.rowDoubleEvent(_that.commonMember.call(this, _that, param, obj), pobj)
+ })
+ }
+ return thisTableChild;
+ }
+ },
+ destroyChildren: function (rowIndex, myTable, icon) {
+ var tableId = myTable.id,
+ $table = $(myTable.elem),
+ $tableBox = $table.next().children('.layui-table-box'),
+ $fixedBody = $tableBox.children('.layui-table-fixed').children('.layui-table-body').children('table'),
+ $tableBody = $.merge($tableBox.children('.layui-table-body').children('table'), $fixedBody),
+ $tr = $tableBody.children('tbody').children('tr[data-index="' + rowIndex + '"]'),
+ isTpl = $tr.next().data('tpl');
+
+ $tr.find('.childTable').removeClass(icon[1]).addClass(icon[0]);
+
+ // 暂时不处理 rowspan 情况
+ // var rowspanIndex = $this.parents('td:eq(0)').attr("rowspan");
+ // if(rowspanIndex){
+ // var index=$this.parents('tr:eq(0)').index()+parseInt(rowspanIndex);
+ // $this.parents('table:eq(0)').children().children('tr:eq('+index+')').remove()
+ // }else{
+ // $this.parents('tr:eq(0)').next().remove();
+ // }
+ $tr.next().remove()
+ if (isTpl === 'false') {
+ var tables = tableChildren[tableId + rowIndex];
+ if (layui.tableFilter) { //如果使用了筛选功能，同时清理筛选渲染的数据
+ layui.tableFilter.destroy(tables);
+ }
+ if (layui.soulTable) { // 清除记忆
+ for (var i = 0; i < tableChildren[tableId + rowIndex].length; i++) {
+ layui.soulTable.clearOriginCols(tableChildren[tableId + rowIndex][i].config.id)
+ }
+ }
+ }
+ delete tableChildren[tableId + rowIndex]
+
+ },
+ cloneJSON: function (obj) {
+ var JSON_SERIALIZE_FIX = {
+ PREFIX: "[[JSON_FUN_PREFIX_",
+ SUFFIX: "_JSON_FUN_SUFFIX]]"
+ };
+ var sobj = JSON.stringify(obj, function (key, value) {
+ if (typeof value === 'function') {
+ return JSON_SERIALIZE_FIX.PREFIX + value.toString() + JSON_SERIALIZE_FIX.SUFFIX;
+ }
+ return value;
+ });
+ return JSON.parse(sobj, function (key, value) {
+ if (typeof value === 'string' &&
+ value.indexOf(JSON_SERIALIZE_FIX.SUFFIX) > 0 && value.indexOf(JSON_SERIALIZE_FIX.PREFIX) === 0) {
+ return eval("(" + value.replace(JSON_SERIALIZE_FIX.PREFIX, "").replace(JSON_SERIALIZE_FIX.SUFFIX, "") + ")");
+ }
+ return value;
+ }) || {};
+ },
+ fixHoverStyle: function (myTable) {
+ var $table = $(myTable.elem)
+ , $tableBody = $table.next().children('.layui-table-box').children('.layui-table-body').children('table')
+ ,
+ $tableFixed = $table.next().children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('table')
+ , style = $table.next().find('style')[0],
+ sheet = style.sheet || style.styleSheet || {};
+ // 屏蔽掉layui原生 hover 样式
+ this.addCSSRule(sheet, '.layui-table-hover', 'background-color: inherit');
+ this.addCSSRule(sheet, '.layui-table-hover.soul-table-hover', 'background-color: #F2F2F2');
+ $.merge($tableFixed.children('tbody').children('tr'), $tableBody.children('tbody').children('tr'))
+ .on('mouseenter', function () {
+ var othis = $(this)
+ , index = $(this).data('index');
+ if (othis.data('off')) return;
+ $tableFixed.children('tbody').children('tr[data-index=' + index + ']').addClass(ELEM_HOVER);
+ $tableBody.children('tbody').children('tr[data-index=' + index + ']').addClass(ELEM_HOVER);
+ }).on('mouseleave', function () {
+ var othis = $(this)
+ , index = $(this).data('index');
+ if (othis.data('off')) return;
+ $tableFixed.children('tbody').children('tr[data-index=' + index + ']').removeClass(ELEM_HOVER);
+ $tableBody.children('tbody').children('tr[data-index=' + index + ']').removeClass(ELEM_HOVER);
+ })
+ },
+ addCSSRule: function (sheet, selector, rules, index) {
+ if ('insertRule' in sheet) {
+ sheet.insertRule(selector + '{' + rules + '}', index)
+ } else if ('addRule' in sheet) {
+ sheet.addRule(selector, rules, index)
+ }
+ },
+ // 深度克隆-不丢失方法
+ deepClone: function (obj) {
+ var newObj = Array.isArray(obj) ? [] : {}
+ if (obj && typeof obj === "object") {
+ for (var key in obj) {
+ if (obj.hasOwnProperty(key)) {
+ newObj[key] = (obj && typeof obj[key] === 'object') ? this.deepClone(obj[key]) : obj[key];
+ }
+ }
+ }
+ return newObj
+ },
+ getCompleteCols: function (origin) {
+ var cols = this.deepClone(origin);
+ var i, j, k, cloneCol;
+ for (i = 0; i < cols.length; i++) {
+ for (j = 0; j < cols[i].length; j++) {
+ if (!cols[i][j].exportHandled) {
+ if (cols[i][j].rowspan > 1) {
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ k = i + 1;
+ while (k < cols.length) {
+ cols[k].splice(j, 0, cloneCol)
+ k++
+ }
+ }
+ if (cols[i][j].colspan > 1) {
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ for (k = 1; k < cols[i][j].colspan; k++) {
+ cols[i].splice(j, 0, cloneCol)
+ }
+ j = j + parseInt(cols[i][j].colspan) - 1
+ }
+ }
+ }
+ }
+ return cols[cols.length - 1];
+ },
+ getScrollWidth: function (elem) {
+ var width = 0;
+ if (elem) {
+ width = elem.offsetWidth - elem.clientWidth;
+ } else {
+ elem = document.createElement('div');
+ elem.style.width = '100px';
+ elem.style.height = '100px';
+ elem.style.overflowY = 'scroll';
+
+ document.body.appendChild(elem);
+ width = elem.offsetWidth - elem.clientWidth;
+ document.body.removeChild(elem);
+ }
+ return width;
+ },
+ //解析自定义模板数据
+ parseTempData: function (item3, content, tplData, text) { //表头数据、原始内容、表体数据、是否只返回文本
+ var str = item3.children ? function () {
+ return typeof item3.children === 'function'
+ ? item3.children(tplData)
+ : laytpl($(item3.children).html() || String(content)).render(tplData)
+ }() : content;
+ return text ? $('
' + str + '
').text() : str;
+ },
+ commonMember: function (_this, myTable, sets) {
+ var othis = $(this)
+ , tableId = myTable.id
+ , $table = $(myTable.elem)
+ , $tableBox = $table.next().children('.layui-table-box')
+ , $fixedBody = $tableBox.children('.layui-table-fixed').children('.layui-table-body').children('table')
+ , $tableBody = $.merge($tableBox.children('.layui-table-body').children('table'), $fixedBody)
+ , index = othis[0].tagName === 'TR' ? $(this).data('index') : othis.parents('tr:eq(0)').data('index')
+ , tr = $tableBody.children('tbody').children('tr[data-index="' + index + '"]')
+ , data = table.cache[tableId] || [];
+
+
+ data = data[index] || {};
+
+ return $.extend(sets, {
+ tr: tr //行元素
+ , oldValue: othis.prev() ? othis.prev().text() : null
+ , del: function () { //删除行数据
+ table.cache[tableId][index] = [];
+ tr.remove();
+ _this.scrollPatch(myTable);
+ }
+ , update: function (fields) { //修改行数据
+ fields = fields || {};
+ layui.each(fields, function (key, value) {
+ if (key in data) {
+ var templet, td = tr.children('td[data-field="' + key + '"]');
+ data[key] = value;
+ table.eachCols(tableId, function (i, item2) {
+ if (item2.field == key && item2.templet) {
+ templet = item2.templet;
+ }
+ });
+ td.children('.layui-table-cell').html(_this.parseTempData({
+ templet: templet
+ }, value, data));
+ td.data('content', value);
+ }
+ });
+ }
+ });
+ },
+ scrollPatch: function (myTable) {
+ var $table = $(myTable.elem),
+ layHeader = $table.next().children('.layui-table-box').children('.layui-table-header'),
+ layTotal = $table.next().children('.layui-table-total'),
+ layMain = $table.next().children('.layui-table-box').children('.layui-table-main'),
+ layFixed = $table.next().children('.layui-table-box').children('.layui-table-fixed'),
+ layFixRight = $table.next().children('.layui-table-box').children('.layui-table-fixed-r'),
+ layMainTable = layMain.children('table'),
+ scollWidth = layMain.width() - layMain.prop('clientWidth'),
+ scollHeight = layMain.height() - layMain.prop('clientHeight'),
+ outWidth = layMainTable.outerWidth() - layMain.width() //表格内容器的超出宽度
+
+ //添加补丁
+ , addPatch = function (elem) {
+ if (scollWidth && scollHeight) {
+ elem = elem.eq(0);
+ if (!elem.find('.layui-table-patch')[0]) {
+ var patchElem = $('
| '); //补丁元素
+ patchElem.find('div').css({
+ width: scollWidth
+ });
+ elem.find('tr').append(patchElem);
+ }
+ } else {
+ elem.find('.layui-table-patch').remove();
+ }
+ }
+
+ addPatch(layHeader);
+ addPatch(layTotal);
+
+ //固定列区域高度
+ var mainHeight = layMain.height()
+ , fixHeight = mainHeight - scollHeight;
+ layFixed.find('.layui-table-body').css('height', layMainTable.height() >= fixHeight ? fixHeight : 'auto');
+
+ //表格宽度小于容器宽度时，隐藏固定列
+ layFixRight[outWidth > 0 ? 'removeClass' : 'addClass'](HIDE);
+
+ //操作栏
+ layFixRight.css('right', scollWidth - 1);
+ }
+ };
+
+ // 输出
+ exports('tableChild', mod);
+});
+
diff --git a/src/plugin/admin/public/component/pear/module/soulTable/tableFilter.js b/src/plugin/admin/public/component/pear/module/soulTable/tableFilter.js
new file mode 100644
index 00000000..1adf4f05
--- /dev/null
+++ b/src/plugin/admin/public/component/pear/module/soulTable/tableFilter.js
@@ -0,0 +1,3222 @@
+/**
+ *
+ * @name: 表格筛选扩展
+ * @author: yelog
+ * @link: https://github.com/yelog/layui-soul-table
+ * @license: MIT
+ * @version: v1.8.0
+ */
+layui.define(['table', 'form', 'laydate', 'util', 'excel', 'laytpl'], function (exports) {
+
+ var $ = layui.jquery,
+ table = layui.table,
+ form = layui.form,
+ laydate = layui.laydate,
+ laytpl = layui.laytpl,
+ util = layui.util,
+ excel = layui.excel,
+ columnsTimeOut,
+ dorpListTimeOut,
+ conditionTimeOut,
+ bfColumnTimeOut,
+ bfCond1TimeOut,
+ isFilterReload = {},
+ SOUL_ROW_INDEX = 'SOUL_ROW_INDEX',
+ cache = {},
+ HIDE = 'layui-hide',
+ maxId = 1,
+ UNHANDLED_VALUES = [undefined, '', null],
+ where_cache = {},
+ isFilterCache = {},
+ table_cache = {},
+ conditionChangeItems = {
+ 'eq': '等于',
+ 'ne': '≠ 不等于',
+ 'gt': '> 大于',
+ 'ge': '≥ 大于等于',
+ 'lt': '< 小于',
+ 'le': '≤ 小于等于',
+ 'contain': '包含',
+ 'notContain': '不包含',
+ 'start': '以...开头',
+ 'end': '以...结尾',
+ 'null': '为空',
+ 'notNull': '不为空'
+ },
+ dateTimeItems = {
+ 'all': '全部',
+ 'yesterday': '昨天',
+ 'thisWeek': '本周',
+ 'lastWeek': '上周',
+ 'thisMonth': '本月',
+ 'thisYear': '今年'
+ },
+ defaultFilterItems = ['column', 'data', 'condition', 'editCondition', 'excel'],
+ itemsMap = {
+ 'column': 'soul-column',
+ 'data': 'soul-dropList',
+ 'condition': 'soul-condition',
+ 'editCondition': 'soul-edit-condition',
+ 'excel': 'soul-export',
+ 'clearCache': 'soul-clear-cache',
+ },
+ modeMapItems = {
+ 'in': 'data',
+ 'condition': 'condition',
+ 'date': 'condition',
+ },
+ revertMode = {
+ 'data': {
+ 'mode': 'condition',
+ 'type': 'eq',
+ 'value': '',
+ },
+ 'condition': {
+ 'mode': 'in',
+ 'values': [],
+ },
+ };
+
+ // 封装方法
+ var mod = {
+ /**
+ * 摧毁render数据
+ * @param myTables
+ */
+ destroy: function (myTables) {
+ if (myTables) {
+ if (Array.isArray(myTables)) {
+ for (var i = 0; i < myTables.length; i++) {
+ deleteRender(myTables[i])
+ }
+ } else {
+ deleteRender(myTables);
+ }
+ }
+
+ function deleteRender(myTable) {
+ if (!myTable) {
+ return;
+ }
+ var tableId = myTable.config.id;
+ $('#soul-filter-list' + tableId).remove();
+ $('#soulCondition' + tableId).remove();
+ $('#soulDropList' + tableId).remove();
+
+ delete isFilterReload[tableId];
+ delete where_cache[tableId];
+ delete table_cache[tableId];
+ }
+ },
+ clearFilter: function (myTable) {
+ if (typeof myTable === 'string') {
+ myTable = table_cache[myTable]
+ }
+ if (!where_cache[myTable.id] || !where_cache[myTable.id].filterSos || where_cache[myTable.id].filterSos === "[]") {
+ return;
+ }
+ where_cache[myTable.id].filterSos = "[]"
+ this.soulReload(myTable, true)
+ if (table_cache[myTable.id].where && table_cache[myTable.id].where.filterSos && table_cache[myTable.id].where.filterSos !== "[]") {
+ table_cache[myTable.id].where.filterSos = "[]"
+ }
+ },
+ render: function (myTable) {
+ var _this = this,
+ $table = $(myTable.elem),
+ $tableMain = $table.next().children('.layui-table-box').children('.layui-table-main'),
+ $tableHead = $table.next().children('.layui-table-box').children('.layui-table-header').children('table'),
+ $fixedLeftTableHead = $table.next().children('.layui-table-box').children('.layui-table-fixed-l').children('.layui-table-header').children('table'),
+ $fixedRigthTableHead = $table.next().children('.layui-table-box').children('.layui-table-fixed-r').children('.layui-table-header').children('table'),
+ tableId = myTable.id,
+ columns = _this.getCompleteCols(myTable.cols),
+ filterItems = myTable.filter ? myTable.filter.items || defaultFilterItems : defaultFilterItems,
+ needFilter = false, // 是否存在筛选列需要进行初始化
+ initFilter = false, // 是否为第一次筛选
+ mainExcel = typeof myTable.excel === 'undefined' || ((myTable.excel && (typeof myTable.excel.on === 'undefined' || myTable.excel.on)) ? myTable.excel : false),
+ i, j;
+
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].field && columns[i].filter) {
+ needFilter = true;
+ if ($tableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.soul-table-filter').length === 0) {
+ initFilter = true;
+ if ($tableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').length > 0) {
+ $tableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').hide()
+ $tableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ } else {
+ $tableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ }
+ if ($fixedLeftTableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').length > 0) {
+ $fixedLeftTableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').hide()
+ $fixedLeftTableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ } else {
+ $fixedLeftTableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ }
+ if ($fixedRigthTableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').length > 0) {
+ $fixedRigthTableHead.find('th[data-field="' + columns[i].field + '"]').children().children('.layui-table-sort').hide()
+ $fixedRigthTableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ } else {
+ $fixedRigthTableHead.find('th[data-field="' + columns[i].field + '"]').children().append('
')
+ }
+ }
+ }
+ }
+ table_cache[myTable.id] = myTable // 缓存table配置
+ isFilterCache[myTable.id] = needFilter;
+ if (!needFilter) {
+ // 缓存所有数据
+ if (myTable.url && !myTable.page) {
+ // 修复不分页时，前端筛选后，data不为空，造成所有数据丢失的问题
+ cache[myTable.id] = layui.table.cache[myTable.id]
+ } else {
+ cache[myTable.id] = myTable.data || layui.table.cache[myTable.id]
+ }
+ return;
+ } //如果没筛选列，直接退出
+
+ // 渲染底部筛选条件
+ if (!(myTable.filter && typeof myTable.filter.bottom !== 'undefined' && !myTable.filter.bottom) && $table.next().children('.soul-bottom-contion').length === 0) {
+ $table.next().children('.layui-table-box').after('
')
+ var changeHeight = $table.next().children('.layui-table-box').children('.layui-table-body').outerHeight() - $table.next().children('.soul-bottom-contion').outerHeight();
+ if (myTable.page && $table.next().children('.layui-table-page').hasClass('layui-hide')) {
+ changeHeight += $table.next().children('.layui-table-page').outerHeight()
+ }
+ $table.next().children('.layui-table-box').children('.layui-table-body').css('height', changeHeight)
+ var fixHeight = changeHeight - _this.getScrollWidth($tableMain[0]),
+ layMainTableHeight = $tableMain.children('table').height()
+ $table.next().children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').css('height', layMainTableHeight >= fixHeight ? fixHeight : 'auto')
+ $table.next().children('.soul-bottom-contion').children('.condition-items').css('width', ($table.next().children('.soul-bottom-contion').width() - $table.next().children('.soul-bottom-contion').children('.editCondtion').width()) + 'px');
+ $table.next().children('.soul-bottom-contion').children('.editCondtion').children('a').on('click', function () {
+ _this.showConditionBoard(myTable);
+ })
+ }
+
+ /**
+ * 不重载表头数据，重新绑定事件后结束
+ */
+ if (!initFilter || isFilterReload[myTable.id] || myTable.isSoulFrontFilter) {
+ isFilterReload[myTable.id] = false
+ myTable['isSoulFrontFilter'] = false
+ // 同步选中状态
+ if (!myTable.url && myTable.page && myTable.data) {
+ myTable.data.forEach(function (row) {
+ for (i = 0; i < cache[myTable.id].length; i++) {
+ if (cache[myTable.id][i][SOUL_ROW_INDEX] === row[SOUL_ROW_INDEX]) {
+ cache[myTable.id][i] = row
+ break;
+ }
+ }
+ })
+ }
+ this.bindFilterClick(myTable);
+ return;
+ } else {
+ if (!myTable.url && myTable.page && myTable.data && myTable.data.length > myTable.limit) {
+ // 前端分页大于一页，修复 index （用于排序恢复时需要通过这个排序）
+ layui.each(myTable.data, function (index, item) {
+ item[myTable.indexName] = index;
+ })
+ }
+ /**
+ * 缓存所有数据
+ */
+ if (myTable.url && !myTable.page) {
+ // 修复不分页时，前端筛选后，data不为空，造成所有数据丢失的问题
+ cache[myTable.id] = layui.table.cache[myTable.id]
+ } else {
+ cache[myTable.id] = myTable.data || layui.table.cache[myTable.id]
+ }
+ // 给表格数据添加位置标志
+ cache[myTable.id].forEach(function (item, index) {
+ item[SOUL_ROW_INDEX] = index
+ })
+
+ if (myTable.filter && myTable.filter.clearFilter) {
+ if (myTable.where && myTable.where.filterSos && JSON.parse(myTable.where.filterSos).length > 0) {
+ // 重新查询新数据
+ myTable.where.filterSos = '[]';
+ where_cache[myTable.id] = myTable.where || {}
+ _this.soulReload(myTable, false);
+ return;
+ } else {
+ where_cache[myTable.id] = myTable.where || {}
+ }
+ } else if ((typeof myTable.url !== 'undefined' && myTable.page ? typeof myTable.where.filterSos === 'undefined' : true) && where_cache[myTable.id] && JSON.parse(where_cache[myTable.id].filterSos || '[]').length > 0) {
+ myTable.where['filterSos'] = where_cache[myTable.id].filterSos
+ where_cache[myTable.id] = myTable.where;
+ _this.soulReload(myTable, false);
+ return;
+ } else {
+ where_cache[myTable.id] = myTable.where || {}
+ }
+ }
+
+ // 第一次渲染时，追加数据
+ if ($('#soul-filter-list' + tableId).length === 0) {
+
+ if (typeof myTable.soulSort === 'undefined' || myTable.soulSort) {
+ if (typeof $table.attr('lay-filter') === 'undefined') {
+ $table.attr('lay-filter', tableId);
+ }
+ table.on('sort(' + $table.attr('lay-filter') + ')', function (obj) {
+
+ // 同步分页信息
+ myTable.limit = table_cache[myTable.id].limit
+
+ if (myTable.url && myTable.page) {
+ // 后台分页
+ where_cache[myTable.id].field = obj.field;
+ where_cache[myTable.id].order = obj.type;
+ isFilterReload[myTable.id] = true;
+ table.render($.extend(myTable, {
+ initSort: obj
+ , where: where_cache[myTable.id]
+ , page: {
+ curr: 1 //重新从第 1 页开始
+ }
+ }));
+ } else if (!myTable.url && myTable.page) {
+ // 前台分页
+ if (obj.type === 'asc') { //升序
+ cache[myTable.id] = layui.sort(cache[myTable.id], obj.field)
+ } else if (obj.type === 'desc') { //降序
+ cache[myTable.id] = layui.sort(cache[myTable.id], obj.field, true)
+ } else { //清除排序
+ cache[myTable.id] = layui.sort(cache[myTable.id], myTable.indexName)
+ }
+ myTable.initSort = obj;
+ myTable.page = {curr: 1};
+ _this.soulReload(myTable, false)
+ }
+ });
+ }
+
+ var soulFilterList = [],
+ filterItemsHtml = {
+ column: '
表格列 ',
+ data: '
筛选数据 ',
+ condition: '
筛选条件 ',
+ editCondition: '
编辑筛选条件 ',
+ excel: '
导出excel ',
+ clearCache: '
清除缓存 '
+ };
+ soulFilterList.push('
');
+ $('body').append(soulFilterList.join(''));
+
+
+ // 显示隐藏列
+ var liClick = true;
+ form.on('checkbox(changeColumns' + tableId + ')', function (data) {
+ liClick = false;
+ var columnkey = data.value
+ if (data.elem.checked) {
+ $table.next().find('[data-key=' + columnkey + ']').removeClass(HIDE);
+ } else {
+ $table.next().find('[data-key=' + columnkey + ']').addClass(HIDE);
+ }
+ // 同步配置
+ for (i = 0; i < myTable.cols.length; i++) {
+ for (j = 0; j < myTable.cols[i].length; j++) {
+ if ((myTable.index + '-' + myTable.cols[i][j].key) === columnkey) {
+ myTable.cols[i][j]['hide'] = !data.elem.checked
+ }
+ }
+ }
+ if (layui.soulTable) {
+ layui.soulTable.fixTableRemember(myTable)
+ }
+ $table.next().children('.layui-table-box').children('.layui-table-body').children('table').children('tbody').children('tr.childTr').children('td').attr('colspan', $table.next().children('.layui-table-box').children('.layui-table-header').find('thead>tr>th:visible').length)
+ table.resize(tableId)
+ });
+ $('#soul-columns' + tableId + '>li[data-value]').on('click', function () {
+ if (!$(this).find(':checkbox').is(':disabled')) { //disabled禁止点击
+ if (liClick) {
+ $(this).find('div.layui-form-checkbox').trigger('click');
+ }
+ liClick = true;
+ }
+ });
+
+ // 全选-反选事件
+ $('#soul-dropList' + tableId + ' .check [data-type]').on('click', function () {
+
+ switch ($(this).data('type')) {
+ case 'all':
+ $(this).parents('#soul-dropList' + tableId).find('input[type=checkbox]:not(:checked)').prop('checked', true);
+ break;
+ case 'reverse':
+ $(this).parents('#soul-dropList' + tableId).find('input[type=checkbox]').each(function () {
+ $(this).prop('checked', !$(this).prop('checked'))
+ });
+ break;
+ case 'none':
+ $(this).parents('#soul-dropList' + tableId).find('input[type=checkbox]:checked').prop('checked', false);
+ break;
+ }
+ form.render('checkbox', 'orm');
+ _this.updateDropList(myTable, $('#main-list' + tableId).data('field'));
+ return false;
+ });
+
+ // 关键字搜索
+ $('#soul-dropList' + tableId + ' .filter-search input').on('input', function () {
+ var key = $(this).val();
+ if (key === '') {
+ $('#soul-dropList' + tableId + '>ul>li').show();
+ } else {
+ $('#soul-dropList' + tableId + '>ul>li').hide();
+ $('#soul-dropList' + tableId + '>ul>li[data-value*="' + key.toLowerCase() + '"]').show();
+ }
+ })
+
+ // 显示表格列
+ $('#main-list' + tableId + ' .soul-column').on('mouseover', function (e) {
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ e.stopPropagation();
+ if (columnsTimeOut) {
+ clearTimeout(columnsTimeOut)
+ }
+ columns = _this.getCompleteCols(myTable.cols)
+ for (i = 0; i < columns.length; i++) {
+ $('#soul-columns' + tableId).find('li[data-value="' + columns[i].field + '"]>input').prop('checked', !columns[i].hide);
+ }
+ form.render('checkbox', 'orm');
+ $('#soul-columns' + tableId).show();
+ var left, animate;
+ if ($(this).parent().offset().left + $(this).parent().width() + $('#soul-columns' + tableId).width() < document.body.clientWidth) {
+ left = $(this).parent().offset().left + $(this).parent().width();
+ animate = 'fadeInLeft'
+ } else {
+ left = $(this).parent().offset().left - $('#soul-columns' + tableId).width();
+ animate = 'fadeInRight'
+ }
+ $('#soul-columns' + tableId).css({'top': $(this).offset().top, 'left': left})
+ .removeClass().addClass(animate + ' animated');
+ });
+ // 显示数据下拉
+ $('#main-list' + tableId + ' .soul-dropList').on('mouseover', function (e) {
+ if ($('#soul-dropList' + tableId).is(':visible') && !$('#soul-dropList' + tableId).hasClass('fadeOutLeft')) {
+ return false;
+ }
+ _this.hideColumns(myTable);
+ _this.hideCondition(myTable);
+ e.stopPropagation();
+ if (dorpListTimeOut) {
+ clearTimeout(dorpListTimeOut);
+ }
+ $('#soul-dropList' + tableId + '>.filter-search>input').val('');
+ $('#soul-dropList' + tableId).show();
+ var left, animate, field = $('#main-list' + tableId).data('field');
+ if ($('#main-list' + tableId).offset().left + $('#soul-dropList' + tableId).width() + $('#soul-dropList' + tableId).width() < document.body.clientWidth) {
+ left = $('#main-list' + tableId).offset().left + $('#main-list' + tableId).width();
+ animate = 'fadeInLeft';
+ } else {
+ left = $('#main-list' + tableId).offset().left - $('#soul-dropList' + tableId).width();
+ animate = 'fadeInRight';
+ }
+
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox]:checked').prop('checked', false);
+ var where = where_cache[myTable.id] || {},
+ filterSos = JSON.parse(where.filterSos ? where.filterSos : null),
+ id = '', prefix = '';
+ if (filterSos) {
+ for (i = 0; i < filterSos.length; i++) {
+ if (filterSos[i].head && filterSos[i].mode === "in" && filterSos[i].field === field) {
+ id = filterSos[i].id;
+ prefix = filterSos[i].prefix;
+ for (j = 0; j < filterSos[i].values.length; j++) {
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox][value="' + filterSos[i].values[j] + '"]').prop('checked', true);
+ }
+ break;
+ }
+ }
+ }
+ $('#soul-dropList' + tableId + '>ul').data({
+ head: true,
+ 'id': id,
+ prefix: prefix,
+ refresh: true,
+ split: $('#main-list' + tableId).data('split')
+ }).html($('#soulDropList' + tableId).find('.' + field + 'DropList li').clone());
+
+ $('#soul-dropList' + tableId).css({'top': $(this).offset().top, 'left': left})
+ .show().removeClass().addClass(animate + ' animated');
+ setTimeout(function () {
+ $('#soul-dropList' + tableId + '>.filter-search>input').focus() // 聚焦搜索框
+ form.render('checkbox', 'orm');
+ }, 1);
+
+ // 监听筛选数据
+ var liClick = true;
+ form.on('checkbox(soulDropList' + tableId + ')', function (data) {
+ liClick = false;
+ _this.updateDropList(myTable, field);
+ });
+
+ $('#soul-dropList' + tableId + '>ul>li[data-value]').on('click', function () {
+ if (liClick) {
+ $(this).find('div.layui-form-checkbox').trigger('click');
+ }
+ liClick = true;
+ })
+ });
+
+ // 显示筛选条件
+ $('#main-list' + tableId + ' .soul-condition').on('mouseover', function (e) {
+ if ($('#soul-condition' + tableId).is(':visible') && !$('#soul-condition' + tableId).hasClass('fadeOutLeft')) {
+ return false;
+ }
+ _this.hideColumns(myTable);
+ _this.hideDropList(myTable);
+ e.stopPropagation();
+ if (conditionTimeOut) {
+ clearTimeout(conditionTimeOut);
+ }
+ var documentWidth = document.body.clientWidth;
+ $('#soul-condition' + tableId).show();
+ var left, animate, field = $(this).parent().data('field');
+ if ($(this).parent().offset().left + $(this).parent().width() + $('#soul-condition' + tableId).width() < documentWidth) {
+ left = $(this).parent().offset().left + $(this).parent().width();
+ animate = 'fadeInLeft'
+ } else {
+ left = $(this).parent().offset().left - $('#soul-condition' + tableId).width();
+ animate = 'fadeInRight'
+ }
+
+ var filterSo, conditionHtml = [],
+ where = where_cache[myTable.id] || {},
+ filterSos = JSON.parse(where.filterSos ? where.filterSos : null);
+ if (filterSos) {
+ for (i = 0; i < filterSos.length; i++) {
+ if (filterSos[i].head && filterSos[i].field === field && (filterSos[i].mode === "date" || filterSos[i].mode === 'group')) {
+ filterSo = filterSos[i]
+ break;
+ }
+ }
+ }
+
+ var filterType = $(this).parent().data('type');
+ if (_this.startsWith(filterType, 'date')) {
+ _this.showDate(myTable, field, filterSo, animate, $(this).offset().top, $(this).parent().offset().left + $(this).parent().width(), 'down', true);
+ } else {
+ /**
+ * 筛选条件
+ */
+ var fieldMap = {};
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].field) {
+ fieldMap[columns[i]['field']] = columns[i]
+ }
+ }
+ // 查询条件
+ var selectStr = "
";
+ conditionHtml.push('
')
+
+ $('#soul-condition' + tableId).data({head: true, id: filterSo ? filterSo.id || '' : ''})
+ .html(conditionHtml.join(''))
+ .css({'top': $(this).offset().top, 'left': left})
+ .show().removeClass().addClass(animate + ' animated');
+
+ $('.condition-table').on('click', function () {
+ return false;
+ })
+
+ // 新增与查询
+ $('#soul-condition' + tableId + ' button[data-type]').on('click', function () {
+ /**
+ * 新增
+ */
+ if ($(this).data('type') === 'add') {
+ var groupId = $('#soul-condition' + tableId).data('id'),
+ head = $('#soul-condition' + tableId).data('head'),
+ type = 'eq',
+ filterSo,
+ $tr1 = $('#soul-condition' + tableId).find('tr:eq(0)');
+
+ if (groupId) {
+ filterSo = {
+ head: head,
+ prefix: 'and',
+ field: field,
+ mode: 'condition',
+ type: type,
+ value: '',
+ groupId: groupId
+ }
+ } else {
+ filterSo = {
+ head: head,
+ prefix: head ? 'and' : 'and',
+ mode: 'group',
+ field: field,
+ children: [{
+ id: _this.getDifId(),
+ prefix: 'and',
+ field: field,
+ mode: 'condition',
+ type: $tr1.find('select').val(),
+ value: $tr1.find('.value').val()
+ }, {
+ id: _this.getDifId(),
+ prefix: 'and',
+ field: field,
+ mode: 'condition',
+ type: type,
+ value: ''
+ }]
+ }
+ }
+
+ _this.updateWhere(myTable, filterSo);
+ if (!groupId) {
+ $('#soul-condition' + tableId).data('id', filterSo.id);
+ $tr1.data('id', filterSo.children[0].id);
+ }
+ // $tableHead.find('thead>tr>th[data-field="'+field+'"] .soul-table-filter').attr('soul-filter','true');
+ var newId = groupId ? filterSo.id : filterSo.children[1].id;
+ var newTr = '
| ' +
+ ' ' +
+ ' ' +
+ ' ' +
+ ' | '
+ + '' + selectStr + ' | '
+ + ' | '
+ + ' |
';
+
+ $('#soul-condition' + tableId + ">table>tbody").append(newTr)
+ $('#soul-condition' + tableId).find('.del:last').on('click', function () { //删除
+ delCurrentTr(this)
+ });
+
+ // input同步筛选条件
+ $('#soul-condition' + tableId + ' input.value:last').on('input', function () {
+ updateTrWhere($(this).parents('tr:eq(0)'))
+ });
+ } else if ($(this).data('type') === 'search') {
+ /**
+ * 查询
+ */
+ _this.soulReload(myTable);
+ }
+ form.render('select', 'orm');
+ form.render('checkbox', 'orm');
+ return false;
+ });
+
+ // input同步筛选条件
+ $('#soul-condition' + tableId + ' input.value').on('input', function () {
+ updateTrWhere($(this).parents('tr:eq(0)'));
+ });
+
+ // 当前行改动时，同步where条件
+ function updateTrWhere($tr) {
+ var id = $tr.data('id'),
+ groupId = $('#soul-condition' + tableId).data('id'),
+ prefix = $tr.find('input[lay-filter="soul-coondition-switch"]:checked').prop('checked') ? 'and' : 'or',
+ type = $tr.find('select').val(),
+ value = $tr.find('.value').val(),
+ head = $('#soul-condition' + tableId).data('head');
+
+ if (groupId) {
+ filterSo = {
+ id: id,
+ prefix: prefix,
+ mode: 'condition',
+ field: field,
+ type: type,
+ value: value,
+ groupId: groupId
+ }
+ } else {
+ filterSo = {
+ head: head,
+ prefix: head ? 'and' : 'and',
+ mode: 'group',
+ field: field,
+ children: [{
+ id: _this.getDifId(),
+ prefix: prefix,
+ mode: 'condition',
+ field: field,
+ type: type,
+ value: value,
+ groupId: groupId
+ }]
+ }
+ }
+ _this.updateWhere(myTable, filterSo)
+ if (!groupId) {
+ $('#soul-condition' + tableId).data('id', filterSo.id);
+ $tr.data('id', filterSo.children[0].id)
+ } else if (!id) {
+ $tr.data('id', filterSo.id);
+ }
+ }
+
+ // select同步筛选条件
+ form.on('select(conditionChange)', function (data) {
+ if (data.value === 'null' || data.value === 'notNull') {
+ $(this).parents('tr').find('input.value').hide();
+ } else {
+ $(this).parents('tr').find('input.value').show();
+ }
+ updateTrWhere($(data.elem).parents('tr:eq(0)'));
+ })
+
+ // radio同步筛选条件
+ form.on('switch(soul-coondition-switch)', function (data) {
+ updateTrWhere($(this).parents('tr:eq(0)'));
+ });
+
+ // 删除当前行
+ $('#soul-condition' + tableId + ' .del').on('click', function () {
+ delCurrentTr(this)
+ });
+
+ function delCurrentTr(obj) {
+
+ var id;
+
+ if ($(obj).parents('table:eq(0)').find('tr').length === 1) {
+ id = $('#soul-condition' + tableId).data('id');
+ $('#soul-condition' + tableId).data('id', '');
+ $(obj).parents('tr:eq(0)').find('select').val('eq')
+ $(obj).parents('tr:eq(0)').find('.value').val('').show()
+ form.render('select', 'orm');
+ } else {
+ id = $(obj).parents('tr:eq(0)').data('id');
+ if ($(obj).parents('tr:eq(0)').index() === 0) {
+ $(obj).parents('table:eq(0)').find('tr:eq(1)>td:eq(0)').html(fieldMap[field].title).addClass('soul-condition-title')
+ }
+ $(obj).parents('tr:eq(0)').remove()
+ }
+ if (id) {
+ _this.updateWhere(myTable, {
+ id: id,
+ delete: true
+ })
+ }
+ }
+ }
+ form.render('select', 'orm');
+ form.render('checkbox', 'orm');
+
+ });
+
+ $('#soul-columns' + tableId + ', #soul-dropList' + tableId).on('mouseover', function (e) {
+ e.stopPropagation();
+ });
+ $('#main-list' + tableId + ' .soul-edit-condition').on('mouseover', function (e) {
+ _this.hideColumns(myTable)
+ _this.hideDropList(myTable)
+ _this.hideCondition(myTable)
+ e.stopPropagation();
+ }).on('click', function () {
+ $('#main-list' + tableId).hide();
+ _this.showConditionBoard(myTable)
+ });
+ $('#main-list' + tableId + ' .soul-export').on('mouseover', function (e) {
+ _this.hideColumns(myTable)
+ _this.hideDropList(myTable)
+ _this.hideCondition(myTable)
+ e.stopPropagation();
+ }).on('click', function () {
+ $('#main-list' + tableId).hide();
+ _this.export(table_cache[myTable.id])
+ });
+
+ $('#main-list' + tableId + ' .soul-clear-cache').on('mouseover', function (e) {
+ _this.hideColumns(myTable)
+ _this.hideDropList(myTable)
+ _this.hideCondition(myTable)
+ e.stopPropagation();
+ }).on('click', function () {
+ $('#main-list' + tableId).hide();
+ if (layui.soulTable) {
+ layui.soulTable.clearCache(myTable)
+ }
+ layer.msg('已还原！', {icon: 1, time: 1000})
+ });
+
+ $('#main-list' + tableId).on('mouseover', function (e) {
+ var curX = e.pageX;
+ var curY = e.pageY;
+ var div = $(this);
+ var y1 = div.offset().top; //div上面两个的点的y值
+ var y2 = y1 + div.height();//div下面两个点的y值
+ var x1 = div.offset().left; //div左边两个的点的x值
+ var x2 = x1 + div.width(); //div右边两个点的x的值
+ if (curX <= x1 || curX >= x2 || curY <= y1 || curY >= y2) {
+ } else {
+ _this.hideColumns(myTable);
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ }
+ });
+ } else {
+
+ types = {}; //存储过滤数据的类型
+ // 根据表格列显示
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].type === 'checkbox' || !columns[i].field) {
+ continue;
+ }
+ //存储过滤数据的类型
+ if (columns[i].filter && columns[i].filter.type) {
+ if (columns[i].filter.field) {
+ types[columns[i].filter.field] = columns[i].filter.type;
+ } else {
+ types[columns[i].field] = columns[i].filter.type;
+ }
+ }
+ }
+ if (JSON.stringify(types).length !== 2) {
+ myTable.where['tableFilterType'] = JSON.stringify(types);
+ }
+
+ }
+
+ // 初始化下拉数据
+ if ($('#soulDropList' + tableId).length === 0) {
+ $('body').append('
');
+ }
+
+ if ($tableHead.find('.soul-table-filter').length > 0) {
+ var columnField = [], mainDataSwitch = filterItems.indexOf('data') !== -1;
+ $tableHead.find('.soul-table-filter').each(function (index, elem) {
+ if ($(this).data('column') && (mainDataSwitch ? (!$(this).data('items') || $(this).data('items').split(',').indexOf('data') !== -1) : $(this).data('items').split(',').indexOf('data') !== -1)) {
+ columnField.push($(this).data('column'));
+ }
+ });
+ if (columnField.length > 0) {
+ if (typeof myTable.url !== 'undefined' && myTable.page) {
+ var datas = JSON.parse(JSON.stringify(myTable.where)), url = myTable.url;
+ datas['columns'] = JSON.stringify(columnField);
+ $.ajax({
+ url: url,
+ data: datas,
+ dataType: 'json',
+ method: 'post',
+ headers: myTable.headers || {},
+ contentType: myTable.contentType,
+ success: function (result) {
+
+ var uls = [];
+ for (var key in result) {
+ var list = result[key];
+ if (!((list.length === 1 && list[0] === '') || list.length === 0)) {
+ var ul = [];
+ ul.push("
");
+ uls.push(ul.join(''));
+ } else {
+ uls.push("
")
+ }
+ }
+ $('#soulDropList' + tableId).html(uls.join(''));
+ },
+ error: function () {
+ // layer.msg('列筛选数据查询失败！', {icon: 2, anim: 6})
+ }
+ })
+ } else {
+ var tableDatas = cache[myTable.id];
+ var dropDatas = {};
+ for (i = 0; i < tableDatas.length; i++) {
+ for (j = 0; j < columnField.length; j++) {
+ var value = typeof tableDatas[i][columnField[j]] === 'undefined' ? '' : tableDatas[i][columnField[j]];
+ if (dropDatas[columnField[j]]) {
+ if (dropDatas[columnField[j]].indexOf(value) === -1) {
+ dropDatas[columnField[j]].push(value);
+ }
+ } else {
+ dropDatas[columnField[j]] = [value]
+ }
+ }
+ }
+
+ var columnsConfigs = columns;
+ var uls = [];
+ for (j = 0; j < columnsConfigs.length; j++) {
+ var key = columnsConfigs[j].field;
+ var list = dropDatas[key];
+ if (list && !(list.length === 1 && list[0] === '')) {
+ if (columnsConfigs[j].filter && columnsConfigs[j].filter.split) {
+ var tempList = []
+ for (i = 0; i < list.length; i++) {
+ var tempList2 = String(list[i]).split(columnsConfigs[j].filter.split);
+ for (var k = 0; k < tempList2.length; k++) {
+ if (tempList.indexOf(tempList2[k]) === -1) {
+ tempList.push(tempList2[k])
+ }
+ }
+ }
+ list = tempList;
+ }
+ list.sort(function (a, b) {
+ if (isNaN(a) || isNaN(b)) {
+ return String(a) >= String(b)
+ } else {
+ return Number(a) - Number(b)
+ }
+ })
+ var ul = [];
+ ul.push("
");
+ uls.push(ul.join(''));
+ } else {
+ uls.push("
")
+ }
+ }
+ $('#soulDropList' + tableId).html(uls.join(''));
+ }
+ } else {
+ _this.bindFilterClick(myTable);
+ }
+ }
+
+ this.bindFilterClick(myTable);
+ },
+ showConditionBoard: function (myTable) {
+ var _this = this,
+ tableId = myTable.id,
+ where = where_cache[myTable.id] || {},
+ tableFilterTypes = where.tableFilterType ? JSON.parse(where.tableFilterType) : {},
+ filterSos = where.filterSos ? JSON.parse(where.filterSos) : [],
+ filterBoard = [], fieldMap = {}, firstColumn, curItems,
+ filterItems = myTable.filter ? myTable.filter.items || defaultFilterItems : defaultFilterItems,
+ columns = _this.getCompleteCols(myTable.cols),
+ i;
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].field && columns[i].filter) {
+ if (!firstColumn) {
+ firstColumn = columns[i]
+ }
+ curItems = columns[i].filter.items || filterItems;
+ fieldMap[columns[i]['field']] = {
+ title: columns[i].title,
+ items: curItems
+ }
+ }
+ }
+ filterBoard.push('
')
+ filterBoard.push('
')
+ filterBoard.push('
')
+ layer.open({
+ title: '编辑条件',
+ type: 1,
+ offset: 'auto',
+ area: ['480px', '480px'],
+ content: filterBoard.join('')
+ })
+ form.render(null, 'soul-edit-out');
+
+ form.on('checkbox(out_auto)', function (data) {
+ if (data.elem.checked) {
+ _this.soulReload(myTable);
+ }
+ })
+
+ function groupHtml(filterSo, filterBoard, fieldMap, isFirst, isLast) {
+ var id = filterSo.id,
+ field = filterSo.field,
+ mode = filterSo.mode,
+ type = filterSo.type,
+ isOr = filterSo.prefix === 'or';
+ filterBoard.push('
');
+ filterBoard.push('')
+ // if (!isFirst) { //第一个隐藏 与或
+ filterBoard.push('')
+ // }
+ switch (mode) {
+ case 'in':
+ filterBoard.push('' + (fieldMap[field].title) + '
');
+ filterBoard.push('筛选数据
');
+ filterBoard.push('共' + (filterSo.values ? filterSo.values.length : 0) + '条数据
');
+ filterBoard.push('
');
+ break;
+ case 'date':
+ filterBoard.push('' + (fieldMap[field].title) + '
');
+ filterBoard.push('选择日期
');
+ filterBoard.push('' + (filterSo.type === 'specific' ? filterSo.value || '请选择' : dateTimeItems[filterSo.type]) + '
');
+ filterBoard.push('
');
+ break;
+ case 'condition':
+ filterBoard.push('' + (fieldMap[field].title) + '
');
+ filterBoard.push('' + conditionChangeItems[filterSo.type] + '
');
+ if (type !== 'null' && type !== 'notNull') {
+ filterBoard.push('' + (typeof filterSo.value === 'undefined' || filterSo.value === '' ? '请输入...' : filterSo.value) + '
');
+ }
+ filterBoard.push('
');
+ break;
+ case 'group':
+ filterBoard.push('分组
')
+ filterBoard.push('')
+ filterBoard.push('
');
+ filterBoard.push('');
+ if (filterSo.children) {
+ for (var i = 0; i < filterSo.children.length; i++) {
+ groupHtml(filterSo.children[i], filterBoard, fieldMap, i === 0, i === (filterSo.children.length - 1));
+ }
+ }
+ filterBoard.push('
');
+ break;
+ }
+ filterBoard.push('')
+ }
+
+ // prefix
+ form.on('switch(soul-edit-switch)', function (data) {
+ changePrefix(data)
+ })
+
+ // column
+ $('.soul-edit-out .item-field').on('click', function (e) {
+ e.stopPropagation();
+ showColums(this)
+ })
+ // type
+ $('.soul-edit-out .item-type').on('click', function (e) {
+ e.stopPropagation();
+ showTypes(this)
+ })
+ // value
+ $('.soul-edit-out .item-value').on('click', function (e) {
+ e.stopPropagation();
+ showValue(this)
+ })
+ // delete
+ $('.soul-edit-out .delete-item').on('click', function () {
+ var id = $(this).parent().data('id'),
+ refresh = $('.soul-edit-out .out_auto').prop('checked');
+ $(this).parent().remove();
+ _this.updateWhere(myTable, {
+ id: id,
+ delete: true
+ })
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ })
+
+ function changePrefix(data) {
+ var prefix = data.elem.checked ? 'and' : 'or',
+ id = $(data.elem).parents('li:eq(0)').data('id'),
+ refresh = $('.soul-edit-out .out_auto').prop('checked');
+
+ $(data.elem).parents('li:eq(0)').data('prefix', prefix);
+ _this.updateWhere(myTable, {
+ id: id,
+ prefix: prefix
+ })
+
+ if (refresh) {
+ _this.soulReload(myTable)
+ }
+ }
+
+ function showColums(obj) {
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ _this.hideColumns(myTable);
+ _this.hideBfPrefix(myTable)
+ _this.hideBfType(myTable);
+ var top = $(obj).offset().top + $(obj).outerHeight(),
+ left = $(obj).offset().left;
+
+ $('#soul-bf-column' + tableId).find('li.soul-bf-selected').removeClass('soul-bf-selected')
+ $('#soul-bf-column' + tableId)
+ .data('field', $(obj).parent().data('field'))
+ .data('id', $(obj).parent().data('id'))
+ .data('mode', $(obj).parent().data('mode'))
+ .data('group', $(obj).parents('li:eq(2)').data('id') || '')
+ .data('refresh', $('.soul-edit-out .out_auto').prop('checked'))
+ .show()
+ .css({top: top, left: left})
+ .removeClass().addClass('fadeInUp animated')
+ .find('li[data-field="' + $(obj).parent().data('field') + '"]')
+ .addClass('soul-bf-selected')
+ }
+
+ function showTypes(obj) {
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ _this.hideColumns(myTable);
+ _this.hideBfColumn(myTable);
+ _this.hideBfPrefix(myTable);
+ var top = $(obj).offset().top + $(obj).outerHeight(),
+ left = $(obj).offset().left,
+ field = $(obj).parent().data('field');
+
+ $('#soul-bf-type' + tableId + ' li').hide()
+ if (tableFilterTypes[field] && tableFilterTypes[field].indexOf('date') === 0) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=date]').show()
+ }
+ if (fieldMap[field].items.indexOf('data') !== -1) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=in]').show()
+ }
+ if (fieldMap[field].items.indexOf('condition') !== -1) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=condition]').show()
+ }
+
+ $('#soul-bf-type' + tableId).find('li.soul-bf-selected').removeClass('soul-bf-selected')
+ switch ($(obj).parent().data('mode')) {
+ case 'in':
+ $('#soul-bf-type' + tableId).find('li[data-mode="in"]')
+ .addClass('soul-bf-selected')
+ break;
+ case 'date':
+ $('#soul-bf-type' + tableId).find('li[data-mode="date"]')
+ .addClass('soul-bf-selected')
+ case 'condition':
+ $('#soul-bf-type' + tableId).find('li[data-value="' + $(obj).parent().data('type') + '"]')
+ .addClass('soul-bf-selected')
+ }
+
+ $('#soul-bf-type' + tableId)
+ .data('type', $(obj).parent().data('type'))
+ .data('mode', $(obj).parent().data('mode'))
+ .data('id', $(obj).parent().data('id'))
+ .data('group', $(obj).parents('li:eq(2)').data('id') || '')
+ .data('refresh', $('.soul-edit-out .out_auto').prop('checked'))
+ .show()
+ .css({top: top, left: left})
+ .removeClass().addClass('fadeInUp animated')
+ }
+
+ function showValue(obj) {
+ _this.hideColumns(myTable);
+ _this.hideBfType(myTable);
+ _this.hideBfPrefix(myTable)
+ _this.hideBfColumn(myTable);
+
+ var top,
+ left = $(obj).offset().left,
+ mode = $(obj).parent().data('mode'),
+ field = $(obj).parent().data('field'),
+ id = $(obj).parent().data('id'),
+ head = $(obj).parent().data('head'),
+ prefix = $(obj).parent().data('prefix'),
+ value = $(obj).parent().data('value'),
+ refresh = $('.soul-edit-out .out_auto').prop('checked'),
+ where = where_cache[myTable.id] || {},
+ filterSos = where.filterSos ? JSON.parse(where.filterSos) : [];
+
+ switch (mode) {
+ case 'in':
+ _this.hideCondition(myTable);
+ if (dorpListTimeOut) {
+ clearTimeout(dorpListTimeOut);
+ }
+ $('#soul-dropList' + tableId + '>.filter-search>input').val('');
+ $('#soul-dropList' + tableId).show();
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox]:checked').prop('checked', false);
+ var filterSo = _this.getFilterSoById(filterSos, id);
+ if (filterSo.values) {
+ for (i = 0; i < filterSo.values.length; i++) {
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox][value="' + filterSo.values[i] + '"]').prop('checked', true);
+ }
+ }
+
+ $('#soul-dropList' + tableId + '>ul').data('id', id).data('head', head).data('refresh', refresh).data('prefix', prefix).html($('#soulDropList' + tableId).find('.' + field + 'DropList li').clone());
+ form.render('checkbox', 'orm');
+ top = $(obj).offset().top + $(obj).outerHeight();
+ $('#soul-dropList' + tableId).css({'top': top, 'left': left})
+ .show().removeClass().addClass('fadeInUp animated');
+ setTimeout(function () {
+ $('#soul-dropList' + tableId + '>.filter-search>input').focus() // 聚焦搜索框
+ }, 1);
+
+ // 监听筛选数据
+ var liClick = true;
+ form.on('checkbox(soulDropList' + tableId + ')', function (data) {
+ liClick = false;
+ _this.updateDropList(myTable, field);
+ });
+
+ $('#soul-dropList' + tableId + '>ul>li[data-value]').on('click', function () {
+ if (liClick) {
+ $(this).find('div.layui-form-checkbox').trigger('click');
+ }
+ liClick = true;
+ })
+ break;
+ case 'date':
+ _this.hideDropList(myTable);
+ if (conditionTimeOut) {
+ clearTimeout(conditionTimeOut);
+ }
+ var filterSo = _this.getFilterSoById(filterSos, id),
+ top = $(obj).offset().top + $(obj).height();
+
+ _this.showDate(myTable, field, filterSo, "fadeInUp", top, left, "down", refresh);
+ break;
+ case 'condition':
+ $(obj).hide();
+ $(obj).after('
')
+ $(obj).next().children().val(value).select().on('keydown', function (e) {
+ if (e.keyCode === 13) {
+ $(this).blur();
+ }
+ }).on('blur', function () {
+ var newValue = $(this).val();
+ $(obj).html(typeof newValue === 'undefined' || newValue === '' ? '请输入...' : newValue);
+ $(obj).show();
+ $(this).parent().remove()
+ if (newValue !== value) {
+ $(obj).parent().data('value', newValue);
+ _this.updateWhere(myTable, {
+ id: id,
+ value: newValue
+ })
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ }
+ })
+ break;
+ }
+
+ }
+
+ $('.soul-edit-out a[data-type]').on('click', function () {
+ if ($(this).data('type') === 'search') {
+ _this.soulReload(myTable);
+ } else {
+ addLine(this)
+ }
+ })
+
+ function addLine(obj) {
+ var refresh = $('.soul-edit-out .out_auto').prop('checked');
+ filterBoard = []
+ switch ($(obj).data('type')) {
+ case 'addOne':
+ var filterSo = {
+ prefix: 'and',
+ field: firstColumn.field,
+ mode: 'condition',
+ type: 'eq',
+ value: ''
+ }
+ if ($(obj).parent().parent().data('id')) {
+ $.extend(filterSo, {
+ groupId: $(obj).parent().parent().data('id')
+ })
+ }
+
+ _this.updateWhere(myTable, filterSo);
+
+ filterBoard.push('
');
+ filterBoard.push('');
+ filterBoard.push('')
+ filterBoard.push('' + fieldMap[filterSo.field].title + '
');
+ filterBoard.push('等于
');
+ filterBoard.push('请输入...
');
+ filterBoard.push('
');
+ filterBoard.push('');
+ break;
+ case 'addGroup':
+ var filterSo = {
+ prefix: 'and',
+ mode: 'group',
+ children: []
+ }
+ if ($(obj).parent().parent().data('id')) {
+ $.extend(filterSo, {
+ groupId: $(obj).parent().parent().data('id')
+ })
+ }
+ _this.updateWhere(myTable, filterSo);
+
+ filterBoard.push('
');
+ filterBoard.push('');
+ filterBoard.push('')
+ filterBoard.push('分组
')
+ filterBoard.push('')
+ filterBoard.push('
');
+ filterBoard.push('');
+ filterBoard.push('');
+ break;
+ }
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ if ($(obj).parent().parent().children('ul').children('li').length > 0) {
+ $(obj).parent().parent().children('ul').children('li:last').removeClass('last');
+ if ($(obj).parent().parent().children('ul').children('li:last').children('ul.group').length > 0) {
+ $(obj).parent().parent().children('ul').children('li:last').children('ul.group').addClass('line')
+ }
+ }
+ $(obj).parent().parent().children('ul').append(filterBoard.join(''));
+ form.render('checkbox', 'soul-edit-out')
+ if ($(obj).data('type') === 'addGroup') {
+ $(obj).parent().parent().children('ul').children("li:last").find('a[data-type]').on('click', function () {
+ addLine(this)
+ })
+ } else {
+ $(obj).parent().parent().children('ul').children("li:last").find('.item-field').on('click', function (e) {
+ e.stopPropagation();
+ showColums(this);
+ })
+ $(obj).parent().parent().children('ul').children("li:last").find('.item-type').on('click', function (e) {
+ e.stopPropagation();
+ showTypes(this);
+ })
+ $(obj).parent().parent().children('ul').children("li:last").find('.item-value').on('click', function (e) {
+ e.stopPropagation();
+ showValue(this);
+ })
+ }
+ $(obj).parent().parent().children('ul').children("li:last").children('.delete-item').on('click', function () {
+ var id = $(this).parent().data('id'),
+ refresh = $('.soul-edit-out .out_auto').prop('checked');
+ $(this).parent().remove();
+ _this.updateWhere(myTable, {
+ id: id,
+ delete: true
+ })
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ })
+ }
+ }
+ , hideColumns: function (myTable, animate) {
+ var tableId = myTable.id;
+
+ $('#soul-columns' + tableId).removeClass().addClass('fadeOutLeft animated')
+ if (columnsTimeOut) {
+ clearTimeout(columnsTimeOut)
+ }
+ if (typeof animate === 'undefined' || animate) {
+ columnsTimeOut = setTimeout(function (e) {
+ $('#soul-columns' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id^=soul-columns]').hide();
+ }
+
+ }
+ , hideDropList: function (myTable, animate) {
+ var tableId = myTable.id;
+ $('#soul-dropList' + tableId).removeClass().addClass('fadeOutLeft animated')
+ if (dorpListTimeOut) {
+ clearTimeout(dorpListTimeOut);
+ }
+ if (typeof animate === 'undefined' || animate) {
+ dorpListTimeOut = setTimeout(function (e) {
+ $('#soul-dropList' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id^=soul-dropList]').hide();
+ }
+
+ }
+ , hideCondition: function (myTable, animate) {
+ var tableId = myTable.id;
+ $('#soul-condition' + tableId).removeClass().addClass('fadeOutLeft animated')
+ if (conditionTimeOut) {
+ clearTimeout(conditionTimeOut);
+ }
+ if (typeof animate === 'undefined' || animate) {
+ conditionTimeOut = setTimeout(function (e) {
+ $('#soul-condition' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id^=soul-condition]').hide();
+ }
+ }
+ , hideBfPrefix: function (myTable, animate) {
+ var tableId = myTable.id;
+ $('#soul-bf-prefix' + tableId).removeClass().addClass('fadeOutDown animated')
+ if (bfColumnTimeOut) {
+ clearTimeout(bfColumnTimeOut);
+ }
+ if (typeof animate === 'undefined' || animate) {
+ bfColumnTimeOut = setTimeout(function () {
+ $('#soul-bf-prefix' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id=soul-bf-prefix' + tableId + ']').hide();
+ }
+ }
+ , hideBfColumn: function (myTable, animate) {
+ var tableId = myTable.id;
+ $('#soul-bf-column' + tableId).removeClass().addClass('fadeOutDown animated')
+ if (bfColumnTimeOut) {
+ clearTimeout(bfColumnTimeOut);
+ }
+ if (typeof animate === 'undefined' || animate) {
+ bfColumnTimeOut = setTimeout(function () {
+ $('#soul-bf-column' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id=soul-bf-column' + tableId + ']').hide();
+ }
+ }
+ , hideBfType: function (myTable, animate) {
+ var tableId = myTable.id;
+ $('#soul-bf-type' + tableId).removeClass().addClass('fadeOutDown animated')
+ if (bfCond1TimeOut) {
+ clearTimeout(bfCond1TimeOut);
+ }
+ if (typeof animate === 'undefined' || animate) {
+ bfCond1TimeOut = setTimeout(function () {
+ $('#soul-bf-type' + tableId).hide();
+ }, 500)
+ } else {
+ $('[id=soul-bf-type' + tableId + ']').hide();
+ }
+ }
+ , bindFilterClick: function (myTable) {
+ var _this = this,
+ $table = $(myTable.elem),
+ $tableHead = $table.next().children('.layui-table-box').children('.layui-table-header').children('table'),
+ $fixedLeftTableHead = $table.next().children('.layui-table-box').children('.layui-table-fixed-l').children('.layui-table-header').children('table'),
+ $fixedRigthTableHead = $table.next().children('.layui-table-box').children('.layui-table-fixed-r').children('.layui-table-header').children('table'),
+ tableId = myTable.id,
+ filterItems = myTable.filter ? myTable.filter.items || defaultFilterItems : defaultFilterItems,
+ mainListTimeOut;
+
+ // 显示筛选框
+ $tableHead.find('.soul-table-filter').off('click').on('click', function (e) {
+ e.stopPropagation();
+ showFilter($(this))
+ });
+ $fixedLeftTableHead.find('.soul-table-filter').off('click').on('click', function (e) {
+ e.stopPropagation();
+ showFilter($(this))
+ });
+ $fixedRigthTableHead.find('.soul-table-filter').off('click').on('click', function (e) {
+ e.stopPropagation();
+ showFilter($(this))
+ });
+
+ function showFilter($that) {
+ var curItems = $that.data('items') ? $that.data('items').split(',') : filterItems
+ _this.hideColumns(myTable, false);
+ _this.hideDropList(myTable, false);
+ _this.hideCondition(myTable, false);
+ $('[id^=main-list]').hide();
+
+ $('#main-list' + tableId).data({'field': $that.data('column'), 'split': $that.data('split')});
+
+ $('#soul-columns' + tableId + ' [type=checkbox]').attr('disabled', false);
+ // if (myTable.cols[0][0].type=='checkbox') {
+ // $('#soul-columns'+tableId+' [type=checkbox]:eq('+($that.parents('th').data('key').split('-')[2]-1)+')').attr('disabled', true);
+ // } else {
+ $('#soul-columns' + tableId + ' li[data-key=' + $that.parents('th').data('key').split('-')[2] + '] [type=checkbox]').attr('disabled', true);
+ // }
+
+ $('#main-list' + tableId + ' > li').hide()
+ // 是否显示排序框
+ if ($that.hasClass('layui-table-sort')) {
+ $('#main-list' + tableId + ' .soul-sort').show()
+ }
+ for (var i = 0; i < curItems.length; i++) {
+ $('#main-list' + tableId + ' .' + itemsMap[curItems[i]]).show()
+ if ($('#main-list' + tableId + ' .' + itemsMap[curItems[i]]).index() !== (i + 2)) {
+ $('#main-list' + tableId + '>li:eq("' + (i + 2) + '")').before($('#main-list' + tableId + ' .' + itemsMap[curItems[i]]))
+
+ }
+ }
+ if (mainListTimeOut) {
+ clearTimeout(mainListTimeOut)
+ }
+ var left, animate;
+ if ($that.offset().left + $('#main-list' + tableId).outerWidth() < document.body.clientWidth) {
+ left = $that.offset().left + 10;
+ animate = 'fadeInLeft';
+ } else {
+ left = $that.offset().left - $('#main-list' + tableId).outerWidth();
+ animate = 'fadeInRight';
+ }
+ $('#main-list' + tableId).data('type', myTable.where.tableFilterType ? JSON.parse(myTable.where.tableFilterType)[$that.data('column')] || '' : '').hide().css({
+ 'top': $that.offset().top + 10,
+ 'left': left
+ }).show().removeClass().addClass(animate + ' animated');
+
+ // 排序
+ $('#main-list' + tableId + ' .soul-sort').on('click', function (e) {
+ $that.siblings('.layui-table-sort').find('.layui-table-sort-' + $(this).data('value')).trigger('click');
+ $('#main-list' + tableId).hide();
+ })
+ form.render('checkbox', 'orm');
+ }
+
+ $(document).on('click', function (e) {
+ $('#main-list' + tableId).hide();
+ _this.hideColumns(myTable, false);
+ _this.hideDropList(myTable, false);
+ _this.hideCondition(myTable, false);
+ _this.hideBfPrefix(myTable, false);
+ _this.hideBfColumn(myTable, false);
+ _this.hideBfType(myTable, false);
+ });
+ $('#main-list' + tableId + ',#soul-columns' + tableId + ',#soul-dropList' + tableId + ',#soul-condition' + tableId).on('click', function (e) {
+ $(this).find('.layui-form-selected').removeClass('layui-form-selected')
+ e.stopPropagation();
+ });
+
+ //渲染底部筛选条件
+ _this.renderBottomCondition(myTable);
+
+ // 表头样式
+ var where = where_cache[myTable.id] || {},
+ filterSos = JSON.parse(where.filterSos ? where.filterSos : '[]');
+
+ for (var i = 0; i < filterSos.length; i++) {
+ if (filterSos[i].head) {
+ var hasFilter = false;
+ switch (filterSos[i].mode) {
+ case 'in':
+ if (filterSos[i].values && filterSos[i].values.length > 0) {
+ hasFilter = true
+ }
+ break;
+ case 'date':
+ if (filterSos[i].type !== 'all' && typeof filterSos[i].value !== 'undefined' && filterSos[i].value !== '') {
+ hasFilter = true
+ }
+ break;
+ case 'group':
+ if (filterSos[i].children && filterSos[i].children.length > 0) {
+ hasFilter = true
+ }
+ default:
+ break;
+ }
+ $tableHead.find('thead>tr>th[data-field="' + filterSos[i].field + '"] .soul-table-filter').attr('soul-filter', '' + hasFilter);
+ $fixedLeftTableHead.find('thead>tr>th[data-field="' + filterSos[i].field + '"] .soul-table-filter').attr('soul-filter', '' + hasFilter);
+ $fixedRigthTableHead.find('thead>tr>th[data-field="' + filterSos[i].field + '"] .soul-table-filter').attr('soul-filter', '' + hasFilter);
+ }
+ }
+ }
+ , resize: function (myTable) {
+ var _this = this,
+ $table = $(myTable.elem),
+ $tableBox = $table.next().children('.layui-table-box'),
+ $tableMain = $tableBox.children('.layui-table-main')
+ // 减去底部筛选的高度
+ if ($table.next().children('.soul-bottom-contion').length > 0) {
+ $table.next().children('.soul-bottom-contion').children('.condition-items').css('width', $table.next().children('.soul-bottom-contion').width() - $table.next().children('.soul-bottom-contion').children('.editCondtion').outerWidth());
+
+ var bodyHeight = $table.next().height() - $table.next().children('.soul-bottom-contion').outerHeight()
+ if ($table.next().children('.layui-table-tool').length > 0) {
+ bodyHeight = bodyHeight - $table.next().children('.layui-table-tool').outerHeight();
+ }
+ if ($table.next().children('.layui-table-total').length > 0) {
+ bodyHeight = bodyHeight - $table.next().children('.layui-table-total').outerHeight();
+ }
+ if ($table.next().children('.layui-table-page').length > 0) {
+ bodyHeight = bodyHeight - $table.next().children('.layui-table-page').outerHeight();
+ }
+
+ bodyHeight = bodyHeight - $table.next().children('.layui-table-box').children('.layui-table-header').outerHeight();
+
+ $table.next().children('.layui-table-box').children('.layui-table-body').height(bodyHeight)
+ var fixHeight = bodyHeight - _this.getScrollWidth($tableMain[0]),
+ layMainTableHeight = $tableMain.children('table').height()
+ $table.next().children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').height(layMainTableHeight >= fixHeight ? fixHeight : 'auto')
+
+ var scollWidth = $tableMain.width() - $tableMain.prop('clientWidth') //纵向滚动条宽度;
+ $tableBox.children('.layui-table-fixed-r').css('right', scollWidth - 1);
+ }
+ }
+ /**
+ * 同步当前 droplist
+ * @param myTable
+ * @param field
+ */
+ , updateDropList: function (myTable, field) {
+ var _this = this,
+ $table = $(myTable.elem),
+ tableId = myTable.id,
+ id = $('#soul-dropList' + tableId + '>ul').data('id'),
+ $checkedDom = $('#soul-dropList' + tableId + '>ul input[type=checkbox]:checked'),
+ values = [],
+ head = $('#soul-dropList' + tableId + '>ul').data('head'),
+ prefix = $('#soul-dropList' + tableId + '>ul').data('prefix'),
+ refresh = $('#soul-dropList' + tableId + '>ul').data('refresh'),
+ split = $('#soul-dropList' + tableId + '>ul').data('split');
+ if ($checkedDom.length > 0) {
+ $checkedDom.each(function () {
+ values.push($(this).val())
+ })
+ }
+ var filterSo = {
+ id: id,
+ head: head,
+ prefix: prefix || 'and',
+ mode: 'in',
+ field: field,
+ split: split,
+ values: values
+ };
+ _this.updateWhere(myTable, filterSo);
+ if (!id) {
+ $('#soul-dropList' + tableId + '>ul').data('id', filterSo.id);
+ }
+
+ if ($('.soul-edit-out').length > 0) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]>.item-value').html('共' + (filterSo.values ? filterSo.values.length : 0) + '条数据')
+ }
+
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ }
+ , getFilterSoById: function (filterSos, id) {
+ for (var i = 0; i < filterSos.length; i++) {
+ if (filterSos[i].id === id) {
+ return filterSos[i]
+ } else if (filterSos[i].mode === 'group') {
+ for (var j = 0; j < filterSos[i].children.length; j++) {
+ var filterSo = this.getFilterSoById(filterSos[i].children, id);
+ if (filterSo) return filterSo;
+ }
+ }
+ }
+ return null
+ }
+ /**
+ * 更新 filter 条件
+ * @param myTable
+ * @param filterSo
+ */
+ , updateWhere: function (myTable, filterSo) {
+ var _this = this,
+ where = where_cache[myTable.id] || {},
+ filterSos = JSON.parse(where.filterSos ? where.filterSos : '[]');
+
+ if (filterSo.id || filterSo.groupId) {
+ for (var i = 0; i < filterSos.length; i++) {
+ if (filterSo.delete && filterSos[i].id === filterSo.id) {
+ filterSos.splice(i, 1);
+ break;
+ }
+ if (updateFilterSo(filterSos[i], filterSo)) {
+ break;
+ }
+ }
+ } else if (!(filterSo.mode === 'in' && !(filterSo.values && filterSo.values.length > 0))) {
+ filterSos.push($.extend(filterSo, {
+ id: _this.getDifId()
+ }))
+ }
+ where['filterSos'] = JSON.stringify(filterSos);
+ myTable.where = where;
+ where_cache[myTable.id] = where;
+
+ function updateFilterSo(filterSo, newFilterSo) {
+ var isMatch = false;
+
+ if (filterSo.id === newFilterSo.id) {
+ $.extend(filterSo, newFilterSo);
+ isMatch = true;
+ }
+
+ // 在分组中新增
+ if (!newFilterSo.id && filterSo.id === newFilterSo.groupId) {
+ filterSo.children.push($.extend(newFilterSo, {
+ id: _this.getDifId()
+ }))
+ } else if (filterSo.mode === 'group') {
+ for (var i = 0; i < filterSo.children.length; i++) {
+ if (newFilterSo.delete && filterSo.children[i].id === newFilterSo.id) {
+ filterSo.children.splice(i, 1);
+ return true;
+ }
+ if (updateFilterSo(filterSo.children[i], newFilterSo)) {
+ return true;
+ }
+ }
+
+ }
+
+ return isMatch;
+ }
+ }
+ /**
+ * 根据当前条件重载表格
+ * @param myTable 需要重载的表格对象
+ * @param isr 是否为筛选重载，为 true 时，不进行筛选的初始化动作（包括渲染dom、请求表头数据等）
+ */
+ , soulReload: function (myTable, isr) {
+ var _this = this,
+ $table = $(myTable.elem),
+ scrollLeft = $table.next().children('.layui-table-box').children('.layui-table-main').scrollLeft();
+
+ isFilterReload[myTable.id] = typeof isr === 'undefined' ? true : isr;
+ if (typeof myTable.url !== 'undefined' && myTable.page) {
+ $table.data('scrollLeft', scrollLeft);
+ /**
+ * 后台筛选
+ */
+ table.reload(myTable.id, {
+ where: where_cache[myTable.id] || {},
+ page: {
+ curr: 1 //重新从第 1 页开始
+ }
+ })
+ } else {
+ /**
+ * 前端筛选
+ */
+ var where = where_cache[myTable.id] || {},
+ filterSos = JSON.parse(where.filterSos ? where.filterSos : '[]'),
+ tableFilterTypes = where.tableFilterType ? JSON.parse(where.tableFilterType) : {},
+ loading = layer.load(2);
+ if (!myTable.page) {
+ // 修复前端不分页时，layui table bug 导致的只显示10条数据的问题
+ myTable.limit = 100000000
+ }
+ if (filterSos.length > 0) {
+ var newData = [];
+ layui.each(cache[myTable.id], function (index, item) {
+ var show = true;
+
+ for (var i = 0; i < filterSos.length; i++) {
+ show = _this.handleFilterSo(filterSos[i], item, tableFilterTypes, show, i === 0)
+ }
+
+ if (show) {
+ newData.push(item)
+ }
+ })
+ if (myTable.page) {
+ table.reload(myTable.id, {
+ data: newData
+ , initSort: myTable.initSort
+ , isSoulFrontFilter: true
+ , page: {
+ curr: 1 //重新从第 1 页开始
+ }
+ })
+ } else {
+ var url = myTable.url;
+ $table.next().off('click')
+ var inst = table.reload(myTable.id, {
+ url: ''
+ , initSort: myTable.initSort
+ , isSoulFrontFilter: true
+ , data: newData
+ })
+ inst.config.url = url;
+ }
+ myTable.data = newData
+
+ } else {
+ if (myTable.page) {
+ table.reload(myTable.id, {
+ data: cache[myTable.id]
+ , initSort: myTable.initSort
+ , isSoulFrontFilter: true
+ , page: {
+ curr: 1 //重新从第 1 页开始
+ }
+ })
+ } else {
+ table.reload(myTable.id, {
+ data: cache[myTable.id]
+ , initSort: myTable.initSort
+ , isSoulFrontFilter: true
+ })
+ }
+ myTable.data = cache[myTable.id]
+ }
+ $table.next().children('.layui-table-box').children('.layui-table-main').scrollLeft(scrollLeft);
+ layer.close(loading)
+ }
+ }
+ , handleFilterSo: function (filterSo, item, tableFilterTypes, show, first) {
+ var isOr = first ? false : filterSo.prefix === 'or',
+ field = filterSo.field,
+ value = filterSo.value,
+ status = true;
+
+ // 如果有子元素
+ if (filterSo.children && filterSo.children.length > 0) {
+ for (var i = 0; i < filterSo.children.length; i++) {
+ status = this.handleFilterSo(filterSo.children[i], item, tableFilterTypes, status, i === 0)
+ }
+ return isOr ? show || status : show && status;
+ }
+
+ switch (filterSo.mode) {
+ case "in":
+ if (filterSo.values && filterSo.values.length > 0) {
+ if (filterSo.split) {
+ var tempList = (item[field] + '').split(filterSo.split);
+ var tempStatus = false;
+ for (var i = 0; i < tempList.length; i++) {
+ if (filterSo.values.indexOf(tempList[i]) !== -1) {
+ tempStatus = true;
+ }
+ }
+ status = tempStatus;
+ } else {
+ status = filterSo.values.indexOf(item[field] + '') !== -1
+ }
+ } else {
+ return show;
+ }
+ break;
+ case "condition":
+ if (filterSo.type !== 'null' && filterSo.type !== 'notNull' && (typeof value === 'undefined' || value === '')) {
+ return show;
+ }
+ switch (filterSo.type) {
+ case "eq":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] === value : Number(item[field]) === Number(value);
+ break;
+ case "ne":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] !== value : Number(item[field]) !== Number(value);
+ break;
+ case "gt":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] > value : Number(item[field]) > Number(value);
+ break;
+ case "ge":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] >= value : Number(item[field]) >= Number(value);
+ break;
+ case "lt":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] < value : Number(item[field]) < Number(value);
+ break;
+ case "le":
+ status = isNaN(item[field]) || isNaN(value) ? item[field] <= value : Number(item[field]) <= Number(value);
+ break;
+ case "contain":
+ status = (item[field] + '').indexOf(value) !== -1;
+ break;
+ case "notContain":
+ status = (item[field] + '').indexOf(value) === -1;
+ break;
+ case "start":
+ status = (item[field] + '').indexOf(value) === 0;
+ break;
+ case "end":
+ var d = (item[field] + '').length - (value + '').length;
+ status = d >= 0 && (item[field] + '').lastIndexOf(value) === d;
+ break;
+ case "null":
+ status = typeof item[field] === 'undefined' || item[field] === '' || item[field] === null;
+ break;
+ case "notNull":
+ status = typeof item[field] !== 'undefined' && item[field] !== '' && item[field] !== null;
+ break;
+ }
+ break;
+ case "date":
+ var dateVal = new Date(Date.parse(item[field].replace(/-/g, "/")));
+ switch (filterSo.type) {
+ case 'all':
+ status = true;
+ break;
+ case 'yesterday':
+ status = item[field] && isBetween(dateVal, getToday() - 86400, getToday() - 1);
+ break;
+ case 'thisWeek':
+ status = item[field] && isBetween(dateVal, getFirstDayOfWeek(), getFirstDayOfWeek() + 86400 * 7 - 1);
+ break;
+ case 'lastWeek':
+ status = item[field] && isBetween(dateVal, getFirstDayOfWeek() - 86400 * 7, getFirstDayOfWeek() - 1);
+ break;
+ case 'thisMonth':
+ status = item[field] && isBetween(dateVal, getFirstDayOfMonth(), getCurrentMonthLast());
+ break;
+ case 'thisYear':
+ status = item[field] && isBetween(dateVal, new Date(new Date().getFullYear(), 1, 1) / 1000, new Date(new Date().getFullYear() + 1, 1, 1) / 1000 - 1);
+ break;
+ case 'specific':
+ var dateFormat = dateVal.getFullYear();
+ dateFormat += '-' + (timeAdd0(dateVal.getMonth() + 1));
+ dateFormat += '-' + timeAdd0(dateVal.getDate());
+ status = item[field] && dateFormat === value
+ break;
+ }
+ break;
+ }
+
+ // 今天凌晨
+ function getToday() {
+ return new Date().setHours(0, 0, 0, 0) / 1000;
+ }
+
+ // 本周第一天
+ function getFirstDayOfWeek() {
+ var now = new Date();
+ var weekday = now.getDay() || 7; //获取星期几,getDay()返回值是 0（周日） 到 6（周六） 之间的一个整数。0||7为7，即weekday的值为1-7
+ return new Date(now.setDate(now.getDate() - weekday + 1)).setHours(0, 0, 0, 0) / 1000;//往前算（weekday-1）天，年份、月份会自动变化
+ }
+
+ //获取当月第一天
+ function getFirstDayOfMonth() {
+ return new Date(new Date().setDate(1)).setHours(0, 0, 0, 0) / 1000;
+ }
+
+ //获取当月最后一天最后一秒
+ function getCurrentMonthLast() {
+ var date = new Date();
+ var currentMonth = date.getMonth();
+ var nextMonth = ++currentMonth;
+ var nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1);
+ return nextMonthFirstDay / 1000 - 1;
+ }
+
+ function isBetween(v, a, b) {
+ return (v.getTime() / 1000) >= a && (v.getTime() / 1000) <= b;
+ }
+
+ function timeAdd0(str) {
+ str += "";
+ if (str.length <= 1) {
+ str = '0' + str;
+ }
+ return str
+ }
+
+ return isOr ? show || status : show && status;
+ }
+ , getDifId: function () {
+ return maxId++;
+ }
+ , showDate: function (myTable, field, filterSo, animate, top, left, type, refresh) {
+ var _this = this,
+ tableId = myTable.id,
+ conditionHtml = [],
+ documentWidth = document.body.clientWidth,
+ animate;
+ conditionHtml.push('
');
+ conditionHtml.push('
');
+ for (var key in dateTimeItems) {
+ conditionHtml.push('
');
+ }
+ conditionHtml.push('
');
+ conditionHtml.push('
');
+ $('#soul-condition' + tableId).html(conditionHtml.join(''));
+ var filterDate = util.toDateString(new Date(), 'yyyy-MM-dd');
+ if (filterSo) {
+ $('#soul-condition' + tableId).data({'id': filterSo.id, 'head': true});
+ $('#soul-condition' + tableId + '>.' + field + 'Condition' + ' [name^=datetime][value="' + filterSo.type + '"]').prop('checked', true);
+ if (filterSo.type === 'specific') {
+ filterDate = filterSo.value
+ }
+ } else {
+ $('#soul-condition' + tableId).data({'id': '', 'head': true});
+ $('#soul-condition' + tableId + '>.' + field + 'Condition' + ' [name^=datetime][value="all"]').prop('checked', true);
+ }
+
+ $('#soul-condition' + tableId + ' .specific_value').val(filterDate);
+ laydate.render({
+ elem: '#soul-condition' + tableId + ' .staticDate'
+ , position: 'static'
+ , calendar: true
+ , btns: ['now']
+ , value: filterDate
+ , done: function (value) {
+ var id = $('#soul-condition' + tableId).data('id'),
+ head = $('#soul-condition' + tableId).data('head')
+ $('#soul-condition' + tableId + ' .specific_value').val(value);
+ $('#soul-condition' + tableId + ' [name^=datetime]:checked').prop('checked', false);
+ $('#soul-condition' + tableId + ' [name^=datetime][value=specific]').prop('checked', true);
+ var filterSo = {
+ id: id,
+ head: head,
+ prefix: head ? 'and' : 'and',
+ mode: 'date',
+ field: field,
+ type: 'specific',
+ value: value
+ }
+ _this.updateWhere(myTable, filterSo);
+ if (!id) {
+ $('#soul-condition' + tableId).data('id', filterSo.id)
+ }
+ if ($('.soul-edit-out').length > 0) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-value').html(filterSo.value)
+ }
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ form.render('radio', 'orm');
+ }
+ });
+ form.on('radio(datetime' + tableId + ')', function (data) {
+ var id = $('#soul-condition' + tableId).data('id'),
+ head = $('#soul-condition' + tableId).data('head')
+ var filterSo = {
+ id: id,
+ head: head,
+ prefix: head ? 'and' : 'and',
+ mode: 'date',
+ field: field,
+ type: data.value,
+ value: $('#soul-condition' + tableId + ' .specific_value').val()
+ }
+ _this.updateWhere(myTable, filterSo);
+ if (!id) {
+ $('#soul-condition' + tableId).data('id', filterSo.id)
+ }
+ if ($('.soul-edit-out').length > 0) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-value').html(dateTimeItems[filterSo.type] || filterSo.value)
+ }
+ if (refresh) {
+ _this.soulReload(myTable);
+ }
+ });
+ form.render('radio', 'orm')
+ if (type === 'down') {
+ if (left + $('#soul-condition' + tableId).width() < documentWidth) {
+ animate = 'fadeInLeft'
+ } else {
+ left = left - $('#main-list' + tableId).width() - $('#soul-condition' + tableId).width();
+ animate = 'fadeInRight'
+ }
+ } else {
+ top = top - $('#soul-condition' + tableId).outerHeight() - 10;
+ }
+ $('#soul-condition' + tableId).css({'top': top, 'left': left})
+ .show().removeClass().addClass(animate + ' animated');
+
+ }
+ , bottomConditionHtml: function (bcHtml, filterSo, fieldMap, first) {
+ var _this = this,
+ isOr = filterSo.prefix === 'or',
+ field = filterSo.field;
+
+ if (filterSo.mode === 'group') {
+ if (filterSo.children && filterSo.children.length > 0) {
+ bcHtml.push('
');
+ if (!first) {
+ bcHtml.push('
' + (isOr ? '或' : '与') + '
');
+ }
+
+ for (var i = 0; i < filterSo.children.length; i++) {
+ _this.bottomConditionHtml(bcHtml, filterSo.children[i], fieldMap, i === 0);
+ }
+ bcHtml.push('
');
+ bcHtml.push('
')
+ }
+ return;
+ }
+ bcHtml.push('
');
+ if (!first) {
+ bcHtml.push('
' + (isOr ? '或' : '与') + '
');
+ }
+ bcHtml.push('
' + fieldMap[field].title + '
');
+ bcHtml.push('
');
+ switch (filterSo.mode) {
+ case 'in':
+ bcHtml.push('筛选数据');
+ break;
+ case 'condition':
+ bcHtml.push(conditionChangeItems[filterSo.type]);
+ break;
+ case 'date':
+ bcHtml.push('选择日期');
+ break;
+ default:
+ bcHtml.push('未知');
+ break;
+ }
+ bcHtml.push('
');
+ if (filterSo.type !== 'null' && filterSo.type !== 'notNull') {
+ bcHtml.push('
');
+ switch (filterSo.mode) {
+ case 'in':
+ bcHtml.push('共' + (filterSo.values ? filterSo.values.length : 0) + '条数据');
+ break;
+ case 'date':
+ bcHtml.push(filterSo.type === 'specific' ? filterSo.value || '请选择' : dateTimeItems[filterSo.type])
+ break;
+ case 'condition':
+ default:
+ bcHtml.push(typeof filterSo.value === 'undefined' || filterSo.value === '' ? '请输入...' : filterSo.value);
+ break;
+ }
+
+ bcHtml.push('
')
+ }
+ bcHtml.push('
');
+ bcHtml.push('
')
+ }
+ , renderBottomCondition: function (myTable) {
+ var _this = this,
+ where = where_cache[myTable.id] || {},
+ filterSos = where.filterSos ? JSON.parse(where.filterSos) : [],
+ tableFilterTypes = where.tableFilterType ? JSON.parse(where.tableFilterType) : {},
+ $table = $(myTable.elem),
+ tableId = myTable.id,
+ $bottomCondition = $table.next().children('.soul-bottom-contion'),
+ fieldMap = {}, bcHtml = [], curItems,
+ filterItems = myTable.filter ? myTable.filter.items || defaultFilterItems : defaultFilterItems,
+ columns = _this.getCompleteCols(myTable.cols);
+ for (var i = 0; i < columns.length; i++) {
+ if (columns[i].field && columns[i].filter) {
+ curItems = columns[i].filter.items || filterItems;
+ if (curItems.indexOf('data') !== -1 || curItems.indexOf('condition') !== -1) {
+ fieldMap[columns[i]['field']] = {
+ title: columns[i].title,
+ items: curItems
+ }
+ }
+ }
+ }
+
+ /**
+ * 一、拼装底部内容
+ */
+ for (var i = 0; i < filterSos.length; i++) {
+ _this.bottomConditionHtml(bcHtml, filterSos[i], fieldMap, i === 0);
+ }
+ $bottomCondition.children('.condition-items').html(bcHtml.join(''))
+
+ /**
+ * 二、组装底部弹窗条件
+ */
+ bcHtml = [];
+ // 1. prefix
+ if ($('#soul-bf-prefix' + tableId).length === 0) {
+ bcHtml.push('
')
+ bcHtml.push('- 与
')
+ bcHtml.push('- 或
')
+ bcHtml.push('
')
+ }
+ // 2. 列选择
+ if ($('#soul-bf-column' + tableId).length === 0) {
+ bcHtml.push('
')
+ for (var field in fieldMap) {
+ bcHtml.push('- ' + fieldMap[field].title + '
')
+ }
+ bcHtml.push('
')
+ }
+
+ // 3. 条件选择
+ if ($('#soul-bf-type' + tableId).length === 0) {
+ bcHtml.push('
')
+ bcHtml.push('- 筛选数据
')
+ bcHtml.push('- 选择日期
')
+ for (var key in conditionChangeItems) {
+ bcHtml.push('- ' + conditionChangeItems[key] + '
')
+ }
+ bcHtml.push('
')
+ }
+
+ // 4. 值选择
+ if ($('#soul-bf-cond2-dropList' + tableId).length === 0) {
+ bcHtml.push('
')
+ }
+
+
+ $('body').append(bcHtml.join(''))
+
+ /**
+ * 三、底部弹窗事件
+ */
+ // 1. prefix弹出事件
+ $bottomCondition.find('.item-prefix').off('click').on('click', function (e) {
+ e.stopPropagation();
+ $('#main-list' + tableId).hide();
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ _this.hideColumns(myTable);
+ _this.hideBfColumn(myTable);
+ _this.hideBfType(myTable);
+ var top = $(this).offset().top - $('#soul-bf-prefix' + tableId).outerHeight() - 10,
+ left = $(this).offset().left;
+
+ $('#soul-bf-prefix' + tableId).find('li.soul-bf-selected').removeClass('soul-bf-selected')
+ $('#soul-bf-prefix' + tableId)
+ .data('id', $(this).parent().data('id'))
+ .data('prefix', $(this).parent().data('prefix'))
+ .data('refresh', true)
+ .show()
+ .css({top: top, left: left})
+ .removeClass().addClass('fadeInUp animated')
+ .find('li[data-value="' + $(this).parent().data('prefix') + '"]')
+ .addClass('soul-bf-selected')
+
+ })
+ // 2. 弹出列选择
+ $bottomCondition.find('.item-field').off('click').on('click', function (e) {
+ e.stopPropagation();
+ $('#main-list' + tableId).hide();
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ _this.hideColumns(myTable);
+ _this.hideBfPrefix(myTable)
+ _this.hideBfType(myTable);
+ var top = $(this).offset().top - $('#soul-bf-column' + tableId).outerHeight() - 10,
+ left = $(this).offset().left;
+
+ $('#soul-bf-column' + tableId).find('li.soul-bf-selected').removeClass('soul-bf-selected')
+ $('#soul-bf-column' + tableId)
+ .data('field', $(this).parent().data('field'))
+ .data('id', $(this).parent().data('id'))
+ .data('mode', $(this).parent().data('mode'))
+ .data('group', $(this).parent().parent().data('id') || '')
+ .data('refresh', true)
+ .show()
+ .css({top: top, left: left})
+ .removeClass().addClass('fadeInUp animated')
+ .find('li[data-field="' + $(this).parent().data('field') + '"]')
+ .addClass('soul-bf-selected')
+ })
+
+ // 3. 弹出方式选择
+ $bottomCondition.find('.item-type').on('click', function (e) {
+ e.stopPropagation();
+ $('#main-list' + tableId).hide();
+ _this.hideDropList(myTable);
+ _this.hideCondition(myTable);
+ _this.hideColumns(myTable);
+ _this.hideBfColumn(myTable);
+ _this.hideBfPrefix(myTable);
+ var field = $(this).parent().data('field')
+ $('#soul-bf-type' + tableId + ' li').hide()
+ if (tableFilterTypes[field] && tableFilterTypes[field].indexOf('date') === 0) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=date]').show()
+ }
+ if (fieldMap[field].items.indexOf('data') !== -1) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=in]').show()
+ }
+ if (fieldMap[field].items.indexOf('condition') !== -1) {
+ $('#soul-bf-type' + tableId + ' li[data-mode=condition]').show()
+ }
+
+ var top = $(this).offset().top - $('#soul-bf-type' + tableId).outerHeight() - 10,
+ left = $(this).offset().left;
+ $('#soul-bf-type' + tableId).find('li.soul-bf-selected').removeClass('soul-bf-selected')
+ switch ($(this).parent().data('mode')) {
+ case 'in':
+ $('#soul-bf-type' + tableId).find('li[data-mode="in"]')
+ .addClass('soul-bf-selected')
+ break;
+ case 'date':
+ $('#soul-bf-type' + tableId).find('li[data-mode="date"]')
+ .addClass('soul-bf-selected')
+ case 'condition':
+ $('#soul-bf-type' + tableId).find('li[data-value="' + $(this).parent().data('type') + '"]')
+ .addClass('soul-bf-selected')
+ }
+
+ $('#soul-bf-type' + tableId)
+ .data('type', $(this).parent().data('type'))
+ .data('mode', $(this).parent().data('mode'))
+ .data('id', $(this).parent().data('id'))
+ .data('group', $(this).parent().parent().data('id') || '')
+ .data('refresh', true)
+ .show()
+ .css({top: top, left: left})
+ .removeClass().addClass('fadeInUp animated')
+ })
+
+ // 4. 弹出值选择
+ $bottomCondition.find('.item-value').on('click', function (e) {
+ e.stopPropagation();
+ $('#main-list' + tableId).hide();
+ _this.hideColumns(myTable);
+ _this.hideBfType(myTable);
+ _this.hideBfPrefix(myTable)
+ _this.hideBfColumn(myTable);
+ var top,
+ left = $(this).offset().left,
+ mode = $(this).parent().data('mode'),
+ field = $(this).parent().data('field'),
+ id = $(this).parent().data('id'),
+ head = $(this).parent().data('head'),
+ prefix = $(this).parent().data('prefix');
+
+ switch (mode) {
+ case 'in':
+ _this.hideCondition(myTable);
+ if (dorpListTimeOut) {
+ clearTimeout(dorpListTimeOut);
+ }
+ $('#soul-dropList' + tableId + '>.filter-search>input').val('');
+ $('#soul-dropList' + tableId).show();
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox]:checked').prop('checked', false);
+ var filterSo = _this.getFilterSoById(filterSos, id);
+ for (var i = 0; i < filterSo.values.length; i++) {
+ $('#soulDropList' + tableId).find('.' + field + 'DropList li input[type=checkbox][value="' + filterSo.values[i] + '"]').prop('checked', true);
+ }
+
+ $('#soul-dropList' + tableId + '>ul').data('id', id).data('head', head).data('refresh', true).data('prefix', prefix).html($('#soulDropList' + tableId).find('.' + field + 'DropList li').clone());
+ form.render('checkbox', 'orm');
+ top = $(this).offset().top - $('#soul-dropList' + tableId).outerHeight() - 10;
+ $('#soul-dropList' + tableId).css({'top': top, 'left': left})
+ .show().removeClass().addClass('fadeInUp animated');
+ setTimeout(function () {
+ $('#soul-dropList' + tableId + '>.filter-search>input').focus() // 聚焦搜索框
+ }, 1);
+
+
+ // 监听筛选数据
+ var liClick = true;
+ form.on('checkbox(soulDropList' + tableId + ')', function (data) {
+ liClick = false;
+ _this.updateDropList(myTable, field);
+ });
+
+ $('#soul-dropList' + tableId + '>ul>li[data-value]').on('click', function () {
+ if (liClick) {
+ $(this).find('div.layui-form-checkbox').trigger('click');
+ }
+ liClick = true;
+ })
+ break;
+ case 'date':
+ _this.hideDropList(myTable);
+ if (conditionTimeOut) {
+ clearTimeout(conditionTimeOut);
+ }
+ var filterSo = _this.getFilterSoById(filterSos, id),
+ top = $(this).offset().top - 10;
+
+ _this.showDate(myTable, field, filterSo, "fadeInUp", top, left, "up", true);
+ break;
+ default:
+ _this.hideDropList(myTable);
+ if (conditionTimeOut) {
+ clearTimeout(conditionTimeOut);
+ }
+ var obj = this,
+ value = $(this).parents('.condition-item:eq(0)').data('value');
+ $(obj).hide();
+ $(obj).after('
')
+ $(obj).next().children().val(value).select().on('keydown', function (e) {
+ if (e.keyCode === 13) {
+ $(this).blur();
+ }
+ }).on('blur', function () {
+ var newValue = $(this).val();
+ $(obj).html(typeof newValue === 'undefined' || newValue === '' ? '请输入...' : newValue);
+ $(obj).show();
+ $(this).parent().remove()
+ if (newValue !== value) {
+ _this.updateWhere(myTable, {
+ id: id,
+ value: newValue
+ })
+ _this.soulReload(myTable);
+ }
+ })
+
+ break;
+ }
+ })
+
+ /**
+ * 三、选择事件
+ */
+ // 1. 选择prefix
+ $('#soul-bf-prefix' + tableId + '>ul>li').off('click').on('click', function () {
+ var id = $(this).parent().parent().data('id'),
+ newPrefix = $(this).data('value'),
+ oldPrefix = $(this).parent().parent().data('prefix'),
+ refresh = $(this).parent().parent().data('refresh');
+
+ if (oldPrefix !== newPrefix) {
+ _this.updateWhere(myTable, {
+ id: id,
+ prefix: newPrefix
+ });
+ if (refresh === true) {
+ _this.soulReload(myTable);
+ }
+ }
+ })
+ // 1. 选择列
+ $('#soul-bf-column' + tableId + '>ul>li').off('click').on('click', function () {
+ var oldField = $(this).parent().parent().data('field'),
+ newField = $(this).data('field'),
+ mode = $(this).parent().parent().data('mode'),
+ group = $(this).parent().parent().data('group'),
+ refresh = $(this).parent().parent().data('refresh');
+
+ if (oldField !== newField) {
+ var filterSo = {
+ id: $(this).parent().parent().data('id'),
+ field: newField
+ }
+ if (fieldMap[newField].items.indexOf(modeMapItems[mode]) === -1) {
+ $.extend(filterSo, $.extend({}, revertMode[modeMapItems[mode]],
+ revertMode[modeMapItems[mode]].mode === 'condition' && _this.startsWith(tableFilterTypes[newField], 'date')
+ ? {
+ mode: 'date',
+ type: 'all'
+ } : {}))
+ } else {
+ // 重置values值
+ if (mode === 'in') {
+ $.extend(filterSo, {
+ values: []
+ })
+ } else if (mode === 'date' && !(_this.startsWith(tableFilterTypes[newField], 'date'))) {
+ $.extend(filterSo, {
+ mode: 'condition',
+ type: 'eq',
+ value: ''
+ })
+ } else if (mode !== 'date' && _this.startsWith(tableFilterTypes[newField], 'date')) {
+ $.extend(filterSo, {
+ mode: 'date',
+ type: 'all'
+ })
+ }
+ }
+ // 如果是头部条件，选择列是清除
+ if (group) {
+ _this.updateWhere(myTable, {
+ id: group,
+ head: false
+ })
+ }
+ _this.updateWhere(myTable, filterSo);
+
+ if ($('.soul-edit-out').length > 0) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-field').html(fieldMap[newField].title);
+ if (filterSo.mode === 'in') {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-type').html('筛选数据')
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-value').html('共0条数据')
+ } else if (mode !== filterSo.mode) {
+ if (filterSo.mode === 'date') {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-type').html('选择日期')
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-value').html(dateTimeItems[filterSo.type])
+ } else if (filterSo.mode === 'condition') {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-type').html(conditionChangeItems[filterSo.type])
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').children('.item-value').html(filterSo.value === '' ? '请输入...' : filterSo.value)
+ }
+ }
+ }
+
+ if (refresh === true) {
+ _this.soulReload(myTable);
+ }
+ }
+ })
+
+ // 2. 选择类型
+ $('#soul-bf-type' + tableId + '>ul>li').off('click').on('click', function () {
+ var newType = $(this).data('value') + "" // 引号修复为空（null值）传递问题
+ , newMode = $(this).data('mode')
+ , type = $(this).parent().parent().data('type')
+ , mode = $(this).parent().parent().data('mode')
+ , group = $(this).parent().parent().data('group')
+ , refresh = $(this).parent().parent().data('refresh')
+ if (type !== newType) {
+
+ var filterSo = {
+ id: $(this).parent().parent().data('id'),
+ type: newType,
+ mode: newMode
+ }
+ if (mode !== newMode) {
+ $.extend(filterSo, {
+ value: '',
+ values: []
+ })
+ }
+
+ // 如果是头部条件，选择列是清除
+ if (group && newMode === 'in') {
+ _this.updateWhere(myTable, {
+ id: group,
+ head: false
+ })
+ }
+ _this.updateWhere(myTable, filterSo)
+
+ if ($('.soul-edit-out').length > 0) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-value').show();
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-type').html(conditionChangeItems[newType] || (newMode === 'in' ? '筛选数据' : '选择日期'));
+ switch (newMode) {
+ case 'in':
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-value').html('共0条数据');
+ break;
+ case 'date':
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-value').html(dateTimeItems[newType]);
+ break;
+ case 'condition':
+ if (mode !== newMode) {
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-value').html('请输入...');
+ }
+ $('.soul-edit-out li[data-id="' + filterSo.id + '"]').data(filterSo).children('.item-value')[newType === 'null' || newType === 'notNull' ? 'hide' : 'show']()
+
+ break;
+ }
+ }
+
+ // 是否立即更新
+ if (refresh === true) {
+ _this.soulReload(myTable);
+ }
+ }
+ })
+
+ /**
+ * 五、底部筛选条件删除事件
+ */
+ $bottomCondition.find('.condition-items .condition-item .condition-item-close').on('click', function () {
+ _this.updateWhere(myTable, {
+ id: $(this).parents('.condition-item:eq(0)').data('id'),
+ delete: true
+ })
+ _this.soulReload(myTable);
+ })
+
+ }
+ /**
+ * 导出 excel 文件
+ * @param myTable
+ * @param curExcel
+ */
+ , export: function (myTable, curExcel) {
+ if (typeof myTable === 'string') {
+ myTable = table_cache[myTable] // tableId 转 myTable
+ }
+ var loading = layer.msg('文件下载中', {
+ icon: 16
+ , time: -1
+ , anim: -1
+ , fixed: false
+ });
+ var cols = this.deepClone(myTable.cols)
+ , style = myTable.elem.next().find('style')[0]
+ , sheet = style.sheet || style.styleSheet || {}
+ , rules = sheet.cssRules || sheet.rules;
+
+ layui.each(rules, function (i, item) {
+ if (item.style.width) {
+ var keys = item.selectorText.split('-');
+ cols[keys[3]][keys[4]]['width'] = parseInt(item.style.width)
+ }
+ })
+
+ var data = JSON.parse(JSON.stringify(myTable.data || cache[myTable.id])),
+ showField = {},
+ widths = {},
+ mergeArrays = [], // 合并配置
+ heightConfig = {},
+ $table = $(myTable.elem),
+ $tableBody = $table.next().children('.layui-table-box').children('.layui-table-body').children('table'),
+ $tableTotal = myTable.totalRow ? $table.next().children('.layui-table-total').children(":first") : null,
+ finalExcel = Object.assign({}, myTable.excel, curExcel);
+
+ var filename = finalExcel.filename ? (typeof finalExcel.filename === 'function' ? finalExcel.filename.call(this) : finalExcel.filename) : '表格数据.xlsx',
+ checked = finalExcel.checked === true,
+ curPage = finalExcel.curPage === true,
+ customColumns = finalExcel.columns,
+ totalRow = finalExcel.totalRow,
+ type = filename.substring(filename.lastIndexOf('.') + 1, filename.length),
+ tableStartIndex = finalExcel.add && finalExcel.add.top && Array.isArray(finalExcel.add.top.data) ? finalExcel.add.top.data.length + 1 : 1, //表格内容从哪一行开始
+ bottomLength = finalExcel.add && finalExcel.add.bottom && Array.isArray(finalExcel.add.bottom.data) ? finalExcel.add.bottom.data.length : 0,// 底部自定义行数
+ i, j, k;
+
+ if (finalExcel.data){
+ if(Array.isArray(finalExcel.data)) {
+ data = finalExcel.data
+ } else {
+ console.error('导出指定数据 data 不符合数组格式', finalExcel.data)
+ layer.close(loading)
+ return;
+ }
+ } else if (checked) { // 获取选中行数据
+ // data = table.checkStatus(myTable.id).data;
+ data = []
+ if (cache[myTable.id] && cache[myTable.id].length > 0) {
+ for (i = 0; i < cache[myTable.id].length; i++) {
+ if (cache[myTable.id][i][table.config.checkName]) {
+ data.push(cache[myTable.id][i])
+ }
+ }
+ }
+ } else if (curPage) {
+ data = layui.table.cache[myTable.id]
+ } else if (myTable.url && myTable.page) {
+ var ajaxStatus = true;
+ var searchParam = isFilterCache[myTable.id] ? where_cache[myTable.id] : table_cache[myTable.id].where;
+ if (myTable.contentType && myTable.contentType.indexOf("application/json") == 0) { //提交 json 格式
+ searchParam = JSON.stringify(searchParam);
+ }
+ $.ajax({
+ url: myTable.url,
+ data: searchParam,
+ dataType: 'json',
+ method: myTable.method || 'post',
+ async: false,
+ cache: false,
+ headers: myTable.headers || {},
+ contentType: myTable.contentType,
+ success: function (res) {
+ if (typeof myTable.parseData === 'function') {
+ res = myTable.parseData(res) || res;
+ }
+ //检查数据格式是否符合规范
+ if (res[myTable.response.statusName] != myTable.response.statusCode) {
+ layer.msg('返回的数据不符合规范，正确的成功状态码应为："' + myTable.response.statusName + '": ' + myTable.response.statusCode, {
+ icon: 2,
+ anim: 6
+ });
+ } else {
+ data = res[myTable.response.dataName]
+ }
+ },
+ error: function (res) {
+ layer.msg('请求异常！', {icon: 2, anim: 6});
+ ajaxStatus = false;
+ }
+ })
+ if (!ajaxStatus) {
+ return;
+ }
+ } else {
+ var $sortDoom = $table.next().children('.layui-table-box').children('.layui-table-header').find('.layui-table-sort[lay-sort$="sc"]:eq(0)')
+ if ($sortDoom.length > 0) {
+ var sortField = $sortDoom.parent().parent().data('field');
+ var sortOrder = $sortDoom.attr('lay-sort');
+ switch (sortOrder) {
+ case 'asc':
+ data = layui.sort(data, sortField);
+ break;
+ case 'desc':
+ data = layui.sort(data, sortField, true);
+ break;
+ default:
+ break;
+ }
+ }
+ }
+
+ // 制定显示列和顺序
+ var tempArray, cloneCol, columnsMap = [], curRowUnShowCount;
+ for (i = 0; i < cols.length; i++) {
+ curRowUnShowCount = 0;
+ for (j = 0; j < cols[i].length; j++) {
+ if (!cols[i][j].exportHandled) {
+ if (cols[i][j].rowspan > 1) {
+ if ((cols[i][j].field || cols[i][j].type === 'numbers') && !cols[i][j].hide) {
+ mergeArrays.push([numberToLetter(j + 1 - curRowUnShowCount) + (i + tableStartIndex), numberToLetter(j + 1 - curRowUnShowCount) + (i + parseInt(cols[i][j].rowspan) + tableStartIndex - 1)])
+ } else {
+ curRowUnShowCount++;
+ }
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ k = i + 1;
+ while (k < cols.length) {
+ cols[k].splice(j, 0, cloneCol)
+ k++
+ }
+ }
+ if (cols[i][j].colspan > 1) {
+ mergeArrays.push([numberToLetter(j + 1 - curRowUnShowCount) + (i + tableStartIndex), numberToLetter(j + parseInt(cols[i][j].colspan) - curRowUnShowCount) + (i + tableStartIndex)])
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ for (k = 1; k < cols[i][j].colspan; k++) {
+ cols[i].splice(j, 0, cloneCol)
+ }
+ j = j + parseInt(cols[i][j].colspan) - 1
+
+ }
+ } else if (!((cols[i][j].field || cols[i][j].type === 'numbers') && !cols[i][j].hide)) {
+ curRowUnShowCount++;
+ }
+ }
+ }
+ var columns = cols[cols.length - 1]; // 获取真实列
+
+ // 处理数据
+ for (i = 0; i < data.length; i++) {
+ for (j = 0; j < columns.length; j++) {
+ if ((columns[j].field || columns[j].type === 'numbers') && (customColumns && Array.isArray(customColumns) || !columns[j].hide)) {
+ data[i][columns[j].key] = data[i][columns[j].field || columns[j]['LAY_INDEX']]
+ }
+ }
+ }
+
+ // 处理合计行
+ if (totalRow !== false && myTable.totalRow) {
+ var obj = {}, totalRows = {};
+ if (typeof totalRow === 'object' && totalRow.type === 'origin') {
+ // 通过 dom 解析
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].field) {
+ obj[columns[i].key] = $tableTotal.find('[data-field="'+columns[i].field+'"]').text().trim()
+ }
+ }
+ data.push(obj);
+ } else {
+ // 通过数据解析
+ for (i = 0; i < columns.length; i++) {
+ if (columns[i].totalRowText) {
+ obj[columns[i].key] = columns[i].totalRowText
+ } else if (columns[i].totalRow) {
+ totalRows[columns[i].key] = 0
+ }
+ }
+ if (JSON.stringify(totalRows) !== '{}') {
+ for (i = 0; i < data.length; i++) {
+ for (var key in totalRows) {
+ totalRows[key] = (parseFloat(totalRows[key]) + (parseFloat(data[i][key]) || 0)).toFixed(2)
+ }
+ }
+ }
+ data.push(Object.assign(obj, totalRows));
+ }
+ }
+
+ if (customColumns && Array.isArray(customColumns)) {
+ // 自定义表头
+ var tempCustomColumns = [];
+ tempArray = {};
+ mergeArrays = []; // 重置表头合并列
+ columnsMap[0] = {};
+ for (i = 0; i < customColumns.length; i++) {
+ for (j = 0; j < columns.length; j++) {
+ if (columns[j].field === customColumns[i]) {
+ columns[j].hide = false
+ tempCustomColumns.push(columns[j]);
+ columnsMap[0][columns[j].key] = columns[j];
+ tempArray[columns[j].key] = $('
'+columns[j].title+'
').text()
+ break;
+ }
+ }
+ }
+ columns = tempCustomColumns;
+ data.splice(0, 0, tempArray)
+ } else {
+ // 拼接表头数据
+ for (i = 0; i < cols.length; i++) {
+ columnsMap[i] = {}
+ tempArray = {}
+ for (j = 0; j < cols[i].length; j++) {
+ columnsMap[i][cols[cols.length - 1][j].key] = cols[i][j];
+ tempArray[cols[cols.length - 1][j].key] = $('
'+cols[i][j].title+'
').text()
+ }
+ data.splice(i, 0, tempArray)
+ }
+ }
+
+ //添加自定义内容
+ if (finalExcel.add) {
+ var addTop = finalExcel.add.top,
+ addBottom = finalExcel.add.bottom,
+ startPos, endPos, jumpColsNum;
+
+ if (addTop && Array.isArray(addTop.data) && addTop.data.length > 0) {
+
+ for (i = 0; i < addTop.data.length; i++) {
+ tempArray = {}, jumpColsNum = 0;
+ for (j = 0; j < (addTop.data[i].length > columns.length ? addTop.data[i].length : columns.length); j++) {
+ if ((columns[j].field || columns[j].type === 'numbers') && !columns[j].hide) {
+ tempArray[columns[j] ? columns[j].key : j + ''] = addTop.data[i][j - jumpColsNum] || ''
+ } else {
+ jumpColsNum++
+ }
+ }
+ data.splice(i, 0, tempArray);
+ }
+
+ if (Array.isArray(addTop.heights) && addTop.heights.length > 0) {
+ for (i = 0; i < addTop.heights.length; i++) {
+ heightConfig[i] = addTop.heights[i]
+ }
+ }
+
+ if (Array.isArray(addTop.merge) && addTop.merge.length > 0) {
+ for (i = 0; i < addTop.merge.length; i++) {
+ if (addTop.merge[i].length === 2) {
+ startPos = addTop.merge[i][0].split(',');
+ endPos = addTop.merge[i][1].split(',');
+ mergeArrays.push([numberToLetter(startPos[1]) + startPos[0], numberToLetter(endPos[1]) + endPos[0]])
+ }
+
+ }
+ }
+ }
+ if (addBottom && Array.isArray(addBottom.data) && addBottom.data.length > 0) {
+ for (i = 0; i < addBottom.data.length; i++) {
+ tempArray = {}, jumpColsNum = 0;
+ for (j = 0; j < (addBottom.data[i].length > columns.length ? addBottom.data[i].length : columns.length); j++) {
+ if ((columns[j].field || columns[j].type === 'numbers') && !columns[j].hide) {
+ tempArray[columns[j] ? columns[j].key : j + ''] = addBottom.data[i][j - jumpColsNum] || ''
+ } else {
+ jumpColsNum++
+ }
+ }
+ data.push(tempArray);
+ }
+
+ if (Array.isArray(addBottom.heights) && addBottom.heights.length > 0) {
+ for (i = 0; i < addBottom.heights.length; i++) {
+ heightConfig[data.length - addBottom.data.length + i] = addBottom.heights[i]
+ }
+ }
+
+ if (Array.isArray(addBottom.merge) && addBottom.merge.length > 0) {
+ for (i = 0; i < addBottom.merge.length; i++) {
+ if (addBottom.merge[i].length === 2) {
+ startPos = addBottom.merge[i][0].split(',');
+ endPos = addBottom.merge[i][1].split(',');
+ mergeArrays.push([numberToLetter(startPos[1]) + (data.length - addBottom.data.length + parseInt(startPos[0])), numberToLetter(endPos[1]) + (data.length - addBottom.data.length + parseInt(endPos[0]))])
+ }
+ }
+ }
+ }
+ }
+
+ var index = 0, alignTrans = {'left': 'left', 'center': 'center', 'right': 'right'},
+ borderTypes = ['top', 'bottom', 'left', 'right'];
+ for (i = 0; i < columns.length; i++) {
+ if ((columns[i].field || columns[i].type === 'numbers') && !columns[i].hide) {
+ if (columns[i].width) {
+ widths[String.fromCharCode(64 + parseInt(++index))] = columns[i].width
+ }
+ showField[columns[i].key] = function (field, line, data, curIndex) {
+ var bgColor = 'ffffff', color = '000000', family = 'Calibri', size = 12, cellType = 's',
+ bodyIndex = curIndex - (customColumns ? 1 : cols.length) - tableStartIndex + 1,
+ border = {
+ top: {
+ style: 'thin',
+ color: {indexed: 64}
+ },
+ bottom: {
+ style: 'thin',
+ color: {indexed: 64}
+ },
+ left: {
+ style: 'thin',
+ color: {indexed: 64}
+ },
+ right: {
+ style: 'thin',
+ color: {indexed: 64}
+ }
+ }
+ if (finalExcel.border) {
+ for (j = 0; j < borderTypes.length; j++) {
+ if (finalExcel.border[borderTypes[j]]) {
+ border[borderTypes[j]].style = finalExcel.border[borderTypes[j]].style || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(finalExcel.border[borderTypes[j]].color) || border[borderTypes[j]].color
+ } else if (finalExcel.border['color'] || finalExcel.border['style']) {
+ border[borderTypes[j]].style = finalExcel.border['style'] || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(finalExcel.border['color']) || border[borderTypes[j]].color
+ }
+ }
+ }
+ if (curIndex < tableStartIndex - 1 || curIndex >= data.length - bottomLength) {
+ return {
+ v: line[field] || '',
+ s: {// s 代表样式
+ alignment: {
+ horizontal: 'center',
+ vertical: 'center'
+ },
+ font: {name: family, sz: size, color: {rgb: color}},
+ fill: {
+ fgColor: {rgb: bgColor, bgColor: {indexed: 64}}
+ },
+ border: border
+ },
+ t: cellType
+ }
+ } else if (bodyIndex < 0) {
+ // 头部样式
+ bgColor = 'C7C7C7';
+ if (finalExcel.head) {
+ bgColor = finalExcel.head.bgColor || bgColor;
+ color = finalExcel.head.color || color;
+ family = finalExcel.head.family || family;
+ size = finalExcel.head.size || size;
+ }
+ } else {
+ // 默认全局字体样式
+ if (finalExcel.font) {
+ bgColor = finalExcel.font.bgColor || bgColor;
+ color = finalExcel.font.color || color;
+ family = finalExcel.font.family || family;
+ size = finalExcel.font.size || size;
+ }
+ // 默认全局边框样式
+ if (finalExcel.border) {
+ for (j = 0; j < borderTypes.length; j++) {
+ if (finalExcel.border[borderTypes[j]]) {
+ border[borderTypes[j]].style = finalExcel.border[borderTypes[j]].style || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(finalExcel.border[borderTypes[j]].color) || border[borderTypes[j]].color
+ } else if (finalExcel.border['color'] || finalExcel.border['style']) {
+ border[borderTypes[j]].style = finalExcel.border['style'] || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(finalExcel.border['color']) || border[borderTypes[j]].color
+ }
+ }
+ }
+ // 列上配置了自定义样式
+ if (columnsMap[columnsMap.length - 1][field].excel) {
+ var colExcel = typeof columnsMap[columnsMap.length - 1][field].excel === 'function' ? columnsMap[columnsMap.length - 1][field].excel.call(this, line, bodyIndex, data.length - cols.length - tableStartIndex + 1 - bottomLength) : columnsMap[columnsMap.length - 1][field].excel
+ if (colExcel) {
+ bgColor = colExcel.bgColor || bgColor;
+ color = colExcel.color || color;
+ family = colExcel.family || family;
+ size = colExcel.size || size;
+ cellType = colExcel.cellType || cellType;
+
+ if (colExcel.border) {
+ for (j = 0; j < borderTypes.length; j++) {
+ if (colExcel.border[borderTypes[j]]) {
+ border[borderTypes[j]].style = colExcel.border[borderTypes[j]].style || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(colExcel.border[borderTypes[j]].color) || border[borderTypes[j]].color
+ } else if (colExcel.border['color'] || colExcel.border['style']) {
+ border[borderTypes[j]].style = colExcel.border['style'] || border[borderTypes[j]].style
+ border[borderTypes[j]].color = handleRgb(colExcel.border['color']) || border[borderTypes[j]].color
+ }
+ }
+ }
+ }
+ }
+ }
+
+ function handleNull(val) {
+ if (typeof val === 'undefined' || val === null) {
+ return ""
+ }
+ return val;
+ }
+
+ var value = bodyIndex >= 0 && columnsMap[columnsMap.length - 1][field].templet ?
+ typeof columnsMap[columnsMap.length - 1][field].templet === 'function' ?
+ $('
' + columnsMap[columnsMap.length - 1][field].templet(line) + '
').find(':input').length === 0 ? $('
' + columnsMap[columnsMap.length - 1][field].templet(line) + '
').text() : $tableBody.children('tbody').children('tr[data-index=' + bodyIndex + ']').children('td[data-key="' + field + '"]').find(':input').val() || handleNull(line[field])
+ : $('
' + laytpl($(columnsMap[columnsMap.length - 1][field].templet).html() || String(columnsMap[columnsMap.length - 1][field].templet)).render(line) + '
').find(':input').length === 0 ? $('
' + laytpl($(columnsMap[columnsMap.length - 1][field].templet).html() || String(columnsMap[columnsMap.length - 1][field].templet)).render(line) + '
').text() : $tableBody.children('tbody').children('tr[data-index=' + bodyIndex + ']').children('td[data-key="' + field + '"]').find(':input').val() || handleNull(line[field])
+ : bodyIndex >= 0 && columnsMap[columnsMap.length - 1][field].type === 'numbers' ? bodyIndex + 1 : handleNull(line[field]);
+ return {
+ v: value,// v 代表单元格的值
+ s: {// s 代表样式
+ alignment: {
+ horizontal: columnsMap[bodyIndex < -1 ? curIndex - tableStartIndex + 1 : columnsMap.length - 1][field].align ? alignTrans[columnsMap[bodyIndex < -1 ? curIndex - tableStartIndex + 1 : columnsMap.length - 1][field].align] : 'top',
+ vertical: 'center'
+ },
+ font: {name: family, sz: size, color: {rgb: color}},
+ fill: {
+ fgColor: {rgb: bgColor, bgColor: {indexed: 64}}
+ },
+ border: border
+ },
+ t: UNHANDLED_VALUES.indexOf(value) === -1 ? cellType : 's'
+ };
+ }
+ }
+ }
+
+ excel.exportExcel({
+ sheet1: excel.filterExportData(data, showField)
+ }, filename, type, {
+ extend: {
+ '!cols': excel.makeColConfig(widths, 80),
+ '!merges': excel.makeMergeConfig(mergeArrays),
+ '!rows': excel.makeRowConfig(heightConfig, 16)
+ }
+ });
+ layer.close(loading);
+
+ // 合成 excel.js 识别的 rgb
+ function handleRgb(rgb) {
+ return rgb ? {rgb: rgb} : rgb
+ }
+
+ function numberToLetter(num) {
+ var result = [];
+ while (num) {
+ var t = num % 26;
+ if (!t) {
+ t = 26;
+ --num;
+ }
+ // Polyfill 兼容旧浏览器
+ if (!String.fromCodePoint) (function (stringFromCharCode) {
+ var fromCodePoint = function (_) {
+ var codeUnits = [], codeLen = 0, result = "";
+ for (var index = 0, len = arguments.length; index !== len; ++index) {
+ var codePoint = +arguments[index];
+ // correctly handles all cases including `NaN`, `-Infinity`, `+Infinity`
+ // The surrounding `!(...)` is required to correctly handle `NaN` cases
+ // The (codePoint>>>0) === codePoint clause handles decimals and negatives
+ if (!(codePoint < 0x10FFFF && (codePoint >>> 0) === codePoint))
+ throw RangeError("Invalid code point: " + codePoint);
+ if (codePoint <= 0xFFFF) { // BMP code point
+ codeLen = codeUnits.push(codePoint);
+ } else { // Astral code point; split in surrogate halves
+ // https://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
+ codePoint -= 0x10000;
+ codeLen = codeUnits.push(
+ (codePoint >> 10) + 0xD800, // highSurrogate
+ (codePoint % 0x400) + 0xDC00 // lowSurrogate
+ );
+ }
+ if (codeLen >= 0x3fff) {
+ result += stringFromCharCode.apply(null, codeUnits);
+ codeUnits.length = 0;
+ }
+ }
+ return result + stringFromCharCode.apply(null, codeUnits);
+ };
+ try { // IE 8 only supports `Object.defineProperty` on DOM elements
+ Object.defineProperty(String, "fromCodePoint", {
+ "value": fromCodePoint, "configurable": true, "writable": true
+ });
+ } catch (e) {
+ String.fromCodePoint = fromCodePoint;
+ }
+ }(String.fromCharCode));
+ result.push(String.fromCodePoint(t + 64));
+ if (!String.fromCodePoint) (function (stringFromCharCode) {
+ var fromCodePoint = function (_) {
+ var codeUnits = [], codeLen = 0, result = "";
+ for (var index = 0, len = arguments.length; index !== len; ++index) {
+ var codePoint = +arguments[index];
+ // correctly handles all cases including `NaN`, `-Infinity`, `+Infinity`
+ // The surrounding `!(...)` is required to correctly handle `NaN` cases
+ // The (codePoint>>>0) === codePoint clause handles decimals and negatives
+ if (!(codePoint < 0x10FFFF && (codePoint >>> 0) === codePoint))
+ throw RangeError("Invalid code point: " + codePoint);
+ if (codePoint <= 0xFFFF) { // BMP code point
+ codeLen = codeUnits.push(codePoint);
+ } else { // Astral code point; split in surrogate halves
+ // https://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
+ codePoint -= 0x10000;
+ codeLen = codeUnits.push(
+ (codePoint >> 10) + 0xD800, // highSurrogate
+ (codePoint % 0x400) + 0xDC00 // lowSurrogate
+ );
+ }
+ if (codeLen >= 0x3fff) {
+ result += stringFromCharCode.apply(null, codeUnits);
+ codeUnits.length = 0;
+ }
+ }
+ return result + stringFromCharCode.apply(null, codeUnits);
+ };
+ try { // IE 8 only supports `Object.defineProperty` on DOM elements
+ Object.defineProperty(String, "fromCodePoint", {
+ "value": fromCodePoint, "configurable": true, "writable": true
+ });
+ } catch (e) {
+ String.fromCodePoint = fromCodePoint;
+ }
+ }(String.fromCharCode));
+ num = ~~(num / 26);
+ }
+ return result.reverse().join('');
+ }
+ },
+ startsWith: function (content, str) {
+ var reg = new RegExp("^" + str);
+ return content && reg.test(content);
+ },
+ // 深度克隆-不丢失方法
+ deepClone: function (obj) {
+ var newObj = Array.isArray(obj) ? [] : {}
+ if (obj && typeof obj === "object") {
+ for (var key in obj) {
+ if (obj.hasOwnProperty(key)) {
+ newObj[key] = (obj && typeof obj[key] === 'object') ? this.deepClone(obj[key]) : obj[key];
+ }
+ }
+ }
+ return newObj
+ },
+ deepStringify: function (obj) {
+ var JSON_SERIALIZE_FIX = {
+ PREFIX: "[[JSON_FUN_PREFIX_",
+ SUFFIX: "_JSON_FUN_SUFFIX]]"
+ };
+ return JSON.stringify(obj, function (key, value) {
+ if (typeof value === 'function') {
+ return JSON_SERIALIZE_FIX.PREFIX + value.toString() + JSON_SERIALIZE_FIX.SUFFIX;
+ }
+ return value;
+ });
+ },
+ /* layui table 中原生的方法 */
+ getScrollWidth: function (elem) {
+ var width = 0;
+ if (elem) {
+ width = elem.offsetWidth - elem.clientWidth;
+ } else {
+ elem = document.createElement('div');
+ elem.style.width = '100px';
+ elem.style.height = '100px';
+ elem.style.overflowY = 'scroll';
+
+ document.body.appendChild(elem);
+ width = elem.offsetWidth - elem.clientWidth;
+ document.body.removeChild(elem);
+ }
+ return width;
+ }
+ , getCompleteCols: function (origin) {
+ var cols = this.deepClone(origin);
+ var i, j, k, cloneCol;
+ for (i = 0; i < cols.length; i++) {
+ for (j = 0; j < cols[i].length; j++) {
+ if (!cols[i][j].exportHandled) {
+ if (cols[i][j].rowspan > 1) {
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ k = i + 1;
+ while (k < cols.length) {
+ cols[k].splice(j, 0, cloneCol)
+ k++
+ }
+ }
+ if (cols[i][j].colspan > 1) {
+ cloneCol = this.deepClone(cols[i][j])
+ cloneCol.exportHandled = true;
+ for (k = 1; k < cols[i][j].colspan; k++) {
+ cols[i].splice(j, 0, cloneCol)
+ }
+ j = j + parseInt(cols[i][j].colspan) - 1
+ }
+ }
+ }
+ }
+ return cols[cols.length - 1];
+ }
+ , parseTempData: function (item3, content, tplData, text) { //表头数据、原始内容、表体数据、是否只返回文本
+ var str = item3.templet ? function () {
+ return typeof item3.templet === 'function'
+ ? item3.templet(tplData)
+ : laytpl($(item3.templet).html() || String(content)).render(tplData)
+ }() : content;
+ return text ? $('
' + str + '
').text() : str;
+ }
+ , cache: cache
+ };
+
+ // 输出
+ exports('tableFilter', mod);
+});
diff --git a/src/plugin/admin/public/component/pear/module/soulTable/tableMerge.js b/src/plugin/admin/public/component/pear/module/soulTable/tableMerge.js
new file mode 100644
index 00000000..097ccc11
--- /dev/null
+++ b/src/plugin/admin/public/component/pear/module/soulTable/tableMerge.js
@@ -0,0 +1,103 @@
+/**
+ *
+ * @name: 子表格扩展
+ * @author: yelog
+ * @link: https://github.com/yelog/layui-soul-table
+ * @license: MIT
+ * @version: v1.8.0
+ */
+layui.define(['table'], function (exports) {
+
+ var $ = layui.jquery;
+
+ // 封装方法
+ var mod = {
+ /**
+ * 渲染入口
+ * @param myTable
+ */
+ render: function (myTable) {
+ var tableBox = $(myTable.elem).next().children('.layui-table-box'),
+ $main = $(tableBox.children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
+ $fixLeft = $(tableBox.children('.layui-table-fixed-l').children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
+ $fixRight = $(tableBox.children('.layui-table-fixed-r').children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
+ mergeRecord = {};
+
+ layui.each(myTable.cols, function (i1, item1) {
+ layui.each(item1, function (i2, item2) {
+ if (item2.merge && item2.field) {
+ var mergeField = [item2.field];
+ if (item2.merge !== true) {
+ if (typeof item2.merge === 'string') {
+ mergeField = [item2.merge]
+ } else {
+ mergeField = item2.merge
+ }
+ }
+ mergeRecord[myTable.index + '-' + i1 + '-' + i2] = {mergeField: mergeField, rowspan: 1}
+ }
+ })
+ })
+
+ $main.each(function (i) {
+
+ for (var item in mergeRecord) {
+ if (i === $main.length - 1 || isMaster(i, item)) {
+ var tdHeight = $(this).children('[data-key="' + item + '"]').outerHeight(), patchHeight = 0; // 获取td高度
+ if ($main.eq(i).data('index') === 0) {
+ patchHeight = 1
+ }
+ $(this).children('[data-key="' + item + '"]').attr('rowspan', mergeRecord[item].rowspan).css({
+ 'position': 'static',
+ 'height': tdHeight * mergeRecord[item].rowspan + patchHeight
+ }).children().css({
+ height: 'auto',
+ 'white-space': 'normal',
+ 'max-height': tdHeight * mergeRecord[item].rowspan + patchHeight - 10
+ });
+ $fixLeft.eq(i).children('[data-key="' + item + '"]').attr('rowspan', mergeRecord[item].rowspan).css({
+ 'position': 'static',
+ 'height': tdHeight * mergeRecord[item].rowspan + patchHeight
+ }).children().css({
+ height: 'auto',
+ 'white-space': 'normal',
+ 'max-height': tdHeight * mergeRecord[item].rowspan + patchHeight - 10
+ });
+ $fixRight.eq(i).children('[data-key="' + item + '"]').attr('rowspan', mergeRecord[item].rowspan).css({
+ 'position': 'static',
+ 'height': tdHeight * mergeRecord[item].rowspan + patchHeight
+ }).children().css({
+ height: 'auto',
+ 'white-space': 'normal',
+ 'max-height': tdHeight * mergeRecord[item].rowspan + patchHeight - 10
+ });
+ mergeRecord[item].rowspan = 1;
+ } else {
+ $(this).children('[data-key="' + item + '"]').remove();
+ $fixLeft.eq(i).children('[data-key="' + item + '"]').remove();
+ $fixRight.eq(i).children('[data-key="' + item + '"]').remove();
+ mergeRecord[item].rowspan += 1;
+ }
+ }
+ })
+
+ function isMaster(index, item) {
+ var mergeField = mergeRecord[item].mergeField;
+ var dataLength = layui.table.cache[myTable.id].length;
+ for (var i = 0; i < mergeField.length; i++) {
+
+ if (layui.table.cache[myTable.id][dataLength - 2 - index][mergeField[i]]
+ !== layui.table.cache[myTable.id][dataLength - 1 - index][mergeField[i]]) {
+ return true;
+ }
+ }
+ return false;
+ }
+
+ }
+ };
+
+ // 输出
+ exports('tableMerge', mod);
+});
+