dlt-for-react 1.0.1

package/lib/components/NHMultiSelect/index.js

@@ -0,0 +1,394 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+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 _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/spin/style');
+
+require('antd/lib/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Option = _select2.default.Option;
+
+/**
+ * 多选下拉选择器
+ * 1、符合自定义表单组件规范，结合FormItem使用时不会出现警告信息
+ * 2、代码结构优化
+ * 3、使用sign属性时，后台对应sign标识的sql查询语句列必须以value、label作为别名
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-03-13 15:54:13
+ * Version: 1.3
+ * Modify log:
+ * 2018-04-25
+ *     1、新增filterData属性，该属性可以过滤（或保留）指定keys值项
+ *     2、新增dataSource属性，允许使用固定的数据源构造下拉数据，数据源格式为[{value:'value',label:'label'},{},...]
+ * 2018-06-04
+ *     1、解决sign为空或空字符串的时候，请求后台数据源报错问题
+ */
+
+var NHMultiSelect = function (_React$Component) {
+    (0, _inherits3.default)(NHMultiSelect, _React$Component);
+
+    function NHMultiSelect(props) {
+        (0, _classCallCheck3.default)(this, NHMultiSelect);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHMultiSelect.__proto__ || (0, _getPrototypeOf2.default)(NHMultiSelect)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var value = _this.props.value || [];
+        _this.state = {
+            data: [],
+            value: value || [],
+            loading: false //是否加载远程数据中
+        };
+
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHMultiSelect, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _props = this.props,
+                sign = _props.sign,
+                dataSource = _props.dataSource;
+
+            //如果是使用数据源标识，则优先加载远程数据
+
+            if (sign && sign != '') {
+                this.loadRemoteData(sign);
+            } else {
+                //如果没有使用远程数据，则加载本地数据
+                this.loadLocalData();
+            }
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            // Should be a controlled component.
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                this.setState({ value: value });
+            }
+
+            //为了防止在使用本地数据源的时候，在上级组件使用异步请求，导致在componentDidMount阶段未能获取到返回的dataSource
+            if ('dataSource' in nextProps) {
+                var dataSource = nextProps.dataSource;
+                this.setState({ data: dataSource });
+            }
+        }
+
+        //加载远程数据
+
+
+        //加载本地数据
+
+
+        //解析数据
+
+
+        //下拉选项选中时回调
+
+
+        //下拉选择器input value值变化时回调
+
+
+        //取消选中时调用
+
+
+        //提供onChange回调方法给Form表单，表明这是一个自定义表单受控组件
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props2 = this.props,
+                style = _props2.style,
+                placeholder = _props2.placeholder,
+                disabled = _props2.disabled,
+                defaultValue = _props2.defaultValue,
+                filterData = _props2.filterData;
+            var _state = this.state,
+                value = _state.value,
+                data = _state.data,
+                loading = _state.loading;
+
+            var options = [];
+
+            //如果有过滤条件
+            if (filterData) {
+                var type = filterData.type,
+                    _filterData$filterkey = filterData.filterkeys,
+                    filterkeys = _filterData$filterkey === undefined ? [] : _filterData$filterkey;
+
+
+                switch (type) {
+                    //过滤掉指定key值
+                    case 'remove':
+                        {
+                            var newData = data.filter(function (item) {
+                                if (filterkeys.find(function (key) {
+                                    return (item.VALUE || item.value) == key;
+                                })) {
+                                    return false;
+                                } else {
+                                    return true;
+                                }
+                            });
+                            options = newData.map(function (option) {
+                                return _react2.default.createElement(
+                                    Option,
+                                    { key: option.VALUE || option.value, value: option.VALUE || option.value },
+                                    option.LABEL || option.label
+                                );
+                            });
+                            break;
+                        }
+                    //保留指定key值
+                    case 'save':
+                        {
+                            var _newData = data.filter(function (item) {
+                                if (filterkeys.find(function (key) {
+                                    return (item.VALUE || item.value) == key;
+                                })) {
+                                    return true;
+                                } else {
+                                    return false;
+                                }
+                            });
+                            options = _newData.map(function (option) {
+                                return _react2.default.createElement(
+                                    Option,
+                                    { key: option.VALUE || option.value, value: option.VALUE || option.value },
+                                    option.LABEL || option.label
+                                );
+                            });
+                            break;
+                        }
+                    //未找到指定过滤类型，则不做过滤
+                    default:
+                        {
+                            options = data.map(function (option) {
+                                return _react2.default.createElement(
+                                    Option,
+                                    { key: option.VALUE || option.value, value: option.VALUE || option.value },
+                                    option.LABEL || option.label
+                                );
+                            });
+                            break;
+                        }
+                }
+            } else {
+
+                options = data.map(function (option) {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: option.VALUE || option.value, value: option.VALUE || option.value },
+                        option.LABEL || option.label
+                    );
+                });
+            }
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _select2.default,
+                    (0, _extends3.default)({}, this.props, {
+                        allowClear: true,
+                        style: style,
+                        mode: "multiple",
+                        defaultValue: defaultValue,
+                        value: value,
+                        onSelect: this.handleSelect,
+                        onChange: this.handleChange,
+                        onDeselect: this.handleDeselect,
+                        placeholder: placeholder,
+                        notFoundContent: loading ? _react2.default.createElement(
+                            'div',
+                            { style: { display: 'flex', justifyContent: 'center' } },
+                            _react2.default.createElement(_spin2.default, { spinning: true, tip: '加载中' })
+                        ) : "无数据",
+                        filterOption: function filterOption(input, option) {
+                            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+                        },
+                        disabled: disabled
+                    }),
+                    options
+                )
+            );
+        }
+    }]);
+    return NHMultiSelect;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+var _initialiseProps = function _initialiseProps() {
+    var _this2 = this;
+
+    this.loadRemoteData = function (sign) {
+        var baseUrl = _this2.props.baseUrl;
+        _this2.setState({ loading: true });
+        (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + "/proData/selectDataList", 'GET', { sign: sign, t: new Date().getTime() }).then(function (res) {
+            if (res) {
+                _this2.parseData(res.data);
+                _this2.setState({ loading: false });
+            } else {
+                _this2.setState({ loading: false });
+            }
+        });
+    };
+
+    this.loadLocalData = function () {
+        if (_this2.props.dataSource) {
+            _this2.setState({ data: _this2.props.dataSource });
+        }
+    };
+
+    this.parseData = function (data) {
+        if (data) {
+            _this2.setState({ data: data });
+        } else {
+            //如果远程数据为空，则尝试加载本地数据源
+            _this2.loadLocalData();
+        }
+    };
+
+    this.handleSelect = function (value, option) {
+
+        var label = option.props.children;
+
+        var onSelect = _this2.props.onSelect;
+        if (onSelect) {
+            onSelect(value, label, option);
+        }
+    };
+
+    this.handleChange = function (value, option) {
+
+        if (!('value' in _this2.props)) {
+            _this2.setState({
+                value: value
+            });
+        }
+        var text = '';
+        var data = _this2.state.data;
+        if (value && value.length > 0) {
+            var textArry = [];
+            value.map(function (item) {
+                var filterArry = data.filter(function (i) {
+                    return i.VALUE === item;
+                });
+                if (filterArry.length > 0) {
+                    textArry.push(filterArry[0].LABEL || '');
+                }
+            });
+            text = textArry.join(',');
+        }
+        _this2.triggerChange(value, text);
+    };
+
+    this.handleDeselect = function (value) {
+
+        // const values = [...this.state.value];
+        var values = _this2.state.value;
+        var target = values.filter(function (item) {
+            return item != value;
+        });
+
+        if (!('value' in _this2.props)) {
+            _this2.setState({
+                value: target
+            });
+        }
+
+        var onDeselect = _this2.props.onDeselect;
+
+        if (onDeselect) {
+            onDeselect(value);
+        }
+    };
+
+    this.triggerChange = function (changedValue, changedText) {
+        // Should provide an event to pass value to Form.
+        var onChange = _this2.props.onChange;
+        if (onChange) {
+            onChange(changedValue, changedText);
+        }
+    };
+};
+
+NHMultiSelect.defaultProps = {
+    placeholder: '请选择...',
+    disabled: false
+
+    //属性检查
+};NHMultiSelect.propTypes = {
+    sign: _propTypes2.default.string, //数据源标识
+    dataSource: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+        value: _propTypes2.default.string,
+        label: _propTypes2.default.node
+    })), //本地数据源
+    style: _propTypes2.default.object, //样式
+    placeholder: _propTypes2.default.string, //下拉提示
+    disabled: _propTypes2.default.bool, //是否禁用
+    defaultValue: _propTypes2.default.arrayOf(_propTypes2.default.string), //默认值
+    value: _propTypes2.default.arrayOf(_propTypes2.default.string), //初始值
+    filterData: _propTypes2.default.shape({
+        type: _propTypes2.default.oneOf(['remove', 'save']), //是保留还是过滤掉
+        filterkeys: _propTypes2.default.array //保留或过滤的key值
+    }), //要过滤掉的Key值
+    onSelect: _propTypes2.default.func, //下拉选项选中时回调
+    onChange: _propTypes2.default.func, //多选框值变化时回调
+    onDeselect: _propTypes2.default.func, //多选框值删除时回调
+    baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};
+
+exports.default = NHMultiSelect;

