dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyTable/index.js

@@ -0,0 +1,2075 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _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 _KyModal = require('../KyModal');
+
+var _KyModal2 = _interopRequireDefault(_KyModal);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+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/components/KyTable/index.less');
+
+var _checkButtons = require('./checkButtons');
+
+var _checkButtons2 = _interopRequireDefault(_checkButtons);
+
+var _marqueenText = require('./marqueenText');
+
+var _marqueenText2 = _interopRequireDefault(_marqueenText);
+
+var _reactResizable = require('react-resizable');
+
+var _virtuallistAntd = require('virtuallist-antd');
+
+var _data = require('./data.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Search = _input2.default.Search;
+var loadCount = 0;
+/*
+searchList配置参数
+[
+    {
+        title:'发布状态',
+        field:'zt',
+        isLeftFixed:false,
+        list:[
+            {value:'1',text:'已发布'},
+            {value:'0',text:'未发布'},
+        ]
+    }
+]
+*/
+/* 
+selectConfig配置参数
+{
+    title: '申报状态',
+    field: 'STATE_CODE',
+    list: [
+      { value: '1', label: '评审中' },
+      { value: '2', label: '通过' },
+      { value: '3', label: '不通过' },
+    ],
+},
+*/
+/**
+ * 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 KyTable = function (_React$Component) {
+  (0, _inherits3.default)(KyTable, _React$Component);
+  (0, _createClass3.default)(KyTable, [{
+    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,
+          initParams = nextProps.initParams;
+
+
+      if (this.columnsIsChange(columns)) {
+        //判断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 KyTable(props) {
+    (0, _classCallCheck3.default)(this, KyTable);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyTable.__proto__ || (0, _getPrototypeOf2.default)(KyTable)).call(this, props));
+
+    _initialiseProps.call(_this);
+
+    _this.state = {
+      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, //Table的列配置
+        columnsAfterFixed: undefined, //根据字段定义长度后的column,重置表格时如果存在该值就用这个替换原有column
+        searchList: undefined, // 搜索列表配置
+        showTableHeaderScroll: false // 表头在无内容时是否存在滚动（实现空表格滚动条功能）
+      },
+      highSearch: false,
+      pageCount: 0,
+      resetData: false, // 查询时需要重置列表数据，loadMore下有效
+      quickSearcParams: {}, // 快捷搜索查询参数
+      hightSearchData: [],
+      highSearchFetching: false, //是否正在获取高级搜索数据
+
+      //以下是列宽适应优化新增的
+      actionColumnsCfg: undefined, //操作列的配置，只有在数据有改变的时候，才需要重新计算该配置
+      selectValue: 'all' //下拉筛选值
+    };
+    return _this;
+  }
+  //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+
+  (0, _createClass3.default)(KyTable, [{
+    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;
+      window.addEventListener('resize', this.refreshHeight, false);
+      if (highSearch && (0, _keys2.default)(searchParams).length == 0) {
+        this.setState({ highSearch: true, searchParams: {} });
+      } else if (highSearch) {
+        this.setState({ highSearch: true });
+      }
+      if (this.existHightSearchTableSelect() || this.exitCheckButtonSelect()) {
+        // 加载高级搜索数据
+        this.getHightSearchData();
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.refreshHeight, false);
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      if (this.state.params.rowKey !== undefined) {}
+      // this.refreshHeight();
+
+      // this.tableHeaderScrollListener(); // 判断是否需要显示滚动条
+    }
+  }, {
+    key: 'columnsIsChange',
+    value: function columnsIsChange(columns) {
+      if (!columns || !(columns instanceof Array)) return false;
+      if (columns.length !== this.state.params.columns.length) return true;
+      var oldColumns = this.state.params.columns;
+      //当新旧columns存在任何一个不相同的key时
+      for (var i = 0; i < columns.length; i++) {
+        for (var j = 0; j < oldColumns.length; j++) {
+          if (i === j && columns[i].dataIndex != oldColumns[j].dataIndex) return true;
+        }
+      }
+      return false;
+    }
+
+    /** 处理表格的高度 */
+
+
+    /** 设置适应的列宽度 */
+
+
+    // 设置表格内容高度
+
+
+    /**
+     * 获取通用查询的参数
+     */
+
+
+    /* 新版 */
+    /*  refreshHeight = () => {
+      //如果需要自适应高度
+      if (
+        !this.state.params.autoHeightFlag &&
+        document.getElementsByClassName(this.state.className)
+      ) {
+        let lastHeight = this.state.height;
+        // let tableDivHeight = getSuitHeight(
+        //   document.getElementsByClassName(this.state.className)[0].parentNode
+        // );
+        let tableDivHeight = getTableDivHeigh(
+          this.props.height,
+          this.props.autoHeightFlag,
+          this.state.className,
+          this.xguiTable,
+          this.props.bottomHeight || 0
+        );
+        let height = getSuitHeight(document.getElementsByClassName(this.state.className)[0]);
+        height = height > tableDivHeight ? height : tableDivHeight;
+        let titleHeight =
+          this.state.params.titleHeight || this.state.params.titleHeight === 0
+            ? this.state.params.titleHeight
+            : 40;
+        //如果不显示头部，则头部的高度为0
+        if (this.state.params.showHeader !== true) {
+          titleHeight = 0;
+        }
+        let $table = document.getElementsByClassName(this.state.className)[0];
+        if ($table.getElementsByClassName('ant-table-header')[0]) {
+          // 获取表格头部的高度 防止头部标题换行导致页码溢出
+          titleHeight = $table.getElementsByClassName('ant-table-header')[0].offsetHeight;
+        }
+        let reduceHeight = 40 + titleHeight + 24;
+        if (this.state.params.footerFlag === false) {
+          reduceHeight = 5 + titleHeight;
+        }
+        // 表头上方一行按钮配置
+        let $btn = document.getElementsByClassName('ky-table-btn')[0];
+        if ($btn) {
+          reduceHeight += $btn.offsetHeight;
+        }
+        // 获取高级搜索高度
+        let $heightSearch = document.getElementsByClassName('xgui-nhTableNew-highSearch')[0];
+        if ($heightSearch) {
+          reduceHeight += $heightSearch.offsetHeight - 40;
+        }
+        height = height - reduceHeight;
+        if ($table.getElementsByClassName('ant-table-tbody')[0]) {
+          const tableBodyHeight = $table.getElementsByClassName('ant-table-tbody')[0].offsetHeight;
+          // -24是减去页码的高度，防止页码显示不全问题
+          if (tableBodyHeight < height - 24 && tableBodyHeight) {
+            //如果高度不溢出，则scroll.y设置undefined, 为解决tableY轴未滚动时宽度异常
+            height = undefined;
+          }
+        }
+        if (
+          (lastHeight === undefined && height !== undefined) ||
+          (lastHeight !== undefined && height === undefined) ||
+          (lastHeight !== undefined && height !== undefined && lastHeight !== height)
+        ) {
+          this.setState({
+            height: height,
+            tableDivHeight: tableDivHeight,
+          });
+        }
+          let parentColumns = this.props.parentColumns;
+        let colSpanDom = document
+          .getElementsByClassName(this.state.className)[0]
+          .querySelectorAll(
+            '.ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th[colspan]'
+          );
+        if (colSpanDom.length > 0 && !this.props.bordered && parentColumns) {
+          //给无边框Table的合并列加上边框区分，这个需求不太合理-_-，没有办法，只能在这里硬性用js手动添加上去了，可能不太优雅
+          // 存在二级表头的内容
+          // 设置其中一级表头的边框
+          for (var i = 0; i < colSpanDom.length; i++) {
+            let nowEle = colSpanDom[i];
+            let prevEle = getNearEle(nowEle, 1); //上一节点
+            let 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';
+            }
+          }
+          // 设置其中二级表头的边框
+          parentColumns &&
+            parentColumns.length > 0 &&
+            parentColumns.map(i => {
+              let colDataIndex = i.children[i.children.length - 1]; //取对应列的dataIndex
+              let colId = colDataIndex.toUpperCase() + this.state.className; //取对应列表头的id
+              let colNode = document.getElementById(colId);
+              if (colNode) {
+                //找到对应的dom节点 添加border
+                colNode.style.borderRight = '1px solid #e8e8e8';
+              }
+            });
+        }
+      }
+    }; */
+
+    //固定通用方法
+    //搜索操作
+
+    //重置操作
+
+
+    //重新加载数据数据的方法（从第一页开始）
+
+    /**
+     * 在当前页刷新数据
+     * @param {*} flag 是否触发列宽适应的后续操作
+     */
+
+    //当Table有变动的时候会触发此方法
+
+
+    //导出Excel
+
+
+    //执行导出Excel操作
+
+    /** 拖拽表头组件 */
+
+
+    /** 覆盖Table组件的元素 */
+    // components = (height, data) => {
+    //   // 数据量大于60条且isVirtualList为true时开启虚拟列表【该功能或存在异常 暂未试用功能】
+    //   return data && data.length > 60 && this.props.isVirtualList
+    //     ? {
+    //         ...VList({
+    //           height: height,
+    //         }),
+    //         header: {
+    //           cell: this.ResizableTitle,
+    //         },
+    //       }
+    //     : {
+    //         header: {
+    //           cell: this.ResizableTitle,
+    //         },
+    //       };
+    // };
+
+
+    /**
+     * 拼接上二级表头
+     * @param {*} columns table的columns
+     * @param {*} parentColumns 二级表头内容
+     * @returns 返回拼接后的columns
+     */
+
+
+    /** 去除掉columns的width，使其重新自动计算宽度 */
+
+
+    /** 监听空表格表头是否存在滚动 */
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this3 = this;
+
+      if (this.state.params.rowKey === undefined) {
+        return null;
+      }
+      /****************************以下部分页的参数,如果不需要尾部则这些信息不需要进行设置*********************************/
+      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',
+          columnWidth: 63,
+          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);
+          }
+        };
+      };
+      /****************************以下获取能用于通用搜索的参数*********************************/
+      var maxSearchTitle = 2;
+      var searchLength = 0;
+      var advanceCheckbtns = [];
+      var showAdvancBtn = false;
+      var showCheckbtns = false;
+      var tyOptions = this.state.params.columns.map(function (item, index) {
+        if (item.checkButton) advanceCheckbtns.push(item);
+        if (item.searchType) showAdvancBtn = true;
+        if (item.checkButton) showCheckbtns = true;
+        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;
+      // let showAdvancBtn = this.existHightSearch();
+      // let showCheckbtns = this.exitCheckButtonSelect();
+      var columnsCfg = (0, _data.getColumns)(this.state.params.columns, this.state.actionColumnsCfg, this.state.className, this.props, this.state.pageData);
+      columnsCfg.columns = this.buildParentColumns(columnsCfg, this.props.parentColumns);
+      return _react2.default.createElement(
+        'div',
+        {
+          className: 'ky-nhTable',
+          style: { height: tableDivHeight, width: '100%' },
+          ref: function ref(el) {
+            return _this3.xguiTable = el;
+          }
+        },
+        this.state.params.searchDivFlag !== false ? this.state.highSearch ? _react2.default.createElement(
+          'div',
+          { className: 'ky-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,
+            parentColumns: this.props.parentColumns
+          })
+        ) : _react2.default.createElement(
+          'div',
+          { className: 'xgui-table-searchDiv' },
+          this.props.selectConfig && _react2.default.createElement(
+            'div',
+            { className: 'select_state' },
+            _react2.default.createElement(
+              'span',
+              null,
+              this.props.selectConfig.title,
+              '\uFF1A'
+            ),
+            _react2.default.createElement(
+              _select2.default,
+              {
+                // defaultValue="all"
+                value: this.state.selectValue,
+                style: { width: 240, marginRight: '64px' },
+                onChange: function onChange(val) {
+                  _this3.handleRadioGroupChange(_this3.props.selectConfig.field, val);
+                }
+              },
+              _react2.default.createElement(
+                Option,
+                { value: 'all' },
+                '\u5168\u90E8'
+              ),
+              this.props.selectConfig.list.map(function (item, index) {
+                return _react2.default.createElement(
+                  Option,
+                  { value: item.value, key: index },
+                  item.label
+                );
+              })
+            )
+          ),
+          this.props.hiddenPartialSearch ? _react2.default.createElement(Search, {
+            placeholder: '\u8BF7\u8F93\u5165\u67E5\u8BE2\u6761\u4EF6',
+            onSearch: this.onSearch,
+            value: this.state.searchText,
+            onChange: this.zdySearchTextChange,
+            style: { width: '100%' }
+          }) : _react2.default.createElement(
+            'span',
+            null,
+            _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 8px 0 12px' }, 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: {} });
+                },
+                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: '12px' } },
+          _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: '12px' } },
+          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',
+          { className: 'ky-table-btn', style: { marginBottom: '12px' } },
+          _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: 'ky-nhTable-tips-div' },
+          _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 + ' ' + (this.state.showTableHeaderScroll ? 'showHeaderScroll' : ''),
+          size: this.props.size || 'small',
+          rowKey: this.state.params.rowKey,
+          rowSelection: rowSelection,
+          dataSource: this.state.data,
+          columns: columnsCfg.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: !this.props.isMaxContent_x ? columnsCfg.width : 'max-content',
+            y: this.state.height
+          },
+          components: this.state.params.autoHeightFlag === true ? undefined : this.isIE() ? undefined : this.components
+          // components={this.components(this.state.height, this.state.data)}
+          , onRow: onRow,
+          rowClassName: this.props.rowClassName
+        }),
+        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(
+          _KyModal2.default,
+          {
+            ref: function ref(ele) {
+              return _this3.nhExportExcelModal = ele;
+            },
+            title: this.props.exportTitle,
+            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            .ky-nhTable\n              .ant-table-small\n              > .ant-table-content\n              > .ant-table-scroll\n              > .ant-table-body\n              > div\n              > div:first-child\n              > table {\n              margin-bottom: ' + columnsCfg.bodyContentMarginBottom + 'px;\n            }\n            .ky-nhTable\n              .ant-table-small\n              > .ant-table-content\n              > .ant-table-fixed-left\n              > .ant-table-body-outer\n              > .ant-table-body-inner\n              > div\n              > div:first-child\n              > table {\n              margin-bottom: 12px;\n            }\n            .ky-nhTable\n              .ant-table-small\n              > .ant-table-content\n              > .ant-table-fixed-right\n              > .ant-table-body-outer\n              > .ant-table-body-inner\n              > div\n              > div:first-child\n              > table {\n              margin-bottom: 12px;\n            }\n          '
+        )
+      );
+    }
+  }]);
+  return KyTable;
+}(_react2.default.Component);
+
+KyTable.defaultProps = {
+  sign: undefined, //【强制存在】数据源的标志
+  searchParams: {}, //【推荐存在】查询条件的参数
+  sqlParams: {}, //【根据需求判断】放在sql语句语句中的参数
+  initParams: {}, //初始化过滤的参数，这个不会根据重置而改变
+  height: undefined, //【根据需求判断】自定义的高度
+  tip: undefined, //【根据需求判断】是否需要提示信息
+  onSelect: undefined,
+  action: [], //操作列
+  actionLength: 2, //操作列最多显示的列数，超出的收起
+  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数组]}
+
+  closeResizeableTitle: false, //是否关闭拖拽表头调整宽度，默认开启
+  closeAdjustColumnWidth: false, //是否关闭通过计算内容宽度重绘表格，默认开启
+  adjustMaxWidth: 200, //内容宽度重绘列的最大宽度，默认为200px，即columns初始未配置宽度时，最大的自适应宽度为200px，超过则显示省略号
+  bottomHeight: 0, //距离底部的距离
+
+  mockDataSource: undefined, //列表的dataSource，sign为空时列表这个DataSource 方便以后原型做模拟数据【/狗头】
+  isVirtualList: false, //是否开启虚拟列表 &数据量在60条后生效，开启后会渲染可视范围内的列表，提高渲染效率，在大数据量下使用，建议在没有固定列的table中使用，会有一些异常的情况出现 如滚动时会出现短时间的白屏等问题 固定列bug 需要升级antd4.x，等后期优化。【不推荐】
+  exportTitle: '导出Excel', //导出model标题
+  isMaxContent_x: false, // 是否自动调整内容合适的宽度，在固定列后，手动设置scroll{x: Number}有可能错位，即出现白色垂直空隙或者重复边框，所以设置为max-content（还有一种办法是使其中一列不设置width属性，但在此处不合适）。
+  selectConfig: undefined //下拉筛选
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this4 = this;
+
+  this.existHightSearchTableSelect = function () {
+    return _this4.state.params.columns.some(function (item) {
+      return item.searchType === 'select' && !item.sign && !item.dmbz;
+    });
+  };
+
+  this.exitCheckButtonSelect = function () {
+    return _this4.state.params.columns.some(function (item) {
+      return item.checkButton;
+    });
+  };
+
+  this.existHightSearch = function () {
+    return _this4.state.params.columns.some(function (item) {
+      return item.searchType;
+    });
+  };
+
+  this.refreshTable = function () {
+    var params = _this4.state.params;
+    var columns = params.columns;
+
+    var columnsHandle = (0, _data.handleTableColumns)(columns, _this4.props, _this4.state.className); //第一次进来处理一下列的信息
+    var tableDivHeight = (0, _data.getTableDivHeigh)(_this4.props.height, _this4.props.autoHeightFlag, _this4.state.className, _this4.xguiTable, _this4.props.bottomHeight || 0); //第一次进来先获取
+    params.columns = columnsHandle;
+    _this4.setState({
+      params: params,
+      tableDivHeight: tableDivHeight
+    });
+  };
+
+  this.adjustColumnWidth = function () {
+    var _state = _this4.state,
+        params = _state.params,
+        _state$calTime = _state.calTime,
+        calTime = _state$calTime === undefined ? 0 : _state$calTime,
+        changed = _state.changed,
+        className = _state.className;
+    var columns = params.columns;
+    var _props = _this4.props,
+        actions = _props.actions,
+        _props$closeAdjustCol = _props.closeAdjustColumnWidth,
+        closeAdjustColumnWidth = _props$closeAdjustCol === undefined ? false : _props$closeAdjustCol,
+        _props$adjustMaxWidth = _props.adjustMaxWidth,
+        adjustMaxWidth = _props$adjustMaxWidth === undefined ? 200 : _props$adjustMaxWidth;
+
+    columns.forEach(function (col, index) {
+      var thDom = document.getElementById(col.dataIndex + className) || {};
+      var thWidth = thDom.scrollWidth;
+      col.widthToCalScallWidth = thWidth; //用于计算真实dom所需要的滚动宽度
+      if (closeAdjustColumnWidth) {
+        col.ellipsis = true;
+        changed = true;
+      } else if (thWidth > adjustMaxWidth) {
+        //存在适应的存在宽度则 设置最大宽度adjustMaxWidth，默认为200
+        thWidth = adjustMaxWidth;
+        col.ellipsis = true;
+        changed = true;
+      }
+      // 防止获取不到thWidth时宽度混乱
+      if (thWidth) {
+        col.width = thWidth;
+        col.minWidth = thWidth;
+      }
+    });
+    params.columns = columns;
+
+    // 限制重新计算的次数
+    if (!changed && calTime < 1) {
+      // setTimeout(() => {
+      //   this.adjustColumnWidth();
+      // }, 100);
+      // 时间太短的话，渲染还未完成，获取的宽高还是之前的
+      _this4.setState({ calTime: calTime + 1 }, function () {
+        _this4.adjustColumnWidth();
+      });
+    } else {
+      _this4.refreshHeight();
+      _this4.setState({
+        params: params,
+        changed: changed,
+        scrollY: 600
+      }, _this4.refreshTable);
+    }
+  };
+
+  this.setTableContentHeight = function (height) {
+    if (!height) return;
+    var boxDom = document.getElementsByClassName(_this4.state.className)[0];
+    if (boxDom) {
+      var tableDom = boxDom.querySelector('.ant-table .ant-table-body');
+      var placeholderDom = boxDom.querySelector('.ant-table .ant-table-placeholder');
+      if (tableDom) {
+        tableDom.style.minHeight = height + 'px';
+      }
+    }
+  };
+
+  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.columnsAfterFixed = params.columns; //备份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.columnsAfterFixed = _this4.props.columns; //备份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] && 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 && $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] ? document.getElementsByClassName(_this4.state.className)[0].querySelectorAll('.ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th[colspan]') : "";
+      if (colSpanDom && 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]) {
+            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('_dateRange')) {
+              if (values[key] && values[key].length > 0) {
+                searchParams[key.replace(key, 'D_KSSJ_GTEQ')] = values[key][0].valueOf(); //开始时间
+                searchParams[key.replace(key, 'D_JSSJ_LTEQ')] = values[key][1].valueOf(); //结束时间
+              } else {
+                delete searchParams[key];
+                delete searchParams[key];
+              }
+            } else if (key.endsWith('_dateTimeRange')) {
+              if (values[key] && values[key].length > 0) {
+                searchParams[key.replace(key, 'DT_KSSJ_GTEQ')] = values[key][0].valueOf(); //开始时间
+                searchParams[key.replace(key, 'DT_JSSJ_LTEQ')] = values[key][1].valueOf(); //结束时间
+              } else {
+                delete searchParams[key];
+                delete searchParams[key];
+              }
+            } 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("'", '') : searchText
+    }, 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: { ...quickSearcParams, ...this.props.searchParams }, //自定义的搜索条件
+        searchParams: (0, _extends3.default)({}, _this4.props.searchParams), //自定义的搜索条件
+        searchTextMap: {}, //下拉框查询的值,用作查询
+        searchText: '',
+        searchField: _this4.state.tySearchAllField,
+        selectValue: 'all',
+        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({
+      pageData: {
+        total: 0,
+        pageSize: _this4.props.defaultPageSize,
+        page: 1
+      }
+    }, function () {
+      return _this4.readTableData(true);
+    });
+  };
+
+  this.loadMoreData = function () {
+    _this4.setState({
+      pageData: {
+        total: _this4.state.pageData.total,
+        pageSize: _this4.state.pageData.pageSize,
+        page: _this4.state.pageData.page + 1
+      },
+      resetData: false
+    }, function () {
+      return _this4.readTableData(true);
+    });
+  };
+
+  this.flushLoadMoreData = function () {
+    _this4.setState({
+      pageData: {
+        total: _this4.state.pageData.total,
+        pageSize: _this4.state.pageData.pageSize,
+        page: 1
+      },
+      data: [],
+      resetData: true
+    }, function () {
+      return _this4.readTableData(true);
+    });
+  };
+
+  this.readTableData = function (flag) {
+    var params = _this4.getFilterParams();
+    _this4.setState({ loading: true });
+    var baseUrl = _this4.props.baseUrl || window.baseUrl || '';
+    var _props2 = _this4.props,
+        sign = _props2.sign,
+        mockDataSource = _props2.mockDataSource;
+
+    if (!sign && mockDataSource) {
+      _this4.setState({
+        data: mockDataSource,
+        selectedRowKeys: [],
+        selectedRows: [],
+        pageCount: mockDataSource.length,
+        loading: false,
+        height: undefined,
+        pageData: {
+          total: mockDataSource.length,
+          pageSize: _this4.state.pageData.pageSize,
+          page: _this4.state.pageData.page
+        },
+        actionColumnsCfg: (0, _data.getActions)(_this4.props.action, mockDataSource || [], _this4.props.actionLength)
+      }, function () {
+        _this4.props.rowSelectionChange && _this4.props.rowSelectionChange([]);
+        _this4.props.onSelect && _this4.props.onSelect([], []);
+        _this4.adjustColumnWidth();
+        _this4.tableHeaderScrollListener(); // 判断是否需要显示滚动条
+      });
+    } else {
+      var url = _this4.state.params.url ? _this4.state.params.url : baseUrl + '/proData/gridList';
+      // if (flag && this.props.columns) {
+      //   this.adjustColumnWidth(); // 先进行调整，否则表头内容都会挤到一起
+      // }
+      (0, _NHFetch2.default)(url, 'POST', params).then(function (res) {
+        var height = _this4.state.height;
+
+        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
+            },
+            actionColumnsCfg: (0, _data.getActions)(_this4.props.action, res.data.list ? res.data.list : [], _this4.props.actionLength),
+            loading: false,
+            height: flag ? undefined : height
+          }, function () {
+            _this4.props.rowSelectionChange && _this4.props.rowSelectionChange([]);
+            _this4.props.onSelect && _this4.props.onSelect([], []);
+            _this4.props.onLoad && _this4.props.onLoad(res.data);
+            _this4.refreshHeight();
+            _this4.tableHeaderScrollListener(); // 判断是否需要显示滚动条
+          });
+          _this4.refreshHeight();
+          return;
+        }
+        _this4.setState({ loading: false, height: undefined });
+        _this4.refreshHeight();
+        _this4.tableHeaderScrollListener(); // 判断是否需要显示滚动条
+      }).catch(function (res) {
+        _this4.setState({ loading: false, height: undefined }, function () {
+          _this4.adjustColumnWidth();
+          _this4.refreshHeight();
+          _this4.tableHeaderScrollListener(); // 判断是否需要显示滚动条
+        });
+        return res;
+      });
+    }
+  };
+
+  this.getHightSearchData = function (callback) {
+    var params = _this4.getFilterParams();
+    var baseUrl = _this4.props.baseUrl || window.baseUrl || '';
+    params.pagination = {
+      page: 1,
+      pageSize: 1 << 31 - 1
+    };
+    _this4.setState({ highSearchFetching: true });
+    var _props3 = _this4.props,
+        sign = _props3.sign,
+        mockDataSource = _props3.mockDataSource;
+
+    if (!sign && mockDataSource) {
+      // 若不存在sign 且存在模拟数据则 不查询接口
+      setTimeout(function () {
+        _this4.setState({
+          hightSearchData: mockDataSource || [],
+          highSearchFetching: false
+        }, function () {
+          callback && typeof callback === 'function' && callback();
+        });
+      }, 500);
+    } else {
+      var url = _this4.state.params.url ? _this4.state.params.url : 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; //传递过来的查询参数
+    // isAndPropsSearch：该字段是为了确定不影响到其他项目设置的，如果后续确定和外部传进来的参数一起使用，可以删除该字段
+    if (_this4.props.isAndPropsSearch) {
+      // 修复存在外部查询参数的前提下，使用表格的搜索功能直接从所有数据查询
+      searchParams = (0, _extends3.default)({}, searchParams, _this4.props.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 {
+        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 || window.baseUrl || '';
+      var exportExcelCacheDataUrl = _this4.props.exportExcelCacheDataUrl || '';
+      var cacheDataUrl = exportExcelCacheDataUrl ? exportExcelCacheDataUrl : '/proData/gridList/excel/params';
+      (0, _NHFetch2.default)(baseUrl + cacheDataUrl, 'POST', params).then(function (res) {
+        if (res) {
+          if (!res.data) {
+            _message3.default.info('请刷新浏览器，重新再执行此操作！');
+            stopLoading();
+            return;
+          }
+          // 本地
+          window.open(baseUrl + '/proData/gridList/excel/export?uuid=' + res.data, '_blank');
+        }
+        stopLoading();
+      }).catch(function (err) {
+        return stopLoading();
+      });
+    } else {
+      _message3.default.warn('最大的导出数量为40000，当前导出数据量过大，无法执行导出操作！');
+      stopLoading();
+      return;
+    }
+  };
+
+  this.encodeSql = function (params) {
+    for (var key in params) {
+      if (key.toUpperCase().startsWith('SQL_') && 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.ResizableTitle = function (props) {
+    var onResize = props.onResize,
+        width = props.width,
+        minWidth = props.minWidth,
+        _onClick = props.onClick,
+        restProps = (0, _objectWithoutProperties3.default)(props, ['onResize', 'width', 'minWidth', 'onClick']);
+    var closeResizeableTitle = _this4.props.closeResizeableTitle;
+
+    if (closeResizeableTitle) {
+      return _react2.default.createElement('th', restProps);
+    } else {
+      return _react2.default.createElement(
+        _reactResizable.Resizable,
+        {
+          width: +parseFloat(width) || 100,
+          height: 0,
+          onResize: function onResize(e, data) {
+            var size = data.size;
+
+            var nextColumns = void 0;
+            var params = _this4.state.params;
+            var _params$columns = params.columns,
+                columns = _params$columns === undefined ? [] : _params$columns;
+            // 拖拽表头时 若拖拽后宽度大于列宽的最小值时 更新columns配置
+
+            var index = columns.findIndex(function (i) {
+              return i.dataIndex + _this4.state.className === props.id;
+            });
+            if (columns[index] && size.width > parseFloat(columns[index].minWidth)) {
+              nextColumns = [].concat((0, _toConsumableArray3.default)(columns));
+              nextColumns[index].width = size.width;
+              nextColumns[index].resizeWidth = size.width;
+              params.columns = nextColumns; //表格的columns
+              params.columnsAfterFixed = nextColumns; //表格的columns的备份
+              _this4.setState({
+                params: params
+              });
+            }
+          },
+          onResizeStart: function onResizeStart() {
+            _this4.resizing = true;
+          },
+          onResizeStop: function onResizeStop() {
+            setTimeout(function () {
+              _this4.resizing = false;
+            });
+          },
+          draggableOpts: { enableUserSelectHack: false }
+        },
+        _react2.default.createElement('th', (0, _extends3.default)({
+          onClick: function onClick() {
+            if (!_this4.resizing && _onClick) {
+              _onClick.apply(undefined, arguments);
+            }
+          }
+        }, restProps))
+      );
+    }
+  };
+
+  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, selectValue: v }, 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, selectValue: v }, 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 (columnsCfg) {
+    var parentColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+    var columns = columnsCfg.columns;
+    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, (0, _extends3.default)({}, item, {
+          children: _parentColumns,
+          cacheFixed: item.fixed
+        }));
+        _columns = _columns.map(function (i, index) {
+          return (0, _extends3.default)({}, i, { index: index });
+        });
+      }
+    });
+
+    // 二级表头需要在此处处理，在getColumns()中获取不到parentColumns
+    if (document.getElementsByClassName(_this4.state.className)[0]) {
+      //列表的宽度
+      var tableWidth = document.getElementsByClassName(_this4.state.className)[0].offsetWidth;
+      _columns.map(function (item, index) {
+        if (item.children) {
+          if (columnsCfg.width > tableWidth) {
+            if (item.cacheFixed) {
+              item.fixed = item.cacheFixed;
+            }
+          } else {
+            delete item.fixed;
+          }
+        }
+      });
+    }
+    return _columns;
+  };
+
+  this.reBuildColumns = function () {
+    if (_this4.props.closeAdjustColumnWidth || !_this4.props.columns) {
+      // 若关闭列表自适应 或 列由后端传值
+      return;
+    }
+    // 去除掉columns的width，使其重新自动计算宽度
+    var newColumns = [];
+    var columns = _this4.props.columns;
+    var params = _this4.state.params;
+
+    params.columns = columns;
+    _this4.setState({
+      params: params
+    });
+    _this4.refreshTable();
+  };
+
+  this.tableHeaderScrollListener = function () {
+    var tableEle = document.getElementsByClassName(_this4.state.className);
+    if (tableEle.length > 0) {
+      // 获取空表格
+      var emptyEle = tableEle[0].getElementsByClassName('ant-table-empty');
+      if (emptyEle.length > 0) {
+        var topWidth = 0;
+        var tableWidth = 0;
+        // 获取空表格表头容器
+        var headerEle = emptyEle[0].getElementsByClassName('ant-table-header');
+        if (headerEle.length > 0) {
+          // 获取空表格表头内容
+          var table = headerEle[0].getElementsByTagName('table');
+          topWidth = headerEle[0].offsetWidth;
+          tableWidth = table[0].offsetWidth;
+          // 如果容器小于内容，说明需要滚动条
+          if (topWidth < tableWidth && !_this4.state.showTableHeaderScroll) {
+            _this4.setState({
+              showTableHeaderScroll: true
+            });
+          } else if (topWidth >= tableWidth && _this4.state.showTableHeaderScroll) {
+            _this4.setState({
+              showTableHeaderScroll: false
+            });
+          }
+        }
+      }
+    }
+  };
+};
+
+exports.default = KyTable;