dlt-for-react 1.0.1

package/lib/components/NHExcel/index.js

@@ -0,0 +1,540 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _badge = require('antd/lib/badge');
+
+var _badge2 = _interopRequireDefault(_badge);
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _progress = require('antd/lib/progress');
+
+var _progress2 = _interopRequireDefault(_progress);
+
+var _divider = require('antd/lib/divider');
+
+var _divider2 = _interopRequireDefault(_divider);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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/badge/style');
+
+require('antd/lib/spin/style');
+
+require('antd/lib/progress/style');
+
+require('antd/lib/divider/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/modal/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ExcelForm = require('./ExcelForm');
+
+var _ExcelForm2 = _interopRequireDefault(_ExcelForm);
+
+var _NHModal = require('../NHModal');
+
+var _NHModal2 = _interopRequireDefault(_NHModal);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _NHCore = require('../../utils/NHCore');
+
+var _MD = require('../../utils/MD5');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import {NHModal , NHFetch , getLoginUser} from 'xgui-for-react';
+
+
+var NHExcel = function (_React$Component) {
+    (0, _inherits3.default)(NHExcel, _React$Component);
+
+    function NHExcel(props) {
+        (0, _classCallCheck3.default)(this, NHExcel);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHExcel.__proto__ || (0, _getPrototypeOf2.default)(NHExcel)).call(this, props));
+
+        _this.show = function () {
+            _this.setState({
+                uuid: undefined, //上传文件的uuid
+                btnDisabled: false,
+                loading: false,
+                importFlag: true,
+                runningFlag: false,
+                resultFlag: false,
+                totalCount: undefined,
+                successCount: undefined,
+                errorCount: undefined,
+                errorFileName: undefined,
+                errorFileUuid: undefined,
+                percent: 0,
+                processTip: '导入中',
+                importStatus: 'prepare' //导入状态，prepare：准备中，uploading:导入中，success:导入成功，error:导入成功
+
+            });
+            _this.nhModal.show();
+        };
+
+        _this.handleSave = function () {
+            var userId = (0, _NHCore.getLoginUser)().userId;
+            if (!userId) {
+                _message3.default.info("登录已过期，请重新登录！");
+                return;
+            }
+            _this.nhForm.validateFields(function (err, values) {
+                if (!err) {
+                    var uuid = values.uuid.split(";")[0];
+                    var otherParams = values;
+                    delete otherParams.uuid;
+                    var params = {
+                        uuid: uuid,
+                        userId: userId,
+                        params: (0, _extends3.default)({}, otherParams, _this.props.params)
+                    };
+                    _this.setState({
+                        importFlag: false,
+                        runningFlag: true,
+                        resultFlag: false,
+                        importStatus: 'uploading',
+                        loading: true,
+                        uuid: uuid
+                    }, function () {
+                        //加载导入进度的进度条
+                        _this.loadProcessStatus();
+                    });
+                    var importUrl = _this.props.importUrl ? _this.props.importUrl : _this.props.exportUrl;
+                    (0, _NHFetch2.default)(importUrl, "POST", params).then(function (res) {
+                        if (res) {
+                            if (res.code && res.code === 200) {
+                                var errorFileName = undefined;
+                                if (res.data.errorFileName) {
+                                    var strs = res.data.errorFileName.split(".");
+                                    if (strs[1]) {
+                                        errorFileName = "错误数据." + strs[1].toString();
+                                    } else {
+                                        errorFileName = "错误数据.xlsx";
+                                    }
+                                }
+                                _this.setState({
+                                    totalCount: res.data.totalCount,
+                                    successCount: res.data.successCount,
+                                    errorCount: res.data.errorCount,
+                                    errorFileName: errorFileName,
+                                    errorFileUuid: res.data.errorFileUuid,
+                                    importStatus: 'success'
+                                });
+                                if (_this.props.onSuccess) {
+                                    _this.props.onSuccess();
+                                }
+                            } else {
+                                _modal2.default.error({
+                                    title: '错误提示',
+                                    content: '本次导入操作失败，请重新导入！'
+                                });
+                                _this.setState({
+                                    importStatus: 'error'
+                                });
+                            }
+                        } else {
+                            _modal2.default.error({
+                                title: '错误提示',
+                                content: '本次导入操作失败，请重新导入！'
+                            });
+                            _this.setState({
+                                importStatus: 'error'
+                            });
+                        }
+                    }).catch(function () {
+                        _this.setState({
+                            importStatus: 'error'
+                        });
+                    });
+                    //加载前面的10%，默认分两秒钟完成
+                    var iter = setInterval(function () {
+                        if (_this.state.percent >= 10) {
+                            window.clearInterval(iter);
+                        } else {
+                            var percent = _this.state.percent + 1;
+                            _this.setState({
+                                percent: percent
+                            });
+                        }
+                    }, 100);
+                }
+            });
+        };
+
+        _this.loadProcessStatus = function () {
+            (0, _NHFetch2.default)(window.baseUrl + "/proData/getProgressStatus", "GET", { uuid: _this.state.uuid, t: new Date().getTime() }).then(function (res) {
+                if (res) {
+                    //说明已经结束了
+                    if (_this.state.importStatus === 'success' || _this.state.importStatus === 'error') {
+                        _this.setState({
+                            resultFlag: true,
+                            percent: 100,
+                            processTip: '导入完成',
+                            loading: false,
+                            btnDisabled: true
+                        });
+                    } else {
+                        //还要继续轮训查询
+                        if (res.data && (res.data.percent !== _this.state.percent || res.data.processTip !== _this.state.processTip)) {
+                            _this.setState({
+                                percent: res.data.percent,
+                                processTip: res.data.processTip
+                            });
+                        }
+                        setTimeout(function () {
+                            _this.loadProcessStatus();
+                        }, 1000);
+                    }
+                }
+            }).catch(function () {
+                //说明已经结束了
+                if (_this.state.importStatus === 'success' || _this.state.importStatus === 'error') {
+                    _this.setState({
+                        resultFlag: true,
+                        percent: 100,
+                        processTip: '导入完成',
+                        loading: false,
+                        btnDisabled: true
+                    });
+                } else {
+                    setTimeout(function () {
+                        _this.loadProcessStatus();
+                    }, 1000);
+                }
+            });
+        };
+
+        _this.handleCancel = function () {
+            _this.setState({ importStatus: 'error' });
+            if (_this.props.onCancel) {
+                _this.props.onCancel();
+            }
+        };
+
+        _this.onExcelChange = function (resultStr) {
+            _this.setState({
+                uuid: resultStr.split(";")[0]
+            });
+        };
+
+        _this.addUrlCsrf = function (url) {
+            //设置网关加密串      
+            var timestemp = new Date().valueOf();
+            var csrfToken = (0, _MD.hex_md5)('timestamp=' + timestemp + ',key=' + 'lianyi2019' //这个就是与网关约定的秘钥    
+            );
+            if (url.indexOf('?') > -1 && url.indexOf('=') > -1 && url.indexOf('?') < url.indexOf('=')) {
+                url = url + "&csrfTimestamp=" + timestemp + "&csrfToken=" + csrfToken;
+            } else {
+                url = url + "?csrfTimestamp=" + timestemp + "&csrfToken=" + csrfToken;
+            }
+            return url;
+        };
+
+        _this.state = {
+            uuid: undefined, //上传文件的uuid
+            btnDisabled: false,
+            loading: false,
+            importFlag: true,
+            runningFlag: false,
+            resultFlag: false,
+            totalCount: undefined,
+            successCount: undefined,
+            errorCount: undefined,
+            errorFileName: undefined,
+            errorFileUuid: undefined,
+            percent: 0,
+            processTip: '导入中',
+            importStatus: 'prepare' //导入状态，prepare：准备中，uploading:导入中，success:导入成功，error:导入成功
+        };
+        return _this;
+    }
+    //设置可以传递参数的默认值
+
+
+    //保存按钮事件
+
+
+    //弹窗关闭事件
+
+
+    //暂时保留
+
+
+    /** 链接添加网关加密串 */
+
+
+    (0, _createClass3.default)(NHExcel, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var templateUrl = this.props.templateUrl ? this.props.templateUrl : window.baseUrl + '/proData/getTemplate?fileName=' + encodeURI(encodeURI(this.props.templateName)) + '&sign=' + encodeURI(encodeURI(this.props.templateSign));
+            var errorUrl = window.baseUrl + '/proData/getExcelErrorFile?uuid=' + this.state.errorFileUuid;
+            templateUrl = this.addUrlCsrf(templateUrl);
+            errorUrl = this.addUrlCsrf(errorUrl);
+
+            var footer = [{ text: '关闭', type: undefined, onClick: function onClick() {
+                    _this2.setState({ importStatus: "error" });
+                    _this2.nhModal.close();
+                    if (_this2.props.onCancel) {
+                        _this2.props.onCancel();
+                    }
+                } }, { text: '导入', type: 'primary', onClick: this.handleSave, disabled: this.state.btnDisabled, loading: this.state.loading }];
+            return _react2.default.createElement(
+                _NHModal2.default,
+                {
+                    ref: function ref(form) {
+                        _this2.nhModal = form;
+                    },
+                    title: this.props.title ? this.props.title : '导入面板',
+                    width: 600,
+                    onCancel: this.handleCancel,
+                    footer: footer
+                },
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        'div',
+                        { style: { display: this.state.importFlag ? '' : 'none' } },
+                        _react2.default.createElement(
+                            _row2.default,
+                            { style: { margin: '10px 0', padding: '5px 0' } },
+                            _react2.default.createElement(
+                                _col2.default,
+                                { style: { paddingLeft: '30px' } },
+                                _react2.default.createElement(_icon2.default, { type: 'info-circle', style: { color: '#FFCD19' } }),
+                                '\u4E0A\u4F20\u6587\u4EF6\u9700\u8981\u6309\u7167\u6A21\u677F\u4E0A\u4F20\uFF0C\u5982\u679C\u8FD8\u6CA1\u6709\u6A21\u677F\uFF0C\u53EF\u4EE5\u5148 ',
+                                _react2.default.createElement(
+                                    'a',
+                                    { href: templateUrl, target: '_blank' },
+                                    ' ',
+                                    _react2.default.createElement(_icon2.default, { type: 'download' }),
+                                    '\u4E0B\u8F7D\u6A21\u677F'
+                                ),
+                                ' '
+                            )
+                        ),
+                        _react2.default.createElement(
+                            _row2.default,
+                            null,
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 24 },
+                                _react2.default.createElement(_ExcelForm2.default, { ref: function ref(form) {
+                                        return _this2.nhForm = form;
+                                    }, formItemList: this.props.formItemList })
+                            )
+                        ),
+                        this.props.description && this.props.description.length > 0 ? _react2.default.createElement(
+                            _row2.default,
+                            null,
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 24, style: { margin: '0 0', padding: '5px 0' } },
+                                _react2.default.createElement(_divider2.default, { style: { margin: '0px' } })
+                            )
+                        ) : undefined,
+                        this.props.description && this.props.description.length > 0 ? _react2.default.createElement(
+                            _row2.default,
+                            null,
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 2 },
+                                '\u5907\u6CE8\uFF1A'
+                            ),
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 22 },
+                                this.props.description.map(function (item, index) {
+                                    return _react2.default.createElement(
+                                        'font',
+                                        null,
+                                        index + 1,
+                                        '\u3001',
+                                        item,
+                                        _react2.default.createElement('br', null)
+                                    );
+                                })
+                            )
+                        ) : undefined
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { style: { display: this.state.runningFlag ? '' : 'none', height: '205px' } },
+                        _react2.default.createElement(
+                            'font',
+                            { style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+                            '\u5BFC\u5165\u72B6\u6001:'
+                        ),
+                        _react2.default.createElement(
+                            'font',
+                            { style: { color: '#1890FF', fontSize: '15px' } },
+                            this.state.processTip
+                        ),
+                        _react2.default.createElement('br', null),
+                        _react2.default.createElement(_progress2.default, { percent: this.state.percent, strokeWidth: 15 }),
+                        _react2.default.createElement(
+                            'div',
+                            { style: { display: this.state.resultFlag ? 'none' : '', width: '100%', height: '80px', lineHeight: '80px', textAlign: 'center' } },
+                            _react2.default.createElement(_spin2.default, { size: 'large', tip: '上传中...' })
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { style: { display: this.state.resultFlag ? '' : 'none' } },
+                            _react2.default.createElement(
+                                'font',
+                                { key: 'a', style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+                                '\u5BFC\u5165\u8BE6\u60C5\uFF1A',
+                                _react2.default.createElement('br', null)
+                            ),
+                            this.state.importStatus === 'error' ? _react2.default.createElement(
+                                'font',
+                                { style: { color: 'red' } },
+                                '\u672C\u6B21\u5BFC\u5165\u64CD\u4F5C\u5931\u8D25\uFF01'
+                            ) : _react2.default.createElement(
+                                'span',
+                                null,
+                                _react2.default.createElement(
+                                    'font',
+                                    { key: 'b', style: { lineHeight: '30px', fontSize: '15px' } },
+                                    _react2.default.createElement(_badge2.default, { status: 'warning' }),
+                                    '\u5BFC\u5165\u6570\u636E\u6761\u6570\uFF1A',
+                                    _react2.default.createElement(
+                                        'font',
+                                        { style: { fontWeight: 'bold', color: '#323232', fontStyle: 'italic' } },
+                                        this.state.totalCount
+                                    ),
+                                    _react2.default.createElement('br', null)
+                                ),
+                                _react2.default.createElement(
+                                    'font',
+                                    { key: 'c', style: { lineHeight: '30px', fontSize: '15px' } },
+                                    _react2.default.createElement(_badge2.default, { status: 'processing' }),
+                                    '\u6B63\u786E\u6570\u636E\u6761\u6570\uFF1A',
+                                    _react2.default.createElement(
+                                        'font',
+                                        { style: { fontWeight: 'bold', color: '#09B2F0', fontStyle: 'italic' } },
+                                        this.state.successCount
+                                    ),
+                                    _react2.default.createElement('br', null)
+                                ),
+                                _react2.default.createElement(
+                                    'font',
+                                    { key: 'd', style: { lineHeight: '30px', fontSize: '15px' } },
+                                    _react2.default.createElement(_badge2.default, { status: 'error' }),
+                                    '\u9519\u8BEF\u6570\u636E\u6761\u6570\uFF1A',
+                                    _react2.default.createElement(
+                                        'font',
+                                        { style: { fontWeight: 'bold', color: '#FA0101', fontStyle: 'italic' } },
+                                        this.state.errorCount
+                                    ),
+                                    _react2.default.createElement('br', null)
+                                )
+                            ),
+                            this.state.errorFileUuid ? _react2.default.createElement(
+                                'font',
+                                { key: 'f' },
+                                _react2.default.createElement(
+                                    'font',
+                                    { style: { fontWeight: 'bold', color: '#323232', fontSize: '15px' } },
+                                    '\u53EF\u70B9\u51FB\uFF1A'
+                                ),
+                                _react2.default.createElement(
+                                    'a',
+                                    { href: errorUrl, target: '_blank', style: { color: '#1B8FFF', fontSize: '15px' } },
+                                    this.state.errorFileName
+                                ),
+                                _react2.default.createElement('br', null)
+                            ) : '',
+                            this.state.errorFileUuid ? _react2.default.createElement(
+                                'font',
+                                { key: 'g', style: { color: '#999999', fontSize: '15px' } },
+                                '\u4E0B\u8F7D\u9519\u8BEF\u6587\u6863\uFF0C\u67E5\u770B\u9519\u8BEF\u8BE6\u60C5'
+                            ) : ''
+                        )
+                    )
+                )
+            );
+        }
+    }]);
+    return NHExcel;
+}(_react2.default.Component);
+
+NHExcel.defaultProps = {
+    title: undefined, //导入控件的标题
+    templateUrl: undefined, //导入模板下载路径
+    templateName: undefined, //导入模板名称
+    templateSign: undefined, //导入模板问标志，主要通过该标志获取文件
+    onCancel: undefined, //关闭Excel导入控件的回调事件
+    onSuccess: undefined, //导入成功时的回调事件
+    formItemList: undefined, //自定义参数表单，格式：[{label:'类型',key:'key',required:true,message:'错误信息提示',initialValue:'1',render:()=>{ return <Input></Input>}}]
+    description: undefined, //描述，格式：['第一行的提示','第二行的提示',<font color="red">第三行描述</font>]
+    importUrl: undefined, //導入控件的url
+    params: {} //初始化参数
+};
+exports.default = NHExcel;