package/lib/components/NHQualificationRoster/index.js

@@ -0,0 +1,193 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _progress = require('antd/lib/progress');
+
+var _progress2 = _interopRequireDefault(_progress);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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);
+
+require('antd/lib/modal/style');
+
+require('antd/lib/progress/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { NHFetch } from 'xgui-for-react'
+var NHQualificationRoster = function (_React$Component) {
+    (0, _inherits3.default)(NHQualificationRoster, _React$Component);
+
+    function NHQualificationRoster(props) {
+        (0, _classCallCheck3.default)(this, NHQualificationRoster);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHQualificationRoster.__proto__ || (0, _getPrototypeOf2.default)(NHQualificationRoster)).call(this, props));
+
+        _this.generate = function (successCallback, failureCallback) {
+            _this.setState({ isShow: true }, function () {
+                var zgid = _this.props.zgid;
+
+                var params = {
+                    zgid: zgid
+                };
+                var url = _this.props.url || 'api/sm-qualification/zgjd/qualifications/batchID/get?zgid=' + zgid;
+                if (_this.props.url) {
+                    params = (0, _extends3.default)({}, _this.props.qualificationParams);
+                }
+                (0, _NHFetch2.default)(url, "POST", params).then(function (res) {
+                    if (res && res.code === 200) {
+                        setTimeout(function () {
+                            var interval = setInterval(function () {
+                                var pcid = res.data;
+                                (0, _NHFetch2.default)('api/sm-qualification/proData/getProgressStatus', 'GET', { uuid: pcid }).then(function (res) {
+                                    if (res && res.code === 200) {
+                                        if (res.data) {
+                                            var _res$data = res.data,
+                                                percent = _res$data.percent,
+                                                processTip = _res$data.processTip,
+                                                status = _res$data.status;
+
+                                            _this.setState({ percent: percent, processTip: processTip });
+                                            if (status === 'success' && percent === 100) {
+                                                _message3.default.success(processTip);
+                                                clearInterval(interval);
+                                                if (typeof successCallback === 'function') {
+                                                    successCallback(pcid);
+                                                }
+                                            } else if (status === 'failure') {
+                                                _message3.default.error(processTip);
+                                                clearInterval(interval);
+                                                if (typeof failureCallback === 'function') {
+                                                    failureCallback(pcid);
+                                                }
+                                            }
+                                        } else {
+                                            _message3.default.error('生成失败,请稍后再试或者联系管理员');
+                                            clearInterval(interval);
+                                            if (typeof failureCallback === 'function') {
+                                                failureCallback(pcid);
+                                            }
+                                        }
+                                    } else {
+                                        _message3.default.error('生成失败,请稍后再试或者联系管理员');
+                                        clearInterval(interval);
+                                        if (typeof failureCallback === 'function') {
+                                            failureCallback(pcid);
+                                        }
+                                    }
+                                });
+                            }, 1000);
+                        }, 1000);
+                    }
+                });
+            });
+        };
+
+        _this.state = {
+            percent: 0,
+            isShow: false,
+            processTip: ''
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHQualificationRoster, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _state = this.state,
+                percent = _state.percent,
+                isShow = _state.isShow,
+                processTip = _state.processTip;
+
+            if (!isShow) return null;
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _modal2.default,
+                    {
+                        ref: function ref(ele) {
+                            return _this2.nhModal = ele;
+                        },
+                        title: '资格名单生成',
+                        footer: null,
+                        destroyOnClose: true,
+                        visible: isShow,
+                        onCancel: function onCancel() {
+                            _this2.setState({ percent: 0, processTip: '', isShow: false });
+                        }
+                    },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u751F\u6210\u8D44\u683C\u540D\u5355\u4E2D\uFF0C\u65F6\u95F4\u8F83\u957F\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85...'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        processTip
+                    ),
+                    _react2.default.createElement(_progress2.default, { percent: percent })
+                )
+            );
+        }
+    }]);
+    return NHQualificationRoster;
+}(_react2.default.Component);
+
+exports.default = NHQualificationRoster;
+
+
+NHQualificationRoster.propTypes = {
+    zgid: _propTypes2.default.string, // 资格id
+    url: _propTypes2.default.string, // url,资格项信息不在数据库时
+    qualificationParams: _propTypes2.default.object // url的参数
+};