dlt-for-react 1.0.1

package/lib/components/NHTable/index.js

@@ -0,0 +1,1819 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _table = require('antd/lib/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _radio = require('antd/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+require('antd/lib/message/style');
+
+require('antd/lib/table/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/radio/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/select/style');
+
+require('antd/lib/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+var _NHCore = require('../../utils/NHCore');
+
+var _action = require('./action.js');
+
+var _action2 = _interopRequireDefault(_action);
+
+var _expexcel = require('./expexcel.js');
+
+var _expexcel2 = _interopRequireDefault(_expexcel);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _index = require('../NHModal/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _textGroup = require('./textGroup');
+
+var _textGroup2 = _interopRequireDefault(_textGroup);
+
+var _text = require('./text');
+
+var _text2 = _interopRequireDefault(_text);
+
+var _highSearchForm = require('./highSearchForm');
+
+var _highSearchForm2 = _interopRequireDefault(_highSearchForm);
+
+require('../../../assets/table/style.less');
+
+var _checkButtons = require('./checkButtons');
+
+var _checkButtons2 = _interopRequireDefault(_checkButtons);
+
+var _marqueenText = require('./marqueenText');
+
+var _marqueenText2 = _interopRequireDefault(_marqueenText);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import 'xgui-for-react/assets/table/style.less'
+
+// import { NHModal, NHFetch, getSuitHeight, createUuid, getStyle, hasAuth, getLoginUser } from 'xgui-for-react'
+var Search = _input2.default.Search;
+// import encode from "../../utils/EncodeUtils";
+
+var loadCount = 0;
+/*
+searchList配置参数
+[
+    {
+        title:'发布状态',
+        field:'zt',
+        isLeftFixed:false,
+        list:[
+            {value:'1',text:'已发布'},
+            {value:'0',text:'未发布'},
+        ]
+    }
+]
+*/
+
+/**
+ * javaScript获取相邻元素
+ * @param {*} ele dom
+ * @param {*} type 上一个(1)or下一个(0)
+ * @returns 返回查找到的元素Dom对象，无则返回null
+ */
+function getNearEle(ele, type) {
+    type = type == 1 ? "previousSibling" : "nextSibling";
+    var nearEle = ele[type];
+    while (nearEle) {
+        if (nearEle.nodeType === 1) {
+            return nearEle;
+        }
+        nearEle = nearEle[type];
+        if (!nearEle) {
+            break;
+        }
+    }
+    return null;
+}
+
+var NHTable = function (_React$Component) {
+    (0, _inherits3.default)(NHTable, _React$Component);
+    (0, _createClass3.default)(NHTable, [{
+        key: 'UNSAFE_componentWillReceiveProps',
+        value: function UNSAFE_componentWillReceiveProps(nextProps) {
+
+            var updateState = {};
+            var newParams = {};
+            var newSearchParams = {};
+            var columns = nextProps.columns,
+                searchParams = nextProps.searchParams,
+                _nextProps$searchDivF = nextProps.searchDivFlag,
+                searchDivFlag = _nextProps$searchDivF === undefined ? true : _nextProps$searchDivF,
+                searchDefaultField = nextProps.searchDefaultField;
+
+
+            if (columns) {
+                (0, _assign2.default)(newParams, (0, _extends3.default)({}, this.state.params), { columns: columns });
+            }
+
+            if (searchParams) {
+                (0, _assign2.default)(newSearchParams, (0, _extends3.default)({}, this.state.searchParams), (0, _extends3.default)({}, searchParams));
+            }
+
+            if ((0, _keys2.default)(newParams).length > 0) {
+                updateState['params'] = newParams;
+            }
+
+            if ((0, _keys2.default)(newSearchParams).length > 0) {
+                updateState['searchParams'] = newSearchParams;
+            }
+
+            if (!columns) {
+                columns = this.state.params.columns;
+            }
+
+            var commonSearchParams = this.getCommonSearch({ columns: columns, searchDivFlag: searchDivFlag, searchDefaultField: searchDefaultField });
+
+            if ((0, _keys2.default)(commonSearchParams).length > 0) {
+                updateState['tySearchAllField'] = commonSearchParams.tySearchAllField;
+                updateState['searchField'] = commonSearchParams.searchField;
+            }
+            if (this.state.searchText && !this.state.highSearch) {
+                var searchText = this.state.searchText;
+                var _newSearchParams = (0, _extends3.default)({}, this.state.quickSearcParams);
+                _newSearchParams[commonSearchParams.searchField] = searchText;
+                updateState['searchParams'] = (0, _extends3.default)({}, _newSearchParams, searchParams);
+            } else {
+                updateState['searchParams'] = (0, _extends3.default)({}, newSearchParams, this.state.quickSearcParams);
+            }
+            this.setState(updateState);
+        }
+        //设置可以传递参数的默认值
+
+    }]);
+
+    function NHTable(props) {
+        (0, _classCallCheck3.default)(this, NHTable);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHTable.__proto__ || (0, _getPrototypeOf2.default)(NHTable)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        _this.state = {
+            // filterDropdownVisibleMap: {},
+            searchParams: _this.props.searchParams, //自定义的搜索条件
+            searchTextMap: {}, //下拉框查询的值,用作查询
+            filters: {}, //多选方式过滤的值
+            sorter: {}, //排序字段
+            selectedRows: [], //选中的数据
+            selectedRowKeys: [], //选中的数据的主键loading
+            loading: false,
+            data: [], //数据
+            pageData: { //分页设置的是三个参数
+                total: 0,
+                pageSize: _this.props.defaultPageSize, //当前页默认多少条数据
+                page: 1
+            },
+            height: _this.props.autoHeightFlag === true ? undefined : _this.props.height, //列表的高度
+            tableDivHeight: _this.props.autoHeightFlag === true ? '100%' : undefined,
+            width: undefined, //列表的宽度
+            className: (0, _NHCore.createUuid)(),
+            tySearchAllField: undefined, //通用查询的所有字段
+            searchText: undefined, //通用查询的值
+            searchField: undefined, //通用查询的字段
+            params: {
+                rowKey: undefined, //【推荐存在】设置的rowKey,在selectedRowKeys中存放的数据就是这个字段的值
+                checkbox: undefined, //【根据需求判断】是否需要checkbox
+                autoHeightFlag: undefined, //【根据需求判断】是否根据内容自适应高度，默认为false,表示高度固定
+                footerFlag: undefined, //【根据需求判断】是否需要尾部，不需要尾部的时候，不会进行分页,
+                searchDivFlag: undefined, //【根据需求判断】是否需要自带查询操作，默认需要
+                defaultExpandAllRows: undefined, //初始时，是否展开所有行
+                defaultExpandedRowKeys: undefined, //默认展开的行
+                expandedRowRender: undefined, //展开行的回调方法认展开的行
+                bordered: undefined, //是否展示外边框和列边框
+                titleHeight: undefined, //Title头部的高度，这个主要是为了解决出现多级表头的时候，高度计算会出现问题
+                showHeader: undefined, //是否显示头部
+                url: undefined, //后台访问地址，传了此路径就表示后台查询使用此路径而不是使用通用路径
+                rangeFilter: undefined, //是否开启职务范围过滤
+                rangeFilterList: undefined, // 自定义职务过滤列表
+                isDefaultLoadData: true, //是否默认加载数据，如果此参数为false,则默认不会加载数据,且此时显示加载中，这个主要是为了在当前模块还需要去后台查询初始化参数时，会出现开始就查询两次的情况
+                searchDefaultField: undefined, //通用搜索栏默认显示的字段
+                columns: undefined,
+                searchList: undefined // 搜索列表配置
+
+            },
+            highSearch: false,
+            pageCount: 0,
+            resetData: false, // 查询时需要重置列表数据，loadMore下有效
+            quickSearcParams: {}, // 快捷搜索查询参数
+            hightSearchData: [],
+            highSearchFetching: false //是否正在获取高级搜索数据
+        };
+        return _this;
+    }
+    //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+
+    (0, _createClass3.default)(NHTable, [{
+        key: 'UNSAFE_componentWillMount',
+        value: function UNSAFE_componentWillMount() {
+            var _this2 = this;
+
+            //组件挂载之前先去获取配置信息
+            this.ansysParams(function (params) {
+                if (params.isDefaultLoadData !== false) {
+                    _this2.filterTableData();
+                }
+            });
+        }
+        //在组件挂载之后调用一次。
+
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var highSearch = this.props.highSearch;
+            var searchParams = this.props.searchParams;
+            if (highSearch && (0, _keys2.default)(searchParams).length == 0) {
+                this.setState({ highSearch: true, searchParams: {} }, this.refreshHeight);
+            } else if (highSearch) {
+                this.setState({ highSearch: true }, this.refreshHeight);
+            }
+            if (this.state.params.rowKey !== undefined) {
+                this.refreshHeight();
+            }
+            if (this.existHightSearchTableSelect() || this.exitCheckButtonSelect()) {
+                // 加载高级搜索数据
+                this.getHightSearchData();
+            }
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {
+            if (this.state.params.rowKey !== undefined) {
+                this.refreshHeight();
+            }
+        }
+
+        /**
+         * 获取通用查询的参数
+         */
+
+        //固定通用方法
+        //搜索操作
+
+        //重置操作
+
+
+        //搜索栏数据框值改变的时候执行的操作
+        // onInputChange = (e) => {
+        //     let key = e.target.name.split("-")[0];
+        //     let searchTextMap = this.state.searchTextMap;
+        //     searchTextMap[key] = e.target.value;
+        //     this.setState({ searchTextMap: searchTextMap });
+        // };
+        //重新加载数据数据的方法（从第一页开始）
+
+        //在当前页刷新数据
+
+        //当Table有变动的时候会触发此方法
+
+
+        //导出Excel
+
+
+        //执行导出Excel操作
+
+
+        //高级查询
+
+
+        //表头搜索-Checkbox改变时触发的事件
+        // handleCheckboxChange = (key, value) => {
+        //     let values = [];
+        //     for (let key in value) {
+        //         values.push(value[key]);
+        //     }
+        //     let filters = this.state.filters;
+        //     if (!filters) { filters = {} }
+        //     filters[key] = values;
+        //     this.setState({
+        //         filters: filters
+        //     }, () => {
+        //         this.filterTableData();
+        //     });
+        // }
+        //表头搜索-重置按钮点击时触发的事件
+        // handleCheckboxClear = (key) => {
+        //     let filters = this.state.filters;
+        //     if (filters) {
+        //         delete filters[key];
+        //         this.setState({
+        //             filters: filters
+        //         }, () => {
+        //             this.filterTableData();
+        //         });
+        //     }
+        // }
+
+        /**
+         * 拼接上二级表头
+         * @param {*} columns table的columns
+         * @param {*} parentColumns 二级表头内容
+         * @returns 返回拼接后的columns
+         */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            if (this.state.params.rowKey === undefined) {
+                return null;
+            }
+            function deepCopy(obj) {
+                if ((typeof obj === 'undefined' ? 'undefined' : (0, _typeof3.default)(obj)) !== 'object') {
+                    return obj;
+                }
+                var newobj = {};
+                for (var attr in obj) {
+                    newobj[attr] = deepCopy(obj[attr]);
+                }
+                return newobj;
+            }
+            /****************************以下操作是初始化列的数据*********************************/
+            var columns = [];
+            var minWidthCount = 0; //最小宽度列（只有最小宽度这个参数）
+            var minAllWidth = 0; //最小宽度列宽度之和
+            var fieldAllWidth = 0; //除开序号列和参数列的宽度之和
+            this.state.params.columns.map(function (item1) {
+                var item = deepCopy(item1);
+                // item.hidden !== 'true'是为了兼容后端Columns中 <field hidden='true'></field> 生效
+                if (item.hidden !== true && item.hidden !== 'true') {
+                    if (!item.dataIndex && item.key) {
+                        item.dataIndex = item.key;
+                    }
+                    if (!item.dataIndex) {
+                        alert("dataIndex不能为空");
+                        return item1;
+                    }
+                    //dataIndex必须大写
+                    item.dataIndex = item.dataIndex.toUpperCase();
+                    //列width或者minWidth必须至少设置一个
+                    if (!item.width && !item.minWidth) {
+                        alert("参数设置有误，width和minWidth必须设置一个！");
+                        return item1;
+                    }
+                    //如果列的最小宽度不存在，则设置width为最小宽度
+                    if (!item.minWidth) {
+                        item.minWidth = item.width;
+                    }
+                    //项缓存冻结列的数据，因为当列的宽度总和小于列表宽度的时候不需要是使用冻结列的
+                    if (item.fixed && item.fixed === 'left') {
+                        item.cacheFixed = 'left';
+                    } else if (item.fixed && item.fixed === 'right') {
+                        item.cacheFixed = 'right';
+                    }
+                    delete item.fixed;
+                    //获取一些数据给下面使用
+                    if (item.dataIndex.toUpperCase() !== 'ROW_ID') {
+                        fieldAllWidth += parseInt(item.minWidth, 10);
+                    }
+                    if (!item.width) {
+                        minWidthCount++;
+                        minAllWidth += parseInt(item.minWidth, 10);
+                    }
+                    //如果render是字符串，表示需要根据render的key值去获取function
+                    if (item.render !== undefined && item.render !== '' && typeof item.render === 'string') {
+                        if (item.render.indexOf("function") != -1) {
+                            if (item.render) {
+                                item.render = eval("(true&&" + item.render.replace(/[\r\n]/g, "") + ")");
+                            } else {
+                                delete item.render;
+                            }
+                        } else {
+                            if (_this3.props.funcParams && _this3.props.funcParams[item.render] !== undefined) {
+                                item.render = _this3.props.funcParams[item.render];
+                            } else {
+                                delete item.render;
+                            }
+                        }
+                    }
+                    columns.push(item);
+                }
+                return item1;
+            });
+            /****************************以下操作是添加操作列*********************************/
+            if (this.props.action && this.props.action.length > 0) {
+                var action1 = this.props.action;
+                var action = [];
+                //根据权限过滤掉没有权限的操作
+                action1.map(function (item, index) {
+                    if (!item.auth || (0, _NHCore.hasAuth)(item.auth)) {
+                        action.push(item);
+                    }
+                    return item;
+                });
+                if (action.length > 0) {
+                    var actionWidth = 0;
+                    if (action.length === 1) {
+                        actionWidth = 20 + action[0].title.length * 15;
+                    } else if (action.length === 2) {
+                        actionWidth = 35 + action[0].title.length * 15 + action[1].title.length * 15;
+                    } else {
+                        var maxTitleLength = 3;
+                        for (var i = 1; i < action.length; i++) {
+                            if (action[i].title.length > maxTitleLength) {
+                                maxTitleLength = action[i].title.length;
+                            }
+                        }
+                        actionWidth = 35 + action[0].title.length * 15 + maxTitleLength * 15;
+                    }
+                    columns.push({
+                        title: '操作',
+                        width: actionWidth + 'px',
+                        minWidth: actionWidth + 'px',
+                        cacheFixed: 'right',
+                        dataIndex: 'ACTION',
+                        key: 'ACTION',
+                        render: function render(text, record, index) {
+                            return _react2.default.createElement(_action2.default, { action: action, record: record, key: index });
+                        }
+                    });
+                }
+            }
+            /****************************以下操作是列的宽度，并做处理*********************************/
+            var width = 0;
+            //获取对象的宽度，如果当前对象宽度为0，表明此对象是被隐藏了，此时需要获取他父级的宽度
+            function getWidth(width, obj) {
+                if (width <= 0) {
+                    var paddintLeft = (0, _NHCore.getStyle)(obj.parentNode, "paddingLeft") ? (0, _NHCore.getStyle)(obj.parentNode, "paddingLeft") : 0;
+                    var paddingRight = (0, _NHCore.getStyle)(obj.parentNode, "paddingRight") ? (0, _NHCore.getStyle)(obj.parentNode, "paddingRight") : 0;
+                    var borderLeft = (0, _NHCore.getStyle)(obj.parentNode, "borderLeftWidth") ? (0, _NHCore.getStyle)(obj.parentNode, "borderLeftWidth") : 0;
+                    var borderRight = (0, _NHCore.getStyle)(obj.parentNode, "borderRightWidth") ? (0, _NHCore.getStyle)(obj.parentNode, "borderRightWidth") : 0;
+                    width = obj.parentNode.clientWidth - parseInt(paddintLeft, 10) - parseInt(paddingRight, 10) - parseInt(borderLeft, 10) - parseInt(borderRight, 10);
+                    if (obj.className.includes('ant-table-expanded-row')) {
+                        //如果为二级列表，则需要减去第一个TD的宽度
+                        width = (width - 50) * 0.98;
+                    }
+                    return getWidth(width, obj.parentNode);
+                }
+                return width;
+            }
+            var bodyContentMarginBottom = 0; //内容区table向下扩充的距离，主要为了解决出现横向滚动条的时候会遮住列表内容
+            if (document.getElementsByClassName(this.state.className)[0]) {
+                //存在二级列表时候的+号列50
+                var expandWidth = this.state.params.expandedRowRender === undefined ? 0 : 50;
+                //滚动条宽度20
+                // const scollWidth = this.state.params.autoHeightFlag === true ? 0 : 20;
+                var scollWidth = 0; //使用优化后的滚动条，宽度为0
+                //选择框列63
+                var selectFieldWidth = this.state.params.checkbox === true ? 63 : 0;
+                //列表的宽度
+                var tableWidth = document.getElementsByClassName(this.state.className)[0].offsetWidth;
+                tableWidth = getWidth(tableWidth, document.getElementsByClassName(this.state.className)[0]);
+                //列的实际宽度
+                var trueWidth = scollWidth + selectFieldWidth + expandWidth;
+                columns.map(function (item, index) {
+                    trueWidth += parseInt(item.minWidth, 10);
+                    return item;
+                });
+                //如果列的宽度大于列表的宽度的时候，需要冻结列，减少10px是为了减少误差
+                if (trueWidth > tableWidth - 10) {
+                    columns.map(function (item, index) {
+                        item.width = parseInt(item.minWidth, 10);
+                        if (item.cacheFixed) {
+                            item.fixed = item.cacheFixed;
+                        }
+                        return item;
+                    });
+                    width = trueWidth + 10;
+                    bodyContentMarginBottom = 12; //存在冻结列
+                } else if (trueWidth === tableWidth - 10) {
+                    //如果列的宽度等于列表的宽度的时候，不需要做任何的处理
+                    columns.map(function (item, index) {
+                        item.width = parseInt(item.minWidth, 10);
+                        return item;
+                    });
+                } else {
+                    //如果列的宽度小于列表的宽度的时候，存在最小宽度列，则把剩余宽度平分到最小宽度列，如果没有，则平分到除了序号和操作列的其他列
+                    var elseWidth = tableWidth - 10 - trueWidth;
+                    if (minWidthCount === 0) {
+                        //没有扩展列
+                        columns.map(function (item, index) {
+                            if (item.dataIndex && item.dataIndex !== 'ROW_ID' && item.dataIndex !== 'ACTION') {
+                                item.width = parseInt(item.minWidth, 10) + parseInt(elseWidth * parseInt(item.minWidth, 10) / fieldAllWidth, 10);
+                            }
+                            return item;
+                        });
+                    } else {
+                        columns.map(function (item, index) {
+                            if (!item.width) {
+                                //最小宽度列
+                                item.width = parseInt(item.minWidth, 10) + parseInt(elseWidth * parseInt(item.minWidth, 10) / minAllWidth, 10);
+                            }
+                            return item;
+                        });
+                    }
+                }
+            }
+
+            /****************************以下部分页的参数,如果不需要尾部则这些信息不需要进行设置*********************************/
+            var Pagination = undefined;
+            if (this.state.params.footerFlag !== false) {
+                Pagination = {
+                    total: this.state.pageData.total, //数据总数
+                    pageSize: this.state.pageData.pageSize, //每页的条数
+                    current: this.state.pageData.page, //当前页数
+                    showTotal: function showTotal(total, range) {
+                        return '\u5F53\u524D' + range[0] + '-' + range[1] + '\u6761 \u603B\u6570' + total + '\u6761';
+                    },
+                    showQuickJumper: true,
+                    showSizeChanger: true,
+                    pageSizeOptions: this.props.pageSizeOptions
+                };
+            } else {
+                Pagination = false;
+            }
+
+            /****************************以下是设置是否需要选择框*********************************/
+            if (this.state.params.checkbox !== false) {
+                var rowSelection = {
+                    type: this.props.rowSelectionType || 'checkbox',
+                    selectedRowKeys: this.state.selectedRowKeys,
+                    onChange: function onChange(selectedRowKeys, selectedRows) {
+                        _this3.setState({
+                            selectedRows: selectedRows,
+                            selectedRowKeys: selectedRowKeys
+                        });
+                        _this3.props.rowSelectionChange && _this3.props.rowSelectionChange(selectedRowKeys);
+                        _this3.props.onSelect && _this3.props.onSelect(selectedRowKeys, selectedRows);
+                    },
+                    // 选择框的默认属性配置	是否禁用选择框 参照antd
+                    getCheckboxProps: function getCheckboxProps(record) {
+                        if (_this3.props.getCheckboxProps && typeof _this3.props.getCheckboxProps === 'function') {
+                            var obj = _this3.props.getCheckboxProps(record);
+                            return obj;
+                        } else {
+                            return null;
+                        }
+                    }
+                };
+            }
+            /****************************行选中事件*********************************/
+            var onRow = function onRow(record, index) {
+                var rowObj = {};
+                if (_this3.props.getCheckboxProps && typeof _this3.props.getCheckboxProps === 'function') {
+                    rowObj = _this3.props.getCheckboxProps(record);
+                }
+                if (rowObj && rowObj.disabled) {
+                    // 若存在禁用选择框的属性时 禁用行选择
+                    return;
+                }
+
+                if (_this3.props.onRowFalse) {
+                    // 禁用onRow  已处理若表格存在禁用某行的情况下还是点击行还是被选中的情况
+                    return;
+                }
+                return {
+                    onClick: function onClick(e3) {
+                        var selectedRowKeys = _this3.state.selectedRowKeys;
+                        var selectedRows = _this3.state.selectedRows;
+                        var key = '';
+                        if (_this3.state.params.rowKey instanceof Function) {
+                            key = _this3.state.params.rowKey(record);
+                        } else {
+                            key = record[_this3.state.params.rowKey];
+                        }
+                        var isAdd = true; //默认是新增
+                        for (var _i = 0; _i < selectedRowKeys.length; _i++) {
+                            if (selectedRowKeys[_i] === key) {
+                                //存在说明是删除
+                                selectedRowKeys.splice(_i, 1);
+                                selectedRows.splice(_i, 1);
+                                isAdd = false;
+                                break;
+                            }
+                        }
+                        if (isAdd) {
+                            selectedRowKeys.push(key);
+                            selectedRows.push(record);
+                        }
+                        _this3.setState({
+                            selectedRows: selectedRows,
+                            selectedRowKeys: selectedRowKeys
+                        });
+                        _this3.props.rowSelectionChange && _this3.props.rowSelectionChange(selectedRowKeys);
+                        _this3.props.onSelect && _this3.props.onSelect(selectedRowKeys, selectedRows);
+                    }
+                };
+            };
+            /****************************以下是循环判断是否需要排序、搜索条件*********************************/
+            columns.map(function (item, index) {
+                if (!item.key) {
+                    item.key = item.dataIndex;
+                }
+
+                //是否需要排序
+                if (item.sorted !== false && item.title !== '序号' && item.title !== '操作') {
+                    item.sorter = true;
+                } else {
+                    item.sorter = false;
+                }
+                //多选过滤
+                // if (item.filters) {
+                //     let filters = deepCopy(item.filters);
+                //     let checkboxList = [];
+                //     for (var key in filters) {
+                //         checkboxList.push(<div key={createUuid()}><Checkbox value={filters[key].value} >{filters[key].text}</Checkbox></div>);
+                //     }
+                //     item.filterDropdownVisible = this.state.filterDropdownVisibleMap[item.key];
+                //     item.filterDropdown = (
+                //         <div style={{ padding: '8px', borderRadius: '6px', background: '#fff', boxShadow: '0 1px 6px rgba(0, 0, 0, .2)' }}>
+                //             <Checkbox.Group style={{ width: '100%' }} onChange={(values) => { this.handleCheckboxChange(item.key, values) }} value={this.state.filters[item.key]}>
+                //                 {checkboxList}
+                //             </Checkbox.Group>
+                //             <div style={{ borderTop: '1px solid grey', marginTop: '5px', height: '25px', padding: '5px 5px 0px 5px' }}>
+                //                 <a style={{ float: 'right' }} onClick={() => { this.handleCheckboxClear(item.key) }}>重置</a>
+                //             </div>
+                //         </div>
+                //     );
+                //     item.onFilterDropdownVisibleChange = (visible) => {
+                //         let filterDropdownVisibleMap = this.state.filterDropdownVisibleMap;
+                //         filterDropdownVisibleMap[item.key] = visible;
+                //         this.setState({
+                //             filterDropdownVisibleMap: filterDropdownVisibleMap,
+                //         });
+                //     }
+                //     delete item.filters;
+                // }
+                // //搜索-输入框
+                // else if (item.search && item.search === 'input') {
+                //     let name = item.key + "-tableSearchInput";
+                //     item.filterDropdownVisible = this.state.filterDropdownVisibleMap[item.key];
+                //     item.filterDropdown = (
+                //         <div style={{ padding: '8px', borderRadius: '6px', background: '#fff', boxShadow: '0 1px 6px rgba(0, 0, 0, .2)' }}>
+                //             <Input style={{ width: '130px', marginRight: '8px' }}
+                //                 ref={ele => this.searchInput = ele}
+                //                 name={name}
+                //                 placeholder="请输入查询条件"
+                //                 value={this.state.searchTextMap[item.key]}
+                //                 onChange={this.onInputChange}
+                //                 onPressEnter={this.onSearch}
+                //             />
+                //             <Button type="primary" icon="search" onClick={this.onSearch}></Button>
+                //         </div>
+                //     );
+                //     item.onFilterDropdownVisibleChange = (visible) => {
+                //         let filterDropdownVisibleMap = this.state.filterDropdownVisibleMap;
+                //         filterDropdownVisibleMap[item.key] = visible;
+                //         this.setState({
+                //             filterDropdownVisibleMap: filterDropdownVisibleMap,
+                //         }, () => this.searchInput && this.searchInput.focus());
+                //     }
+                // }
+                // //需要时间范围查询
+                // else if (item.search && item.search === 'datetime') {
+
+                // }
+                // //需要数字范围查询
+                // else if (item.search && item.search === 'number') {
+
+                // }
+                return item;
+            });
+            /****************************以下获取能用于通用搜索的参数*********************************/
+            var maxSearchTitle = 2;
+            var searchLength = 0;
+            var tyOptions = columns.map(function (item, index) {
+                if (item.commonSearch !== false && item.commonSearch != 'false' && item.title !== '序号' && item.title !== '操作') {
+                    searchLength++;
+                    if (item.title.length > maxSearchTitle) {
+                        maxSearchTitle = item.title.length;
+                    }
+                    return _react2.default.createElement(
+                        _select2.default.Option,
+                        { value: item.dataIndex, key: (0, _NHCore.createUuid)() },
+                        item.title
+                    );
+                } else {
+                    return '';
+                }
+            });
+            var searchList = this.state.params.searchList;
+            var tableDivHeight = this.state.tableDivHeight;
+            var showAdvancBtn = this.existHightSearch();
+            var showCheckbtns = this.exitCheckButtonSelect();
+            var advanceCheckbtns = this.state.params.columns.filter(function (item) {
+                return item.checkButton;
+            });
+
+            columns = this.buildParentColumns(columns, this.props.parentColumns);
+            return _react2.default.createElement(
+                'div',
+                { className: 'xgui-nhTable', style: { height: tableDivHeight, width: '100%' } },
+                this.state.params.searchDivFlag !== false ? this.state.highSearch === true ? _react2.default.createElement(
+                    'div',
+                    { className: 'xgui-nhTable-highSearch' },
+                    _react2.default.createElement(_highSearchForm2.default, {
+                        onCancel: function onCancel() {
+                            return _this3.setState({ highSearch: false, searchParams: {}, searchTextMap: {}, searchText: '', searchField: _this3.state.tySearchAllField });
+                        },
+                        ref: function ref(_ref) {
+                            return _this3.highSearchForm = _ref;
+                        },
+                        columns: this.state.params.columns,
+                        tableData: this.state.hightSearchData,
+                        onSearch: this.onAdvanceSearch,
+                        onRest: this.onRest,
+                        refreshHeight: this.refreshHeight,
+                        getHightSearchData: this.getHightSearchData,
+                        highSearchFetching: this.state.highSearchFetching,
+                        filterParams: this.getFilterParams()
+                    })
+                ) : _react2.default.createElement(
+                    'div',
+                    { className: 'xgui-table-searchDiv', style: { marginBottom: '10px' } },
+                    _react2.default.createElement(
+                        _select2.default,
+                        { value: this.state.searchField,
+                            onChange: this.zdySearchFieldChange,
+                            dropdownMatchSelectWidth: false,
+                            dropdownStyle: { width: tyOptions && searchLength > 6 ? 80 + (maxSearchTitle - 2) * 15 : 'auto' }
+                        },
+                        (this.state.params.searchDefaultField === undefined || this.state.params.searchDefaultField === '') && _react2.default.createElement(
+                            _select2.default.Option,
+                            { value: this.state.tySearchAllField },
+                            '\u5168\u90E8'
+                        ),
+                        tyOptions
+                    ),
+                    _react2.default.createElement(Search, {
+                        placeholder: '\u8BF7\u8F93\u5165\u67E5\u8BE2\u6761\u4EF6',
+                        onSearch: this.onSearch,
+                        value: this.state.searchText,
+                        onChange: this.zdySearchTextChange,
+                        style: { width: 230 }
+                    }),
+                    _react2.default.createElement(
+                        _button2.default,
+                        { type: 'primary', style: { margin: '0 20px' }, onClick: this.onSearch },
+                        '\u67E5\u8BE2'
+                    ),
+                    _react2.default.createElement(
+                        _button2.default,
+                        { type: 'Default', style: { paddingLeft: 15 }, onClick: this.onRest },
+                        '\u91CD\u7F6E'
+                    ),
+                    _react2.default.createElement(
+                        'a',
+                        { onClick: function onClick() {
+                                return _this3.setState({ highSearch: true, searchParams: {} }, _this3.refreshHeight);
+                            }, style: { marginLeft: 10, display: showAdvancBtn ? 'inline' : 'none' } },
+                        '[\u9AD8\u7EA7\u641C\u7D22]'
+                    )
+                ) : '',
+                showCheckbtns ? _react2.default.createElement(_checkButtons2.default, {
+                    ref: function ref(_ref2) {
+                        return _this3.checkbuttons = _ref2;
+                    },
+                    checkbtnClos: advanceCheckbtns,
+                    tableData: this.state.hightSearchData,
+                    onCheckbuttonSearch: this.onCheckbuttonSearch
+                }) : null,
+                searchList && searchList.length === 1 && searchList[0].isLeftFixed && _react2.default.createElement(
+                    _row2.default,
+                    { gutter: 8, style: { marginBottom: 10 } },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        _react2.default.createElement(
+                            _radio2.default.Group,
+                            { onChange: function onChange(e) {
+                                    return _this3.handleRadioGroupChange(searchList[0].field, e.target.value, 0);
+                                }, defaultValue: 'all' },
+                            _react2.default.createElement(
+                                _radio2.default.Button,
+                                { value: 'all' },
+                                '\u5168\u90E8'
+                            ),
+                            searchList[0].list.map(function (row, index) {
+                                return _react2.default.createElement(
+                                    _radio2.default.Button,
+                                    { value: row.value, key: row.value },
+                                    row.text
+                                );
+                            })
+                        )
+                    )
+                ),
+
+                // 多行配置
+                searchList && searchList.length > 1 && _react2.default.createElement(
+                    'div',
+                    { style: { marginBottom: '10px' } },
+                    searchList.map(function (item) {
+                        return _react2.default.createElement(
+                            _row2.default,
+                            { gutter: 0, key: item.field },
+                            item.title,
+                            '\uFF1A',
+                            _react2.default.createElement(
+                                'div',
+                                { style: { display: 'inline' } },
+                                _react2.default.createElement(
+                                    _textGroup2.default,
+                                    { name: 'textGroup', style: { display: 'inline' }, onChange: function onChange(e) {
+                                            return _this3.handleRadioGroupChange(item.field, e, 0);
+                                        }, defaultValue: 'all' },
+                                    _react2.default.createElement(
+                                        _text2.default,
+                                        { value: 'all' },
+                                        '\u5168\u90E8'
+                                    ),
+                                    item.list.map(function (row, index) {
+                                        return _react2.default.createElement(
+                                            _text2.default,
+                                            { value: row.value, key: row.value },
+                                            row.text
+                                        );
+                                    })
+                                )
+                            )
+                        );
+                    })
+                ),
+
+                // 只有一行的配置
+                this.props.children || searchList && searchList.length === 1 ? _react2.default.createElement(
+                    'div',
+                    { style: { marginBottom: '10px' } },
+                    _react2.default.createElement(
+                        _row2.default,
+                        { gutter: 16 },
+                        this.props.children && searchList && _react2.default.createElement(
+                            _col2.default,
+                            { span: 12 },
+                            this.props.children
+                        ),
+                        this.props.children && !searchList && _react2.default.createElement(
+                            _col2.default,
+                            { span: 24 },
+                            this.props.children
+                        ),
+                        searchList && searchList.length === 1 && !searchList[0].isLeftFixed && _react2.default.createElement(
+                            _col2.default,
+                            { span: 12 },
+                            _react2.default.createElement(
+                                _row2.default,
+                                { type: 'flex', justify: searchList[0].isLeftFixed ? 'start' : this.props.children ? 'end' : 'start' },
+                                _react2.default.createElement(
+                                    'div',
+                                    null,
+                                    _react2.default.createElement(
+                                        _radio2.default.Group,
+                                        { onChange: function onChange(e) {
+                                                return _this3.handleRadioGroupChange(searchList[0].field, e.target.value, 0);
+                                            }, defaultValue: 'all' },
+                                        _react2.default.createElement(
+                                            _radio2.default.Button,
+                                            { value: 'all' },
+                                            '\u5168\u90E8'
+                                        ),
+                                        searchList[0].list.map(function (row, index) {
+                                            return _react2.default.createElement(
+                                                _radio2.default.Button,
+                                                { value: row.value, key: row.value },
+                                                row.text
+                                            );
+                                        })
+                                    )
+                                )
+                            )
+                        )
+                    )
+                ) : '',
+                this.props.tip ? _react2.default.createElement(
+                    'div',
+                    { className: 'xgui-table-tips-div', style: { marginBottom: '10px' } },
+                    _react2.default.createElement(_icon2.default, { type: 'info-circle' }),
+                    _react2.default.createElement(
+                        _marqueenText2.default,
+                        null,
+                        this.props.tip
+                    )
+                ) : '',
+                _react2.default.createElement(_table2.default, {
+                    className: this.state.className,
+                    size: 'small',
+                    rowKey: this.state.params.rowKey,
+                    rowSelection: rowSelection,
+                    dataSource: this.state.data,
+                    columns: columns,
+                    pagination: Pagination,
+                    loading: this.state.loading,
+                    onChange: this.handleTableChange,
+                    defaultExpandAllRows: this.state.params.defaultExpandAllRows,
+                    defaultExpandedRowKeys: this.state.params.defaultExpandedRowKeys,
+                    expandedRowRender: this.state.params.expandedRowRender,
+                    bordered: this.state.params.bordered,
+                    showHeader: this.state.params.showHeader,
+                    scroll: { x: width, y: this.state.height },
+                    components: this.state.params.autoHeightFlag === true ? undefined : this.isIE() ? undefined : this.components,
+                    onRow: onRow
+                }),
+                this.props.loadMore && _react2.default.createElement(
+                    _row2.default,
+                    { type: 'flex', justify: 'center', style: { padding: '20px' } },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { style: { cursor: 'pointer' }, onClick: this.loadMoreData },
+                        this.state.pageCount <= this.state.pageData.page ? '已加载全部数据' : '查看更多'
+                    )
+                ),
+                _react2.default.createElement(
+                    _index2.default,
+                    { ref: function ref(ele) {
+                            return _this3.nhExportExcelModal = ele;
+                        },
+                        title: '\u5BFC\u51FAExcel',
+                        width: 570,
+                        onOk: this.handleExportExcel
+                    },
+                    _react2.default.createElement(_expexcel2.default, { ref: function ref(ele) {
+                            return _this3.nhExpExcel = ele;
+                        }, excelName: this.state.excelName, columns: this.state.params.columns })
+                ),
+                _react2.default.createElement(
+                    'style',
+                    { jsx: 'true', global: 'true' },
+                    '\n                   .xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > div > div:first-child > table{\n                         margin-bottom: ' + bodyContentMarginBottom + 'px;\n                    }\n                    .xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > div > div:first-child > table{\n                        margin-bottom: 12px;\n                    }\n                    .xgui-nhTable .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > div > div:first-child > table{\n                        margin-bottom: 12px;\n                    }\n                '
+                )
+            );
+        }
+    }]);
+    return NHTable;
+}(_react2.default.Component);
+
+NHTable.defaultProps = {
+    sign: undefined, //【强制存在】数据源的标志
+    searchParams: {}, //【推荐存在】查询条件的参数
+    sqlParams: {}, //【根据需求判断】放在sql语句语句中的参数
+    initParams: {}, //初始化过滤的参数，这个不会根据重置而改变
+    height: undefined, //【根据需求判断】自定义的高度
+    tip: undefined, //【根据需求判断】是否需要提示信息
+    onSelect: undefined,
+    action: [],
+    funcParams: {}, //如果在columns内部写代码操作时，用键值对的形式存起来
+    rowKey: undefined, //【推荐存在】设置的rowKey,在selectedRowKeys中存放的数据就是这个字段的值
+    checkbox: undefined, //【根据需求判断】是否需要checkbox
+    autoHeightFlag: undefined, //【根据需求判断】是否根据内容自适应高度，默认为false,表示高度固定
+    footerFlag: undefined, //【根据需求判断】是否需要尾部，不需要尾部的时候，不会进行分页,
+    searchDivFlag: undefined, //【根据需求判断】是否需要自带查询操作，默认需要
+    defaultExpandAllRows: undefined, //初始时，是否展开所有行
+    defaultExpandedRowKeys: undefined, //默认展开的行
+    expandedRowRender: undefined, //展开行的回调方法认展开的行
+    bordered: undefined, //是否展示外边框和列边框
+    titleHeight: undefined, //Title头部的高度，这个主要是为了解决出现多级表头的时候，高度计算会出现问题
+    showHeader: true, //是否显示头部
+    url: undefined, //后台访问地址，传了此路径就表示后台查询使用此路径而不是使用通用路径
+    rangeFilter: undefined, //是否开启职务范围过滤
+    rangeFilterList: undefined, // 自定义职务过滤列表
+    isDefaultLoadData: undefined, //是否默认加载数据，如果此参数为false,则默认不会加载数据,且此时显示加载中，这个主要是为了在当前模块还需要去后台查询初始化参数时，会出现开始就查询两次的情况
+    searchDefaultField: undefined, //通用搜索栏默认显示的字段
+    columns: undefined,
+    searchList: undefined, // 搜索列表配置
+    baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+    exportExcelCacheDataUrl: undefined, //导出Excel 缓存数据到Redis的请求URL,
+    pageSizeOptions: ['10', '20', '50', '100', '200', '500'], // 分页参数
+    defaultPageSize: 20,
+    highSearch: false, //高级搜索框展示
+    rowSelectionType: 'checkbox', // 多选/单选，checkbox or radio
+    onRowFalse: false, //禁用onRow  若表格存在禁用某行的情况下最好设置为true
+    parentColumns: undefined, //多级表头的数据，目前只支持二级表头   {title: '一级表头的名称', children: [二级表头的dataIndex数组]}
+    readTableDataCallback: function readTableDataCallback() {} // 获取表格数据后的回调函数，可供外部使用
+};
+
+var _initialiseProps = function _initialiseProps() {
+    var _this4 = this;
+
+    this.existHightSearchTableSelect = function () {
+        var advanceSearCol = _this4.state.params.columns.filter(function (item) {
+            return item.searchType === 'select' && !item.sign && !item.dmbz;
+        });
+        if (advanceSearCol && advanceSearCol.length > 0) {
+            return true;
+        }
+        return false;
+    };
+
+    this.exitCheckButtonSelect = function () {
+        var advanceCheckbtns = _this4.state.params.columns.filter(function (item) {
+            return item.checkButton;
+        });
+        if (advanceCheckbtns && advanceCheckbtns.length > 0) {
+            return true;
+        }
+        return false;
+    };
+
+    this.existHightSearch = function () {
+        var advanceSearCol = _this4.state.params.columns.filter(function (item) {
+            return item.searchType;
+        });
+        if (advanceSearCol && advanceSearCol.length > 0) {
+            return true;
+        }
+        return false;
+    };
+
+    this.ansysParams = function (func) {
+        //先从缓存中获取配置信息，如果再缓存中没有配置信息则说明配置时在前端书写
+        var paramsStr = sessionStorage.getItem("nhParams");
+        var params = undefined;
+        if (paramsStr != undefined) {
+            var params1 = JSON.parse(paramsStr);
+            if (params1.table !== undefined && params1.table[_this4.props.sign]) {
+                params = params1.table[_this4.props.sign];
+            }
+            if (params === undefined && _this4.props.rowKey === undefined && _this4.props.baseUrl) {
+                var tableStr = sessionStorage.getItem(_this4.props.sign);
+                if (tableStr) {
+                    var tableParam = JSON.parse(tableStr);
+                    params = tableParam;
+                } else {
+                    var t = new Date().getTime();
+                    (0, _NHFetch2.default)(_this4.props.baseUrl + '/proData/queryAllConfig', 'GET', t).then(function (res) {
+                        if (res && res.code === 200) {
+                            var _tableParam = res.data.table[_this4.props.sign];
+                            if (_tableParam) {
+                                sessionStorage.setItem(_this4.props.sign, (0, _stringify2.default)(_tableParam));
+                                _this4.ansysParams(func);
+                            } else {
+                                console.warn('无法获取' + _this4.props.sign + '配置');
+                            }
+                        }
+                    });
+                    return;
+                }
+            }
+        }
+        if (params != undefined) {
+            params.rowKey = _this4.props.rowKey !== undefined ? _this4.props.rowKey : params.rowKey;
+            params.checkbox = _this4.props.checkbox !== undefined ? _this4.props.checkbox : params.checkbox === 'true' || params.checkbox === '' || params.checkbox === undefined ? true : false;
+            params.autoHeightFlag = _this4.props.autoHeightFlag !== undefined ? _this4.props.autoHeightFlag : params.autoHeightFlag === 'false' || params.autoHeightFlag === '' || params.autoHeightFlag === undefined ? false : true;
+            params.footerFlag = _this4.props.footerFlag !== undefined ? _this4.props.footerFlag : params.footerFlag === 'true' || params.footerFlag === '' || params.footerFlag === undefined ? true : false;
+            params.searchDivFlag = _this4.props.searchDivFlag !== undefined ? _this4.props.searchDivFlag : params.searchDivFlag === 'true' || params.searchDivFlag === '' || params.searchDivFlag === undefined ? true : false;
+            params.defaultExpandAllRows = _this4.props.defaultExpandAllRows !== undefined ? _this4.props.defaultExpandAllRows : params.defaultExpandAllRows === 'false' || params.defaultExpandAllRows === '' || params.defaultExpandAllRows === undefined ? false : true;
+            // params.defaultExpandedRowKeys=this.props.defaultExpandedRowKeys!==undefined?this.props.defaultExpandedRowKeys:((params.defaultExpandedRowKeys === '' )?undefined: params.defaultExpandedRowKeys.split(","));
+            params.bordered = _this4.props.bordered !== undefined ? _this4.props.bordered : params.bordered === 'true' || params.bordered === '' || params.bordered === undefined ? true : false;
+            params.titleHeight = _this4.props.titleHeight !== undefined ? _this4.props.titleHeight : params.titleHeight === '' || params.titleHeight === undefined ? 40 : params.titleHeight;
+            params.showHeader = _this4.props.showHeader !== undefined ? _this4.props.showHeader : params.showHeader === 'true' || params.showHeader === '' || params.showHeader === undefined ? true : false;
+            params.url = _this4.props.url !== undefined ? _this4.props.url : params.url === '' ? undefined : params.url;
+            params.rangeFilter = _this4.props.rangeFilter !== undefined ? _this4.props.rangeFilter : params.rangeFilter === 'false' || params.rangeFilter === '' || params.rangeFilter === undefined ? false : true;
+            params.rangeFilterList = _this4.props.rangeFilterList || params.rangeFilterList;
+            params.isDefaultLoadData = _this4.props.isDefaultLoadData !== undefined ? _this4.props.isDefaultLoadData : params.isDefaultLoadData === 'true' || params.isDefaultLoadData === '' || params.isDefaultLoadData === undefined ? true : false;
+            params.searchDefaultField = _this4.props.searchDefaultField !== undefined ? _this4.props.searchDefaultField : params.searchDefaultField === '' ? undefined : params.searchDefaultField;
+            params.columns = _this4.props.columns !== undefined ? _this4.props.columns : params.columns;
+            params.columns = params.columns !== undefined ? params.columns : [];
+            params.expandedRowRender = _this4.props.expandedRowRender;
+            var searchList = undefined;
+            if (params.searchList) {
+                searchList = JSON.parse(params.searchList.replace(/[']/g, '\"'));
+            }
+            params.searchList = _this4.props.searchList || searchList;
+            if (_this4.props.expandedRowRender !== undefined) {
+                params.expandedRowRender = _this4.props.funcParams[params.expandedRowRender];
+            }
+            var commonSearchMap = _this4.getCommonSearch(params);
+            _this4.setState({
+                params: params,
+                tySearchAllField: commonSearchMap.tySearchAllField,
+                searchField: commonSearchMap.searchField,
+                pageData: { //分页设置的是三个参数
+                    total: 0,
+                    pageSize: params.footerFlag === false && !_this4.props.loadMore ? 10000000 : _this4.props.defaultPageSize, //当前页默认多少条数据
+                    page: 1
+                }
+            }, function () {
+                func && func(params);
+            });
+        } else {
+            var _params = {};
+            _params.rowKey = _this4.props.rowKey;
+            _params.checkbox = _this4.props.checkbox !== undefined ? _this4.props.checkbox : true;
+            _params.autoHeightFlag = _this4.props.autoHeightFlag !== undefined ? _this4.props.autoHeightFlag : false;
+            _params.footerFlag = _this4.props.footerFlag !== undefined ? _this4.props.footerFlag : true;
+            _params.searchDivFlag = _this4.props.searchDivFlag !== undefined ? _this4.props.searchDivFlag : true;
+            _params.defaultExpandAllRows = _this4.props.defaultExpandAllRows !== undefined ? _this4.props.defaultExpandAllRows : false;
+            _params.defaultExpandedRowKeys = _this4.props.defaultExpandedRowKeys;
+            _params.expandedRowRender = _this4.props.expandedRowRender;
+            _params.bordered = _this4.props.bordered !== undefined ? _this4.props.bordered : false;
+            _params.titleHeight = _this4.props.titleHeight !== undefined ? _this4.props.titleHeight : 40;
+            _params.showHeader = _this4.props.showHeader !== undefined ? _this4.props.showHeader : true;
+            _params.url = _this4.props.url;
+            _params.rangeFilter = _this4.props.rangeFilter !== undefined ? _this4.props.rangeFilter : false;
+            _params.rangeFilterList = _this4.props.rangeFilterList;
+
+            _params.isDefaultLoadData = _this4.props.isDefaultLoadData !== undefined ? _this4.props.isDefaultLoadData : true;
+            _params.searchDefaultField = _this4.props.searchDefaultField;
+            _params.columns = _this4.props.columns;
+            _params.searchList = _this4.props.searchList;
+            var _commonSearchMap = _this4.getCommonSearch(_params);
+            _this4.setState({
+                params: _params,
+                tySearchAllField: _commonSearchMap.tySearchAllField,
+                searchField: _commonSearchMap.searchField,
+                pageData: { //分页设置的是三个参数
+                    total: 0,
+                    pageSize: _params.footerFlag === false && !_this4.props.loadMore ? 10000000 : _this4.props.defaultPageSize, //当前页默认多少条数据
+                    page: 1
+                }
+            }, function () {
+                func && func(_params);
+            });
+        }
+    };
+
+    this.getCommonSearch = function (params) {
+        var commonSearchMap = {};
+        //循环判断哪些字段需要通用查询的搜索条件
+        if (params.searchDivFlag !== false) {
+            if (params.searchDefaultField === undefined || params.searchDefaultField === '') {
+                var tySearchAllField = ""; //自定义查询的所有字段
+                var columns = params.columns;
+                columns.map(function (item) {
+                    if (item.commonSearch !== false && item.commonSearch != 'false' && item.title !== '序号' && item.title !== '操作') {
+                        tySearchAllField += "," + item.dataIndex.toLowerCase();
+                    }
+                    return item;
+                });
+                commonSearchMap.tySearchAllField = tySearchAllField.substring(1);
+                commonSearchMap.searchField = _this4.state.searchField ? _this4.state.searchField : tySearchAllField.substring(1);
+            } else {
+                commonSearchMap.tySearchAllField = params.searchDefaultField;
+                commonSearchMap.searchField = _this4.state.searchField ? _this4.state.searchField : params.searchDefaultField;
+            }
+        }
+        return commonSearchMap;
+    };
+
+    this.refreshHeight = function () {
+        //如果需要自适应高度
+        if (!_this4.state.params.autoHeightFlag && document.getElementsByClassName(_this4.state.className)) {
+            var lastHeight = _this4.state.height;
+            var tableDivHeight = (0, _NHCore.getSuitHeight)(document.getElementsByClassName(_this4.state.className)[0].parentNode);
+            var height = (0, _NHCore.getSuitHeight)(document.getElementsByClassName(_this4.state.className)[0]);
+            var titleHeight = _this4.state.params.titleHeight || _this4.state.params.titleHeight === 0 ? _this4.state.params.titleHeight : 40;
+            //如果不显示头部，则头部的高度为0
+            if (_this4.state.params.showHeader !== true) {
+                titleHeight = 0;
+            }
+            var $table = document.getElementsByClassName(_this4.state.className)[0];
+            if ($table.getElementsByClassName('ant-table-header')[0]) {
+                // 获取表格头部的高度 防止头部标题换行导致页码溢出
+                titleHeight = $table.getElementsByClassName('ant-table-header')[0].offsetHeight;
+            }
+            var reduceHeight = 40 + titleHeight;
+            if (_this4.state.params.footerFlag === false) {
+                reduceHeight = 5 + titleHeight;
+            }
+            height = height - reduceHeight;
+            if (!lastHeight || lastHeight !== height) {
+                _this4.setState({
+                    height: height,
+                    tableDivHeight: tableDivHeight
+                });
+            }
+
+            var colSpanDom = document.getElementsByClassName(_this4.state.className)[0].querySelectorAll('.ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th[colspan]');
+            if (colSpanDom.length > 0 && !_this4.props.bordered) {
+                // 存在二级表头的内容
+                for (var i = 0; i < colSpanDom.length; i++) {
+                    var nowEle = colSpanDom[i];
+                    var prevEle = getNearEle(nowEle, 1); //上一节点
+                    var nextEle = getNearEle(nowEle, 0); //下一节点
+                    if (nowEle) {
+                        nowEle.style.borderBottom = '1px solid #e8e8e8';
+                    }
+                    if (prevEle) {
+                        prevEle.style.borderRight = '1px solid #e8e8e8';
+                    }
+                    if (nextEle) {
+                        nextEle.style.borderLeft = '1px solid #e8e8e8';
+                    }
+                }
+            }
+        }
+    };
+
+    this.onAdvanceSearch = function () {
+        var searchParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+        _this4.highSearchForm.validateFields(function (err, values) {
+            if (!err) {
+                for (var key in values) {
+                    if (values[key] !== void 0 && values[key] !== null) {
+                        if (key.endsWith('_date')) {
+                            if (values[key] && values[key].length > 0) {
+                                searchParams[key.replace('date', 'LTEQ')] = values[key][1].valueOf();
+                                searchParams[key.replace('date', 'GTEQ')] = values[key][0].valueOf();
+                            } else {
+                                delete searchParams[key.replace('date', 'LTEQ')];
+                                delete searchParams[key.replace('date', 'GTEQ')];
+                            }
+                        } else if (key.endsWith('_time_start')) {
+                            searchParams[key.replace('time_start', 'GTEQ')] = values[key].valueOf();
+                        } else if (key.endsWith('_time_end')) {
+                            searchParams[key.replace('time_end', 'LTEQ')] = values[key].valueOf();
+                        } else if (key.endsWith('_number_start')) {
+                            searchParams[key.replace('number_start', 'GTEQ')] = values[key].valueOf();
+                        } else if (key.endsWith('_number_end')) {
+                            searchParams[key.replace('number_end', 'LTEQ')] = values[key].valueOf();
+                        } else if (key.startsWith('S') && !key.endsWith('_IN')) {
+                            if (values[key].trim() !== '') {
+                                searchParams[key] = values[key].trim();
+                            } else {
+                                delete searchParams[key];
+                            }
+                        } else if (key.endsWith('_IN')) {
+                            if (values[key] && values[key].length > 0) {
+                                searchParams[key] = values[key];
+                            } else {
+                                delete searchParams[key];
+                            }
+                        } else {
+                            searchParams[key] = values[key];
+                        }
+                    } else {
+                        if (key.endsWith('_time_start')) {
+                            delete searchParams[key.replace('time_start', 'GTEQ')];
+                        } else if (key.endsWith('_time_end')) {
+                            delete searchParams[key.replace('time_end', 'LTEQ')];
+                        } else if (key.endsWith('_number_start')) {
+                            delete searchParams[key.replace('number_start', 'GTEQ')];
+                        } else if (key.endsWith('_number_end')) {
+                            delete searchParams[key.replace('number_end', 'LTEQ')];
+                        } else {
+                            delete searchParams[key];
+                        }
+                    }
+                }
+            }
+        });
+        _this4.setState({ searchParams: searchParams }, function () {
+            return _this4.filterTableData();
+        });
+    };
+
+    this.onSearch = function () {
+        // 去除英文引号
+        var searchText = _this4.state.searchText;
+
+        _this4.setState({
+            searchText: searchText ? searchText.replace("'", "") : ''
+        }, function () {
+            if (_this4.props.loadMore) {
+                _this4.setState({
+                    pageData: {
+                        total: _this4.state.pageData.total,
+                        pageSize: _this4.state.pageData.pageSize,
+                        page: 1
+                    },
+                    data: [],
+                    resetData: true
+                }, _this4.filterTableData);
+            } else {
+                _this4.filterTableData();
+            }
+        });
+    };
+
+    this.onRest = function () {
+        _this4.highSearchForm && _this4.highSearchForm.resetFields();
+        var quickSearcParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+        _this4.setState(function (prevState, props) {
+            return {
+                searchParams: (0, _extends3.default)({}, quickSearcParams, _this4.props.searchParams), //自定义的搜索条件
+                searchTextMap: {}, //下拉框查询的值,用作查询
+                searchText: '',
+                searchField: _this4.state.tySearchAllField,
+                filters: {}, //多选方式过滤的值
+                sorter: {}, //排序字段
+                data: [],
+                resetData: true,
+                selectedRows: [], //选中的数据
+                selectedRowKeys: [], //选中的数据的主键loading
+                pageData: {
+                    total: _this4.state.pageData.total,
+                    pageSize: _this4.state.pageData.pageSize,
+                    page: 1
+                }
+            };
+        }, function () {
+            _this4.filterTableData();
+            // 重置后重新获取高级搜索数据
+            _this4.getHightSearchData();
+        });
+    };
+
+    this.filterTableData = function () {
+        _this4.setState(function (prevState, props) {
+            return {
+                pageData: {
+                    total: _this4.state.pageData.total,
+                    pageSize: _this4.state.pageData.pageSize,
+                    page: 1
+                }
+            };
+        }, _this4.readTableData, _this4.getHightSearchData);
+        // this.readTableData();
+    };
+
+    this.loadMoreData = function () {
+        _this4.setState({
+            pageData: {
+                total: _this4.state.pageData.total,
+                pageSize: _this4.state.pageData.pageSize,
+                page: _this4.state.pageData.page + 1
+            },
+            resetData: false
+        }, _this4.readTableData);
+    };
+
+    this.flushLoadMoreData = function () {
+        _this4.setState({
+            pageData: {
+                total: _this4.state.pageData.total,
+                pageSize: _this4.state.pageData.pageSize,
+                page: 1
+            },
+            data: [],
+            resetData: true
+        }, _this4.readTableData);
+    };
+
+    this.readTableData = function () {
+        var readTableDataCallback = _this4.props.readTableDataCallback;
+
+        var params = _this4.getFilterParams();
+        _this4.setState({ loading: true });
+        var baseUrl = _this4.props.baseUrl;
+        var url = _this4.state.params.url ? _this4.state.params.url : (baseUrl ? baseUrl : window.baseUrl) + "/proData/gridList";
+        (0, _NHFetch2.default)(url, "POST", params).then(function (res) {
+            if (res) {
+                _this4.setState({
+                    data: _this4.props.loadMore ? _this4.state.resetData ? res.data.list : [].concat((0, _toConsumableArray3.default)(_this4.state.data), (0, _toConsumableArray3.default)(res.data.list)) : res.data.list,
+                    selectedRowKeys: [],
+                    selectedRows: [],
+                    pageCount: res.data.pageCount,
+                    pageData: {
+                        total: res.data.total,
+                        pageSize: _this4.state.pageData.pageSize,
+                        page: _this4.state.pageData.page
+                    }
+                }, function () {
+                    // 如果清空了表格勾选 执行下rowSelectionChange
+                    _this4.props.rowSelectionChange && _this4.props.rowSelectionChange([]);
+                    _this4.props.onSelect && _this4.props.onSelect([], []);
+                    // 回调函数，供外部使用
+                    readTableDataCallback && readTableDataCallback();
+                });
+            }
+            _this4.setState({ loading: false });
+        }).catch(function (res) {
+            _this4.setState({ loading: false });
+            return res;
+        });
+    };
+
+    this.getHightSearchData = function (callback) {
+        var params = _this4.getFilterParams();
+        // let params = this.props.refreshHighSearch ? this.getFilterParams() : this.getHighSearchFilterParams() ;;
+        var baseUrl = _this4.props.baseUrl;
+        params.pagination = {
+            page: 1,
+            pageSize: 1 << 31 - 1
+        };
+        _this4.setState({ highSearchFetching: true });
+        var url = _this4.state.params.url ? _this4.state.params.url : (baseUrl ? baseUrl : window.baseUrl) + "/proData/gridList";
+        (0, _NHFetch2.default)(url, "POST", params).then(function (res) {
+            if (res) {
+                _this4.setState({
+                    hightSearchData: res.data ? res.data.list || [] : [],
+                    highSearchFetching: false
+                }, function () {
+                    callback && typeof callback === 'function' && callback();
+                });
+            }
+        }).catch(function (res) {
+            console.log(res);
+        });;
+    };
+
+    this.getFilterParams = function () {
+        var pagination = _this4.state.pageData; //分页的参数
+        var filters = _this4.state.filters; //多选过滤的数据
+        var sorter = _this4.state.sorter; //过滤的数据
+        var searchTextMap = _this4.state.searchTextMap; //字段上搜索栏的值
+        var searchParams = _this4.state.searchParams; //传递过来的查询参数
+        var sqlParams = _this4.props.sqlParams; //在sql语句中的参数
+        var initParams = _this4.props.initParams; //初始化参数
+        var rangeFilter = _this4.state.params.rangeFilter; //是否根据职务范围过滤
+        var rangeFilterList = _this4.state.params.rangeFilterList; // 自定义职务过滤列表
+        if (!searchParams) {
+            searchParams = {};
+        }
+        //对里面可能存在的参数值为sql语句进行处理
+        searchParams = _this4.encodeSql(searchParams);
+        sqlParams = _this4.encodeSql(sqlParams);
+        initParams = _this4.encodeSql(initParams);
+
+        var params = {
+            pagination: pagination,
+            filters: filters,
+            sorter: sorter,
+            searchTextMap: searchTextMap,
+            searchParams: searchParams,
+            sqlParams: sqlParams,
+            initParams: initParams,
+            sign: _this4.props.sign
+        };
+
+        //如果启用职位范围过滤
+        if (rangeFilter) {
+            var userId = (0, _NHCore.getLoginUser)() ? (0, _NHCore.getLoginUser)().userId : '';
+            params.rangeFilter = { id: userId };
+        }
+        if (rangeFilterList) {
+            params.rangeFilterList = rangeFilterList;
+        }
+        return params;
+    };
+
+    this.handleTableChange = function (pagination, filters, sorter) {
+        _this4.setState(function (prevState, props) {
+            return {
+                //filters:filters,
+                sorter: {
+                    columnKey: sorter.columnKey,
+                    order: sorter.order
+                },
+                pageData: {
+                    total: _this4.state.pageData.total,
+                    pageSize: pagination.pageSize,
+                    page: pagination.current
+                }
+            };
+        }, function () {
+            this.readTableData();
+        });
+    };
+
+    this.exportExcel = function (excelName) {
+        _this4.setState({ excelName: excelName });
+        if (_this4.nhExportExcelModal) {
+            _this4.nhExportExcelModal.show();
+        }
+    };
+
+    this.handleExportExcel = function (stopLoading) {
+        var params = _this4.getFilterParams();
+        var columns = _this4.nhExpExcel.state.targetKeys;
+        var excelName = _this4.nhExpExcel.state.excelName;
+        if (!columns || columns.length <= 0) {
+            _message3.default.info("请选择需要导出的列！");
+            stopLoading();
+            return;
+        }
+        if (!excelName) {
+            _message3.default.info("文件名不能为空");
+            stopLoading();
+            return;
+        }
+        var columnsMap = {};
+        for (var i = 0; i < columns.length; i++) {
+            var c = columns[i].split("@");
+            columnsMap[c[0]] = c[1];
+        }
+        var total = _this4.state.pageData.total;
+        params.columnsMap = columnsMap;
+        params.excelName = excelName;
+        if (total < 40000) {
+            var baseUrl = _this4.props.baseUrl;
+            var exportExcelCacheDataUrl = _this4.props.exportExcelCacheDataUrl || '';
+            var cacheDataUrl = exportExcelCacheDataUrl ? exportExcelCacheDataUrl : "/proData/gridList/excel/params";
+            (0, _NHFetch2.default)(baseUrl ? baseUrl + cacheDataUrl : window.baseUrl + cacheDataUrl, "POST", params).then(function (res) {
+                if (res) {
+                    if (!res.data) {
+                        _message3.default.info("请刷新浏览器，重新再执行此操作！");
+                        stopLoading();
+                        return;
+                    }
+                    // 本地
+                    window.open((baseUrl ? baseUrl : window.baseUrl) + "/proData/gridList/excel/export?uuid=" + res.data, "_blank");
+                }
+                stopLoading();
+            }).catch(function (err) {
+                return stopLoading();
+            });
+        } else {
+            _message3.default.error("最大的导出数量为40000，当前导出数据量过大，无法执行导出操作！");
+            stopLoading();
+            return;
+        }
+    };
+
+    this.highSeatch = function () {
+        alert("高级查询");
+    };
+
+    this.encodeSql = function (params) {
+        for (var key in params) {
+            if (key.toUpperCase().startsWith('SQL_') && params[key]) {
+                // params[key] = encode(params[key]);
+                params[key] = params[key];
+            } else if (key.toUpperCase().startsWith('G_') && params[key]) {
+                params[key] = _this4.encodeSql(params[key]);
+            }
+        }
+        return params;
+    };
+
+    this.zdySearchTextChange = function (e) {
+        var queryValue = e.target.value.trim(); //禁止输入英文单引号
+        _this4.setState({
+            searchText: queryValue
+        });
+        if (queryValue && _this4.state.searchField) {
+            var quickSearcParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+            var searchParams = (0, _extends3.default)({}, quickSearcParams);
+            searchParams[_this4.state.searchField] = queryValue.replace("'", "");
+            _this4.setState({
+                searchParams: searchParams
+            });
+        } else {
+            var _quickSearcParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+            _this4.setState({
+                searchParams: (0, _extends3.default)({}, _quickSearcParams)
+            });
+        }
+    };
+
+    this.zdySearchFieldChange = function (value) {
+        _this4.setState({
+            searchField: value
+        });
+        if (value && _this4.state.searchText) {
+            var searchText = _this4.state.searchText;
+            var quickSearcParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+            var searchParams = (0, _extends3.default)({}, quickSearcParams);
+            searchParams[value] = searchText;
+            _this4.setState({
+                searchParams: searchParams
+            });
+        } else {
+            var _quickSearcParams2 = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+            _this4.setState({
+                searchParams: (0, _extends3.default)({}, _quickSearcParams2)
+            });
+        }
+    };
+
+    this.isIE = function () {
+        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
+        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
+        var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
+        if (isIE || isIE11) {
+            return true;
+        } else return false;
+    };
+
+    this.components = {
+        table: function table(props) {
+            return _react2.default.createElement(
+                _reactCustomScrollbars.Scrollbars,
+                { onScroll: _this4.onScroll,
+                    autoHide: true,
+                    style: { width: '100%' },
+                    autoHeight: true,
+                    autoHeightMin: 0,
+                    autoHeightMax: _this4.state.height,
+                    thumbMinSize: 30,
+                    universal: true
+                },
+                _react2.default.createElement('table', props)
+            );
+        }
+    };
+
+    this.onScroll = function (e1) {
+        if (loadCount === 0) {
+            var scrollLeft = e1.target.scrollLeft;
+            var scrollTop = e1.target.scrollTop;
+            var $parentObj = e1.target.parentNode.parentNode;
+            var obj = $parentObj.classList.contains('ant-table-body') ? 'content' : 'none';
+            if (obj === 'none') {
+                obj = $parentObj.parentNode.parentNode.classList.contains('ant-table-fixed-left') ? 'left' : 'right';
+            }
+
+            //头部对象
+            var $table = document.getElementsByClassName(_this4.state.className)[0];
+            var $header = $table.getElementsByClassName("ant-table-scroll")[0].getElementsByClassName("ant-table-header")[0];
+            $header.scrollLeft = scrollLeft;
+            //中间内容区
+            var $content = $table.getElementsByClassName("ant-table-scroll")[0].getElementsByClassName("ant-table-body")[0].childNodes[0].childNodes[0];
+            if (obj !== 'content' && $content.scrollTop !== scrollTop) {
+                loadCount++;
+                $content.scrollTop = scrollTop;
+            }
+            //左部固定内容区
+            if ($table.getElementsByClassName("ant-table-fixed-left")[0]) {
+                var $left = $table.getElementsByClassName("ant-table-fixed-left")[0].getElementsByClassName("ant-table-body-inner")[0].childNodes[0].childNodes[0];
+                if ($left && obj !== 'left' && $left.scrollTop !== scrollTop) {
+                    loadCount++;
+                    $left.scrollTop = scrollTop;
+                }
+            }
+            //右部固定内容区
+            if ($table.getElementsByClassName("ant-table-fixed-right")[0]) {
+                var $right = $table.getElementsByClassName("ant-table-fixed-right")[0].getElementsByClassName("ant-table-body-inner")[0].childNodes[0].childNodes[0];
+                if ($right && obj !== 'right' && $right.scrollTop !== scrollTop) {
+                    loadCount++;
+                    $right.scrollTop = scrollTop;
+                }
+            }
+        } else {
+            loadCount--;
+        }
+    };
+
+    this.handleRadioGroupChange = function (field, v, index) {
+        var quickSearcParams = (0, _extends3.default)({}, _this4.state.quickSearcParams);
+        if (v === 'all') {
+            var searchParams = (0, _extends3.default)({}, _this4.state.searchParams);
+            delete searchParams[field + '_EQ'];
+            delete quickSearcParams[field + '_EQ'];
+            _this4.setState({ searchParams: searchParams, quickSearcParams: quickSearcParams }, function () {
+                return _this4.filterTableData();
+            });
+        } else {
+            var _searchParams = (0, _extends3.default)({}, _this4.state.searchParams);
+            _searchParams[field + '_EQ'] = v;
+            quickSearcParams[field + '_EQ'] = v;
+            _this4.setState({ searchParams: _searchParams, quickSearcParams: quickSearcParams }, function () {
+                return _this4.filterTableData();
+            });
+        }
+    };
+
+    this.onCheckbuttonSearch = function () {
+        var searchParams = {};
+        _this4.checkbuttons.validateFields(function (err, values) {
+            if (!err) {
+                for (var key in values) {
+                    if (values[key]) {
+                        if (key.endsWith('_IN')) {
+                            if (values[key] && values[key].length > 0) {
+                                searchParams[key] = values[key];
+                            }
+                        } else {
+                            searchParams[key] = values[key];
+                        }
+                    }
+                }
+            }
+        });
+        _this4.setState({ searchParams: searchParams }, function () {
+            return _this4.filterTableData();
+        });
+    };
+
+    this.buildParentColumns = function (columns) {
+        var parentColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+        if (!parentColumns || parentColumns.length === 0) {
+            return columns;
+        }
+        var _columns = [].concat((0, _toConsumableArray3.default)(columns));
+        _columns = _columns.map(function (i, index) {
+            return (0, _extends3.default)({}, i, { index: index });
+        });
+
+        parentColumns.map(function (item) {
+            var children = item.children.map(function (i) {
+                return i.toUpperCase();
+            }); //把对应的dataIndex转为大写判断
+            var _parentColumns = _columns.filter(function (i) {
+                return children.includes(i.dataIndex);
+            });
+            if (_parentColumns.length > 0) {
+                _columns.splice(_parentColumns[0].index, _parentColumns.length, {
+                    title: item.title,
+                    children: _parentColumns
+                });
+                _columns = _columns.map(function (i, index) {
+                    return (0, _extends3.default)({}, i, { index: index });
+                });
+            }
+        });
+        return _columns;
+    };
+};
+
+exports.default = NHTable;