package/lib/components/NHFormItem/FormRules.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var FormRules = {
+    //身份证号验证
+    IDCAR_RULE: {
+        pattern: /^([1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3})|([1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|(\d{3}[X])))$/,
+        message: "请输入正确的身份证号"
+    },
+    NUMBER: { pattern: /^[0-9]*$/, message: "请输入数字" },
+    CN_CHARACTERS: { pattern: /^[\u4e00-\u9fa5]{0,}$/, message: "请输入汉字" },
+    EN_CHARACTERS: { pattern: /^[A-Za-z]+$/, message: "请输入英文" },
+    EN_NUMBER_UNDERLINE: { pattern: /^\\w+$/, message: "请输入英文、数字或下划线" },
+    EN_NUMBER: { pattern: /^[A-Za-z0-9]+$/, message: "请输入英文或数字" },
+    EMAIL: { pattern: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, message: "请输入正确的邮箱地址" },
+    MOBILE_PHONE_NUMBER: {
+        pattern: /^[1]\\d{10}$/,
+        message: "请输入正确的手机号码"
+    },
+    PHONE_NUMBER: { pattern: /\d{3}-\d{8}|\d{4}-\d{7}/, message: "请输入正确的电话号码" },
+    QQ: { pattern: /[1-9][0-9]{4,}/, message: "请输入正确的QQ号" },
+    POSTAL_CODE: { pattern: /^[0-9]\\d{5}$/, message: "请输入正确的邮政编码" },
+    ICBC_SAVINGS_CARD_NUMBER: { pattern: /^[0-9]\\d{18}$/, message: "请输入正确的工商银行储蓄卡位数为19位" }
+
+};
+exports.default = FormRules;