dlt-for-react 1.0.1

package/lib/components/NHSelector/index.js

@@ -0,0 +1,562 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHSelector = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _selectormodal = require('./selectormodal');
+
+var _selectormodal2 = _interopRequireDefault(_selectormodal);
+
+var _tree = require('./tree');
+
+var _tree2 = _interopRequireDefault(_tree);
+
+var _resultview = require('./resultview');
+
+var _resultview2 = _interopRequireDefault(_resultview);
+
+var _table = require('./table');
+
+var _table2 = _interopRequireDefault(_table);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//Modal的最大宽度、高度为屏幕宽度、高度的2/3
+var maxWidth = window.screen.width - 20;
+var maxHeight = window.screen.height - 108;
+
+var NHSelector = exports.NHSelector = function (_React$Component) {
+    (0, _inherits3.default)(NHSelector, _React$Component);
+
+    function NHSelector(props) {
+        (0, _classCallCheck3.default)(this, NHSelector);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHSelector.__proto__ || (0, _getPrototypeOf2.default)(NHSelector)).call(this, props));
+
+        _this.ansysParams = function () {
+            //先从缓存中获取配置信息，如果再缓存中没有配置信息则说明配置时在前端书写
+            var paramsStr = sessionStorage.getItem("nhParams");
+            var params = undefined;
+            if (paramsStr != undefined) {
+                var params1 = JSON.parse(paramsStr);
+                if (params1.selector !== undefined && params1.selector[_this.props.sign]) {
+                    params = params1.selector[_this.props.sign];
+                }
+            }
+            if (params != undefined) {
+                params.baseUrl = _this.props.baseUrl !== undefined ? _this.props.baseUrl : params.baseUrl === '' || params.baseUrl === null ? undefined : params.baseUrl;
+                params.title = _this.props.title !== "标题" ? _this.props.title : params.title;
+                params.mode = _this.props.mode !== 'treeAndTable' ? _this.props.mode : params.mode;
+                params.keyField = _this.props.keyField !== 'key' ? _this.props.keyField : params.keyField;
+                params.titleField = _this.props.titleField !== 'title' ? _this.props.titleField : params.titleField;
+                params.isSinger = _this.props.isSinger !== false ? _this.props.isSinger : params.isSinger === 'false' || params.isSinger === '' || params.isSinger === undefined ? false : true;
+                params.singerBottomShowFlag = _this.props.singerBottomShowFlag !== false ? _this.props.singerBottomShowFlag : params.singerBottomShowFlag === 'false' || params.singerBottomShowFlag === '' || params.singerBottomShowFlag === undefined ? false : true;
+                params.treeShowIcon = _this.props.treeShowIcon !== false ? _this.props.treeShowIcon : params.treeShowIcon === 'false' || params.treeShowIcon === '' || params.treeShowIcon === undefined ? false : true;
+                params.footerFlag = _this.props.footerFlag !== true ? _this.props.footerFlag : params.footerFlag === 'true' || params.footerFlag === '' || params.footerFlag === undefined ? true : false;
+                params.columns = _this.props.columns !== undefined ? _this.props.columns : params.columns;
+                params.searchField = _this.props.searchField !== undefined ? _this.props.searchField : params.searchField;
+                params.searchWidth = _this.props.searchWidth !== '230' ? _this.props.searchWidth : params.searchWidth;
+                params.placeholder = _this.props.placeholder !== '请输入查询条件' ? _this.props.placeholder : params.placeholder;
+                params.showHeader = _this.props.showHeader !== true ? _this.props.showHeader : params.showHeader === 'true' || params.showHeader === '' || params.showHeader === undefined ? true : false;
+                params.searchRender = _this.props.searchRender !== undefined ? _this.props.searchRender : params.searchRender;
+                params.rowRender = _this.props.rowRender !== undefined ? _this.props.rowRender : params.rowRender;
+                params.singerBottomShowRender = _this.props.singerBottomShowRender;
+                if (_this.props.singerBottomShowRender !== undefined && (0, _keys2.default)(_this.props.funcParams).length !== 0) {
+                    params.singerBottomShowRender = funcParams[params.singerBottomShowRender];
+                }
+                params.footerRender = _this.props.footerRender;
+                if (_this.props.footerRender !== undefined && (0, _keys2.default)(_this.props.funcParams).length !== 0) {
+                    params.footerRender = funcParams[params.footerRender];
+                }
+                //计算宽度和高度
+                var height = parseInt(_this.props.height !== undefined ? _this.props.height : params.height, 10) > maxHeight ? maxHeight : parseInt(_this.props.height !== undefined ? _this.props.height : params.height, 10);
+                var treeWidth = (_this.props.treeWidth !== undefined ? _this.props.treeWidth : params.treeWidth) ? parseInt(_this.props.treeWidth !== undefined ? _this.props.treeWidth : params.treeWidth, 10) : 0;
+                var tableWidth = (_this.props.tableWidth !== undefined ? _this.props.tableWidth : params.tableWidth) ? parseInt(_this.props.tableWidth !== undefined ? _this.props.tableWidth : params.tableWidth, 10) : 0;
+                var resultWidth = (_this.props.resultWidth !== undefined ? _this.props.resultWidth : params.resultWidth) ? parseInt(_this.props.resultWidth !== undefined ? _this.props.resultWidth : params.resultWidth, 10) : 0;
+                var treeUrl = (_this.props.treeUrl !== undefined ? _this.props.treeUrl : params.treeUrl) === undefined ? (params.baseUrl ? params.baseUrl : window.baseUrl) + "/proData/selector/tree/list" : _this.props.treeUrl !== undefined ? _this.props.treeUrl : params.treeUrl;
+                var tableUrl = (_this.props.tableUrl !== undefined ? _this.props.tableUrl : params.tableUrl) === undefined ? (params.baseUrl ? params.baseUrl : window.baseUrl) + "/proData/selector/table/list" : _this.props.tableUrl !== undefined ? _this.props.tableUrl : params.tableUrl;
+                if (params.isSinger === true && params.singerBottomShowFlag === true) {
+                    resultWidth = 0;
+                }
+                if (params.mode === 'treeAndTable') {
+                    if (treeWidth + tableWidth + resultWidth + 2 > maxWidth) {
+                        tableWidth = maxWidth - treeWidth - resultWidth - 2;
+                        if (tableWidth <= 300) {
+                            tableWidth = 300;
+                        }
+                    }
+                }
+                _this.setState({
+                    params: params,
+                    height: height,
+                    treeWidth: treeWidth,
+                    tableWidth: tableWidth,
+                    resultWidth: resultWidth,
+                    treeUrl: treeUrl,
+                    tableUrl: tableUrl
+                });
+            } else {
+                var _params = {};
+                _params.baseUrl = _this.props.baseUrl;
+                _params.title = _this.props.title;
+                _params.mode = _this.props.mode;
+                _params.keyField = _this.props.keyField;
+                _params.titleField = _this.props.titleField;
+                _params.isSinger = _this.props.isSinger !== false ? _this.props.isSinger : false;
+                _params.singerBottomShowFlag = _this.props.singerBottomShowFlag !== false ? _this.props.singerBottomShowFlag : false;
+                _params.treeShowIcon = _this.props.treeShowIcon !== false ? _this.props.treeShowIcon : false;
+                _params.columns = _this.props.columns;
+                _params.searchField = _this.props.searchField;
+                _params.searchWidth = _this.props.searchWidth !== '230' ? _this.props.searchWidth : '230';
+                _params.placeholder = _this.props.placeholder;
+                _params.showHeader = _this.props.showHeader !== true ? _this.props.showHeader : true;
+                _params.searchRender = _this.props.searchRender;
+                _params.rowRender = _this.props.rowRender;
+                _params.singerBottomShowRender = _this.props.singerBottomShowRender;
+                _params.footerRender = _this.props.footerRender;
+                //计算宽度和高度
+                var _height = parseInt(_this.props.height, 10) > maxHeight ? maxHeight : parseInt(_this.props.height, 10);
+                var _treeWidth = _this.props.treeWidth ? parseInt(_this.props.treeWidth, 10) : 0;
+                var _tableWidth = _this.props.tableWidth ? parseInt(_this.props.tableWidth, 10) : 0;
+                var _resultWidth = _this.props.resultWidth ? parseInt(_this.props.resultWidth, 10) : 0;
+                var _treeUrl = _this.props.treeUrl === undefined ? (_params.baseUrl ? _params.baseUrl : window.baseUrl) + "/proData/selector/tree/list" : _this.props.treeUrl;
+                var _tableUrl = _this.props.tableUrl === undefined ? (_params.baseUrl ? _params.baseUrl : window.baseUrl) + "/proData/selector/table/list" : _this.props.tableUrl;
+                if (_this.state.params.isSinger === true && _this.props.singerBottomShowFlag === true) {
+                    _resultWidth = 0;
+                }
+                if (_this.props.mode === 'treeAndTable') {
+                    if (_treeWidth + _tableWidth + _resultWidth + 2 > maxWidth) {
+                        _tableWidth = maxWidth - _treeWidth - _resultWidth - 2;
+                        if (_tableWidth <= 300) {
+                            _tableWidth = 300;
+                        }
+                    }
+                }
+                _this.setState({
+                    params: _params,
+                    height: _height,
+                    treeWidth: _treeWidth,
+                    tableWidth: _tableWidth,
+                    resultWidth: _resultWidth,
+                    treeUrl: _treeUrl,
+                    tableUrl: _tableUrl
+                });
+            }
+        };
+
+        _this.show = function (initValues) {
+            var selectTableDataCache = _this.state.selectTableDataCache;
+
+            _this.selModal.show();
+            //刚打开弹窗的时候，里面的树等组件还未渲染
+            var obj = _this;
+            var t1 = setInterval(function () {
+                var isBoolean = (obj.state.params.mode === 'tree' || obj.state.params.mode === 'treeAndTable') && obj.lyTree || (obj.state.params.mode === 'table' || obj.state.params.mode === 'treeAndTable') && obj.lySelectorTable;
+                if (obj.lyResultView && isBoolean) {
+                    window.clearTimeout(t1);
+                    //1、初始化树和列表的数据
+                    if (obj.state.params.mode === 'tree' || obj.state.params.mode === 'treeAndTable') {
+                        obj.lyTree.getData();
+                        obj.lyTree.setCheckedKeys([]);
+                        obj.lyTree.setSelectedKeys([]);
+                    }
+                    if (obj.state.params.mode === 'table' || obj.state.params.mode === 'treeAndTable') {
+                        var isRememberLastSelect = _this.props.isRememberLastSelect; // 是否要开启记住上次选择
+
+                        var selectTableData = isRememberLastSelect ? selectTableDataCache : {};
+                        //执行初始化查询之前，先初始化树查询的条件
+                        _this.setState((0, _extends3.default)({
+                            treeTableParams: {}
+                        }, selectTableData), function () {
+                            obj.lySelectorTable.onRest();
+                        });
+                        obj.lySelectorTable.setSelectedRowKeys(isRememberLastSelect ? selectTableDataCache.selectRowKeys : [], isRememberLastSelect ? selectTableDataCache.selectRows : []);
+                    }
+                    //2、初始化展示需要显示的数据
+                    obj.lyResultView.initValues(initValues, _this.state.params.mode === 'tree' ? _this.props.treeParams : _this.props.tableParams);
+                }
+            }, 10);
+        };
+
+        _this.handleTreeSelect = function (treeSelectKeys, treeSelectNodes) {
+            //如果是tree模式，树选中的结果就是最终的选择的结果
+            if (_this.state.params.mode === 'tree') {
+                _this.setState({
+                    selectRowKeys: treeSelectKeys,
+                    selectRows: treeSelectNodes
+                });
+            } else {
+                //如果是treeAndTable模式，树选中的结果就是列表的搜索条件
+                var treeTableParams = {};
+                if (treeSelectKeys.length > 0) {
+                    var searchFieldKey = treeSelectNodes[0].SEARCH_FIELD_KEY || treeSelectNodes[0].search_field_key || treeSelectNodes[0].searchFieldKey;
+                    treeTableParams['S_' + searchFieldKey + '_EQ'] = treeSelectKeys[0];
+                }
+                _this.setState({
+                    treeTableParams: treeTableParams
+                }, function () {
+                    _this.lySelectorTable.filterTableData();
+                });
+            }
+        };
+
+        _this.handleTableSelect = function (tableSelectKeys, tableSelectNodes) {
+            _this.setState({
+                selectRowKeys: tableSelectKeys,
+                selectRows: tableSelectNodes
+            });
+        };
+
+        _this.updateSelectValues = function (selectRowKeys, selectRows) {
+            _this.setState({
+                selectRows: selectRows,
+                selectRowKeys: selectRowKeys
+            });
+            var obj = _this;
+            var t1 = setInterval(function () {
+                //使用定时器是为了解决可能出现的先加载了显示的数据，然后才加载列表和树
+                var isBoolean = _this.state.params.mode === 'tree' && obj.lyTree || _this.state.params.mode !== 'tree' && obj.lySelectorTable;
+                if (isBoolean) {
+                    window.clearTimeout(t1);
+                    if (_this.state.params.mode === 'tree') {
+                        //改变树选中的值
+                        _this.lyTree.setCheckedKeys(selectRowKeys);
+                    } else {
+                        //改变列表的值
+                        _this.lySelectorTable.setSelectedRowKeys(selectRowKeys, selectRows);
+                    }
+                }
+            }, 10);
+        };
+
+        _this.handleTree = function () {
+            return _react2.default.createElement(_tree2.default, {
+                ref: function ref(modal) {
+                    _this.lyTree = modal;
+                },
+                url: _this.state.treeUrl,
+                keyField: _this.state.params.keyField,
+                width: _this.state.treeWidth,
+                height: _this.state.height,
+                checkable: _this.state.params.mode === 'tree' ? !_this.state.params.isSinger : false //如果是tree模式，则使用设置的是否多选，否则树将作为一个搜索条件，此处只能值单选
+                , onSelect: _this.handleTreeSelect,
+                params: _this.props.treeParams,
+                sign: _this.props.sign,
+                sqlParams: _this.props.treeSqlParams,
+                showIcon: _this.state.params.treeShowIcon
+            });
+        };
+
+        _this.handleResult = function () {
+            return _react2.default.createElement(_resultview2.default, {
+                ref: function ref(modal) {
+                    _this.lyResultView = modal;
+                },
+                sign: _this.props.sign,
+                width: _this.state.resultWidth,
+                height: _this.state.height,
+                selectRows: _this.state.selectRows,
+                selectRowKeys: _this.state.selectRowKeys,
+                footerRender: _this.props.footerRender,
+                rowRender: _this.props.rowRender,
+                titleField: _this.state.params.titleField,
+                keyField: _this.state.params.keyField,
+                updateSelectValues: _this.updateSelectValues,
+                mode: _this.state.params.mode,
+                url: _this.state.params.mode === 'tree' ? _this.state.treeUrl : _this.state.tableUrl,
+                initParams: _this.props.tableParams //初始化过滤的值
+                , sqlParams: _this.props.tableSqlParams,
+                isSinger: _this.state.params.isSinger,
+                singerBottomShowFlag: _this.state.params.singerBottomShowFlag,
+                singerBottomShowRender: _this.props.singerBottomShowRender
+            });
+        };
+
+        _this.handleTable = function () {
+            return _react2.default.createElement(_table2.default, {
+
+                sign: _this.props.sign,
+                ref: function ref(modal) {
+                    _this.lySelectorTable = modal;
+                },
+                rowKey: _this.state.params.keyField,
+                keyField: _this.state.params.keyField,
+                url: _this.state.tableUrl,
+                initParams: _this.props.tableParams //初始化过滤的值
+                , sqlParams: _this.props.tableSqlParams,
+                type: _this.state.params.isSinger === true ? 'radio' : 'checkbox',
+                footerFlag: _this.state.params.footerFlag,
+                onSelect: _this.handleTableSelect //数据选中事件
+                , columns: _this.state.params.columns,
+                searchField: _this.state.params.searchField //需要查询的字段
+                , searchWidth: _this.state.params.searchWidth,
+                placeholder: _this.state.params.placeholder,
+                width: _this.props.tableWidth,
+                showHeader: _this.state.params.showHeader,
+                treeParams: _this.state.treeTableParams,
+                searchRender: _this.state.params.searchRender,
+                funcParams: _this.props.funcParams,
+                rangeFilter: _this.props.rangeFilter //是否开启职务范围过滤
+                , rangeFilterList: _this.props.rangeFilterList // 自定义职务过滤列表
+            });
+        };
+
+        _this.onOk = function () {
+            if (_this.props.onSelect) {
+                _this.props.onSelect(_this.state.selectRowKeys, _this.state.selectRows);
+            }
+            _this.selModal.close();
+            //清空此次选择的数据,缓存此次选择的数据
+            _this.setState({
+                selectTableDataCache: {
+                    selectRowKeys: _this.state.selectRowKeys,
+                    selectRows: _this.state.selectRows
+                },
+                selectRowKeys: [],
+                selectRows: []
+            });
+            if (_this.lySelectorTable) {
+                _this.lySelectorTable.setSelectedRowKeys([], []);
+            }
+        };
+
+        _this.onClear = function () {
+            //清空此次选择的数据
+            _this.setState({
+                selectRowKeys: [],
+                selectRows: []
+            });
+            if (_this.state.params.mode === 'tree') {
+                //改变树选中的值
+                _this.lyTree.setCheckedKeys([]);
+                _this.lyTree.setSelectedKeys([]);
+            } else {
+                //改变列表的值
+                _this.lySelectorTable.setSelectedRowKeys([], []);
+            }
+        };
+
+        _this.onCancel = function () {
+            //清空此次选择的数据
+            _this.setState({
+                selectRowKeys: [],
+                selectRows: []
+            });
+            if (_this.lySelectorTable) {
+                _this.lySelectorTable.setSelectedRowKeys([], []);
+            }
+        };
+
+        _this.filterTableData = function () {
+            if (_this.lySelectorTable) {
+                _this.lySelectorTable.filterTableData();
+            }
+        };
+
+        _this.state = {
+            selectRows: [], //选中的数据结果集
+            selectRowKeys: [], //选中的数据Key值
+            selectTableDataCache: { // 选中数据缓存，可保留选中结果
+                selectRows: [],
+                selectRowKeys: []
+            },
+            treeWidth: 0, //树宽度,250
+            tableWidth: 0, //列表宽度,600
+            resultWidth: 0, //结果区域宽度,150
+            height: 400, //选择器高度
+            treeTableParams: {},
+            treeUrl: undefined, //查询树的数据的URL
+            tableUrl: undefined, //查询列表数据的URL
+            sign: undefined, //如果标志存在，则说明根据这个标志去读取配置的sql语句
+
+            params: {
+                title: "标题",
+                mode: 'treeAndTable', //模式：tree:只存在树，table:只存在列表，treeAndTable：存在树和列表
+                keyField: 'key', //数据的key字段，该字段的值可以唯一表示一条数据
+                titleField: 'title', //数据的title值，主要用来做显示的
+                isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+                singerBottomShowFlag: false, //单选时，结果显示在下方，默认false
+                singerBottomShowRender: undefined, //单选时，结果显示在下方的数据展示渲染的回调方法
+                // 结果面板
+                footerRender: undefined, //结果面板底部渲染方法，function(count:人数){}
+                rowRender: undefined, //结果面板每行数据渲染的方法，function(key:关键值,title:显示的值,row:所有数据,len:建议做多显示中文个数,seq:在显示面板中显示的序号){}
+                //树面板
+                treeShowIcon: false, //树是否需要显示图标，如果需要此处设置为true,且树的数据需要设置显示那个图标
+                //列表面板
+                footerFlag: true, //列表是否需要尾部
+                columns: undefined, //列表头部配置文件
+                searchField: undefined, //需要查询的字段
+                searchWidth: '230', //查询框的宽度
+                placeholder: '请输入查询条件', //查询框的提示
+                showHeader: true, //是否显示头部
+                searchRender: undefined //自定义搜索框面板
+            }
+        };
+        return _this;
+    }
+
+    //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+
+    (0, _createClass3.default)(NHSelector, [{
+        key: 'UNSAFE_componentWillMount',
+        value: function UNSAFE_componentWillMount() {
+            //组件挂载之前先去获取配置信息
+            this.ansysParams();
+        }
+
+        //获取配置信息
+
+
+        /**
+         * 打开选择器
+         */
+
+
+        /**
+         * 绑定树的选择事件
+         */
+
+
+        /**
+         * 绑定列表的选择事件
+         */
+
+
+        /**
+         * 改变选中的值
+         */
+
+        /**
+         * 绑定左边的树
+         */
+
+
+        /**
+         * 绑定右边的结果显示区域
+         */
+
+
+        /**
+         * 选中数据的时候调用的方法
+         */
+
+
+        //清空所有的选择
+
+
+        /**
+         * 执行列表查询操作
+         */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(_selectormodal2.default, {
+
+                    ref: function ref(modal) {
+                        _this2.selModal = modal;
+                    },
+                    mode: this.state.params.mode,
+                    title: this.state.params.title,
+                    treeWidth: this.state.treeWidth,
+                    tableWidth: this.state.tableWidth,
+                    resultWidth: this.state.resultWidth,
+                    height: this.state.height,
+                    treeRender: this.handleTree,
+                    tableRender: this.handleTable,
+                    resultRender: this.handleResult,
+                    onOk: this.onOk,
+                    onCancel: this.onCancel,
+                    onClear: this.onClear,
+                    isSinger: this.state.params.isSinger,
+                    singerBottomShowFlag: this.state.params.singerBottomShowFlag
+                })
+            );
+        }
+    }]);
+    return NHSelector;
+}(_react2.default.Component);
+
+NHSelector.defaultProps = {
+    sign: undefined, //如果标志存在，则说明根据这个标志去读取配置的sql语句
+    title: "标题",
+    mode: 'treeAndTable', //模式：tree:只存在树，table:只存在列表，treeAndTable：存在树和列表
+    keyField: 'key', //数据的key字段，该字段的值可以唯一表示一条数据
+    titleField: 'title', //数据的title值，主要用来做显示的
+    treeWidth: undefined, //树宽度,250
+    tableWidth: undefined, //列表宽度,600
+    resultWidth: undefined, //结果区域宽度,150
+    height: 400, //选择器高度
+    isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+    onSelect: function onSelect() {}, //选中结果的时候的回调方法
+    singerBottomShowFlag: false, //单选时，结果显示在下方，默认false
+    singerBottomShowRender: undefined, //单选时，结果显示在下方的数据展示渲染的回调方法
+    //结果面板
+    footerRender: undefined, //结果面板底部渲染方法，function(count:人数){}
+    rowRender: undefined, ///结果面板每行数据渲染的方法，function(key:关键值,title:显示的值,row:所有数据,len:建议做多显示中文个数,seq:在显示面板中显示的序号){}
+    //树面板
+    treeUrl: undefined, //查询树的数据的URL
+    treeParams: {}, //树数据查询条件
+    treeSqlParams: undefined, //树的sql语句内的参数
+    treeShowIcon: false, //树是否需要显示图标，如果需要此处设置为true,且树的数据需要设置显示那个图标
+    //列表面板
+    tableUrl: undefined, //查询列表数据的URL
+    tableParams: {}, //列表数据查询条件
+    tableSqlParams: undefined, //列表的sql语句内的参数
+    footerFlag: true, //列表是否需要尾部
+    columns: undefined, //列表头部配置文件
+    searchField: undefined, //需要查询的字段
+    searchWidth: '230', //查询框的宽度
+    placeholder: '请输入查询条件', //查询框的提示
+    showHeader: true, //是否显示头部
+    searchRender: undefined, //自定义搜索框面板
+    baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+
+    funcParams: {}, //如果在columns内部写代码操作时，用键值对的形式存起来
+
+    rangeFilter: undefined, //是否开启职务范围过滤
+    rangeFilterList: undefined, // 自定义职务过滤列表
+
+    isRememberLastSelect: false
+};
+exports.default = NHSelector;