dlt-for-react 1.0.1

package/lib/layouts/Login/index.js

@@ -0,0 +1,595 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _checkbox = require('antd/lib/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _NHFetch2 = require('xgui-for-react/lib/utils/NHFetch');
+
+var _NHFetch3 = _interopRequireDefault(_NHFetch2);
+
+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);
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/lib/tooltip/style');
+
+require('antd/lib/checkbox/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/modal/style');
+
+require('antd/lib/form/style');
+
+require('isomorphic-fetch');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+require('../../../assets/login/index.less');
+
+var _login = require('./login.js');
+
+var _hexSha = require('hex-sha1');
+
+var _hexSha2 = _interopRequireDefault(_hexSha);
+
+var _jsencrypt = require('jsencrypt');
+
+var _lyPassword = require('./lyPassword.js');
+
+var _lyPassword2 = _interopRequireDefault(_lyPassword);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var pubKey = "MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAJ8DUCb0CEFATRWU8BtBL42RvsdFBcpxYNfsg0P1f7Rd1qKLtqLSBBVGrJu148CdCAkxwKOsjvj5D4eMeDQCd18CAwEAAQ==";
+//网关密码加密
+
+// import ReactSimpleVerify from 'react-simple-verify'
+// import 'react-simple-verify/dist/react-simple-verify.css'
+/*
+ * @Description: 新版设计规范学工-登录页面
+ * @Author: lisenlin
+ * @Date: 2020-12-03 20:59:35
+ * @LastEditors: lisenlin
+ * @LastEditTime: 2021-12-14 14:31:40
+ */
+var URL_PREFIX = ''; //统一前缀    
+var reqGetCaptcha = URL_PREFIX + 'captchaServlet?v='; //验证码下载路径  
+var FormItem = _form2.default.Item;
+
+var defaultLogo = require('../../../assets/login/images/defaultLogo.png');
+var unValidatedPic = require('../../../assets/login/images/yz.png');
+var validatedPic = require('../../../assets/login/images/yz_success.png');
+
+var GetCsz = function GetCsz(csbz, callback) {
+    fetch('front/zhxg-unauth/openapi/getCssz?csbz=' + csbz, {
+        method: "GET",
+        credentials: "include",
+        headers: {
+            "Content-Type": "application/x-www-form-urlencoded",
+            "X-Requested-With": "XMLHttpRequest",
+            "appId": "ly-zhxg"
+        }
+    }).then(function (response) {
+        return response.json();
+    }).then(function (res) {
+        if (callback && typeof callback === 'function') {
+            callback(res);
+        }
+        return res;
+    }).catch(function (error) {});
+};
+
+var LoginPage = function (_React$Component) {
+    (0, _inherits3.default)(LoginPage, _React$Component);
+
+    function LoginPage(props) {
+        (0, _classCallCheck3.default)(this, LoginPage);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (LoginPage.__proto__ || (0, _getPrototypeOf2.default)(LoginPage)).call(this, props));
+
+        _this.getLytype = function () {
+            try {
+                GetCsz("XTGL_LYTYPE", function (res) {
+                    if (res && res.code === 200 && res.data) {
+                        _this.setState({ lytype: res.data });
+                    }
+                });
+            } catch (err) {};
+        };
+
+        _this.handelWindowResize = function () {
+            if (window.innerWidth < 700) {
+                _this.setState({
+                    smallScreen: true
+                });
+            } else {
+                if (_this.state.smallScreen) {
+                    _this.setState({
+                        smallScreen: false
+                    });
+                }
+            }
+
+            if (window.innerHeight < 750) {
+                _this.setState({
+                    shortScreen: true
+                });
+            } else {
+                if (_this.state.shortScreen) {
+                    _this.setState({
+                        shortScreen: false
+                    });
+                }
+            }
+        };
+
+        _this.getCookiePwd = function () {
+            var uupd = _this.getCookie('uupd');
+            if (uupd && uupd !== '') {
+                var userNameFromCookie = uupd.split('///')[0];
+                var passwordFromCookie = uupd.split('///')[1];
+                _this.setState({
+                    userNameFromCookie: userNameFromCookie, passwordFromCookie: passwordFromCookie
+                });
+            }
+        };
+
+        _this.handleAccountSubmit = function (e) {
+            e.preventDefault();
+            if (_this.state.type === 'tab1') {
+                _this.props.form.validateFields(function (err, values) {
+                    if (!err) {
+                        // if(!this.state.validation) {
+                        //     message.info('请先滑动滑块验证！');
+                        //     return ;
+                        // }
+                        var encrypt = new _jsencrypt.JSEncrypt();
+                        encrypt.setPublicKey(pubKey);
+                        var encryptPassword = values.password;
+                        // let encryptPassword = encrypt.encrypt(values.password); //password为需要加密的字段
+                        if (_this.state.userNameFromCookie + '///' + _this.state.passwordFromCookie !== values.username + '///' + values.password) {
+                            // 如果密码和cookie的密码不一样就需要重新加密
+                            encryptPassword = encrypt.encrypt(values.password); //password为需要加密的字段
+                        }
+                        var timestamp = new Date().getTime();
+                        var arr = [];
+                        arr.push("username=" + values.username, "password=" + encryptPassword, "timestamp=" + timestamp);
+                        var digest = (0, _hexSha2.default)(arr.join(","));
+                        //若记住密码 则保存在cookie中，默认保存7天
+                        if (_this.state.rememberPW) {
+                            _this.setCookie('uupd', values.username + '///' + encryptPassword);
+                        }
+                        var params = {
+                            username: values.username,
+                            password: encryptPassword,
+                            encryptTransfer: true,
+                            timestamp: timestamp,
+                            digest: digest,
+                            systemId: 'ly-zhxg'
+                        };
+                        if (_this.state.lytype) {
+                            params.lytype = _this.state.lytype;
+                        }
+                        //验证码开启
+                        if (_this.state.captchaVisible) {
+                            params = (0, _extends3.default)({}, params, {
+                                captcha: values.captcha
+                            });
+                        }
+                        _this.setState({
+                            loading: true
+                        });
+
+                        (0, _login.userLogin)(_this.props.allMenu, params, function () {
+                            _this.setState({
+                                loading: false
+                            }, function () {
+                                _this.getSetting(); /* this.handelReset() */
+                            });
+                        });
+                    } else {}
+                });
+            } else {}
+        };
+
+        _this.isNotIE = 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 false;
+            } else return true;
+        };
+
+        _this.getCookie = function (key) {
+            var name = key + "=";
+            var ca = document.cookie.split(';');
+            for (var i = 0; i < ca.length; i++) {
+                var c = ca[i].trim();
+                if (c.indexOf(name) === 0) {
+                    return c.substring(name.length, c.length);
+                }
+            }
+            return "";
+        };
+
+        _this.setCookie = function (key, value) {
+            var day = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 7;
+
+            var d = new Date();
+            d.setTime(d.getTime() + day * 24 * 60 * 60 * 1000);
+            var expires = "expires=" + d.toGMTString();
+            document.cookie = key + "=" + value + "; " + expires;
+        };
+
+        _this.handelSuccess = function () {
+            _this.setState({
+                validation: true
+            });
+        };
+
+        _this.handelReset = function () {
+            _this.setState({
+                validation: false
+            });
+            _this.VerifyRef && _this.VerifyRef.reset();
+            _this.setCookie('uupd', '');
+        };
+
+        _this.checkChange = function (checked) {
+            _this.setState({
+                rememberPW: checked
+            });
+        };
+
+        _this.state = {
+            type: 'tab1',
+            count: 0,
+            loading: false,
+            copyright: '', //'Copyright © 2014-2018 LIANYI TECHNOLOGY CO.,LTD. All Rights Reserved. 联奕科技有限公司（V2.0.20170512-31058）',
+            loginLogoUrl: 'front/zhxg-unauth/xtglSchoolMng/downloadSchoolPictureByType?type=dlylogo',
+            defaultLoginLogo: 'zhxg',
+            validateUrl: '',
+            captchaVisible: false, //验证码是否可见
+
+            background: require('../../../assets/login/images/bgNew.jpg'), //登录页背景
+
+            browserList: [{ key: '1', type: 'chrome', title: '谷歌浏览器', imgSrc: require('../../../assets/login/images/chrome.png') }, { key: '2', type: 'firefox', title: '火狐浏览器', imgSrc: require('../../../assets/login/images/firefox.png') }, { key: '3', type: 'edge', title: 'Microsoft Edge浏览器', imgSrc: require('../../../assets/login/images/edge.png') }, { key: '4', type: '360', title: '360浏览器', imgSrc: require('../../../assets/login/images/360.png') }, { key: '5', type: 'safari', title: 'Safari浏览器', imgSrc: require('../../../assets/login/images/safari.png') }],
+            success: false, //滚动验证
+            sologanTitle: '联奕愿景',
+            sologan: '让校园服务更智慧',
+
+            rememberPW: false, //是否记住密码
+            userNameFromCookie: undefined, //cookie缓存的登录者
+            passwordFromCookie: undefined, //cookie缓存的登录密码 - 加密
+
+            validation: false, //验证状态
+            smallScreen: false, //是否屏幕宽度较小  <700为true
+            shortScreen: false, //是否屏幕高度较矮  <750为true
+            lytype: "" // 登录接口处理
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(LoginPage, [{
+        key: 'UNSAFE_componentWillMount',
+        value: function UNSAFE_componentWillMount() {
+            var _this2 = this;
+
+            //获取版权信息
+            if (this.props.config.copyright && this.props.config.copyright.startsWith("front/")) {
+                (0, _NHFetch3.default)(this.props.config.copyright, "GET").then(function (res) {
+                    if (res) {
+                        _this2.setState({
+                            copyright: res.data,
+                            validateUrl: reqGetCaptcha + new Date().getMilliseconds()
+                        });
+                    }
+                });
+            } else if (this.props.config.copyright) {
+                this.setState({
+                    copyright: this.props.config.copyright,
+                    validateUrl: reqGetCaptcha + new Date().getMilliseconds()
+                });
+            }
+            this.getSetting(); //获取配置，是否开启验证码
+            this.getCookiePwd(); //获取cookie的账密
+            this.getLytype(); //获取登录类型
+            window.addEventListener('resize', this.handelWindowResize);
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            window.removeEventListener('resize', this.handelWindowResize);
+        }
+        /**获取lytype值 */
+
+        /** 监听屏幕宽度 */
+
+    }, {
+        key: 'getSetting',
+
+
+        //获取配置，是否开启验证码
+        value: function getSetting() {
+            var _this3 = this;
+
+            fetch(URL_PREFIX + 'ng/captcha/status', {
+                method: "GET",
+                credentials: "include",
+                headers: {
+                    "Content-Type": "application/x-www-form-urlencoded",
+                    "X-Requested-With": "XMLHttpRequest",
+                    "appId": "ly-zhxg"
+                }
+            }).then(function (response) {
+                return response.json();
+            }).then(function (res) {
+                if (res.meta && res.meta.statusCode === 200) {
+                    _this3.setState({
+                        captchaVisible: res.data
+                    }, function () {
+                        if (res.data) {
+                            _this3.changeCaptcha();
+                        }
+                    });
+                } else {
+                    _this3.setState({
+                        captchaVisible: false
+                    });
+                }
+                return res;
+            }).catch(function (error) {
+                // 网络请求失败返回执行该回调函数，得到错误信息
+                _modal2.default.error({ title: '错误提示', content: '网络请求异常,请联系管理员' });
+                return error;
+            });
+        }
+    }, {
+        key: 'changeCaptcha',
+        value: function changeCaptcha() {
+            this.setState({
+                validateUrl: reqGetCaptcha + new Date().getMilliseconds()
+            });
+        }
+
+        /** 获取cookie */
+
+
+        /** 设置cookie */
+
+
+        /** 滑动认证成功 */
+
+
+        /** 登录失败重置滑动认证器 并清除cookie的登录缓存 */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this4 = this;
+
+            var _props = this.props,
+                form = _props.form,
+                config = _props.config;
+            var getFieldDecorator = form.getFieldDecorator;
+            var _state = this.state,
+                background = _state.background,
+                browserList = _state.browserList,
+                copyright = _state.copyright,
+                sologanTitle = _state.sologanTitle,
+                sologan = _state.sologan,
+                validation = _state.validation,
+                userNameFromCookie = _state.userNameFromCookie,
+                passwordFromCookie = _state.passwordFromCookie,
+                smallScreen = _state.smallScreen,
+                shortScreen = _state.shortScreen;
+
+            var isNotIE = this.isNotIE();
+            var styleObj = smallScreen ? {} : { paddingLeft: '195px' };
+            return _react2.default.createElement(
+                'div',
+                { className: 'xgui-newLogin', style: { backgroundImage: 'url(' + background + ')' } },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'xgui-newlogin-content' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'xgui-login-title', style: styleObj },
+                        _react2.default.createElement('img', { className: 'logo', src: config.loginLogoUrl, onError: function onError(e) {
+                                e.target.value === defaultLogo;
+                            } }),
+                        _react2.default.createElement('span', { className: 'split' }),
+                        _react2.default.createElement(
+                            'span',
+                            { className: 'titleContnet' },
+                            '学生工作管理系统'
+                        )
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'xgui-loginMain' },
+                        !smallScreen && _react2.default.createElement(
+                            'div',
+                            { className: 'xgui-login-slogan', style: { visibility: 'hidden' } },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'sloganTitle' },
+                                sologanTitle
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'slogan' },
+                                sologan
+                            )
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'xgui-login-loginWarp' },
+                            _react2.default.createElement(
+                                'p',
+                                { className: 'welcomeMsg' },
+                                '\u6B22\u8FCE\u4F7F\u7528'
+                            ),
+                            _react2.default.createElement(
+                                _form2.default,
+                                { onSubmit: this.handleAccountSubmit },
+                                _react2.default.createElement(
+                                    FormItem,
+                                    null,
+                                    getFieldDecorator('username', {
+                                        initialValue: userNameFromCookie,
+                                        rules: [{ required: true, message: '请输入您的账号！' }]
+                                    })(_react2.default.createElement(_input2.default, { size: 'large', prefix: _react2.default.createElement(_icon2.default, { type: 'user', style: { color: 'rgba(0,0,0,.25)' } }), placeholder: '\u8BF7\u8F93\u5165\u7528\u6237\u540D' }))
+                                ),
+                                _react2.default.createElement(
+                                    FormItem,
+                                    null,
+                                    getFieldDecorator('password', {
+                                        initialValue: passwordFromCookie,
+                                        rules: [{ required: true, message: '请输入密码！' }]
+                                    })(
+                                    // <Input size="large" prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />} type="password" placeholder="请输入密码" />
+                                    _react2.default.createElement(_lyPassword2.default, {
+                                        encryptMark: '*',
+                                        placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801',
+                                        onChange: function onChange(password) {
+                                            _this4.props.form.setFieldsValue({ password: password });
+                                        }
+                                    }))
+                                ),
+                                this.state.captchaVisible ? _react2.default.createElement(
+                                    FormItem,
+                                    null,
+                                    getFieldDecorator('captcha', {
+                                        rules: [{ required: true, message: '请输入验证码！' }]
+                                    })(_react2.default.createElement(
+                                        'div',
+                                        { className: 'captchaItem' },
+                                        _react2.default.createElement(_input2.default, { className: 'captcha_input', size: 'large', type: 'text', placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801' }),
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            _react2.default.createElement(
+                                                'span',
+                                                { onClick: function onClick() {
+                                                        return _this4.changeCaptcha();
+                                                    } },
+                                                _react2.default.createElement('img', { className: 'captcha_value', src: this.state.validateUrl })
+                                            )
+                                        )
+                                    ))
+                                ) : null,
+                                _react2.default.createElement(
+                                    FormItem,
+                                    null,
+                                    _react2.default.createElement(
+                                        _button2.default,
+                                        { className: 'xgui-nwelogin-submit', type: 'primary', size: 'large', htmlType: 'submit', loading: this.state.loading },
+                                        '\u767B\u5F55'
+                                    )
+                                ),
+                                _react2.default.createElement(
+                                    FormItem,
+                                    { style: { marginTop: '-20px' } },
+                                    getFieldDecorator('remember', {
+                                        valuePropName: 'checked',
+                                        initialValue: false
+                                    })(_react2.default.createElement(
+                                        _checkbox2.default,
+                                        { style: { float: 'left' }, onChange: function onChange(e) {
+                                                return _this4.checkChange(e.target.checked);
+                                            } },
+                                        '\u8BB0\u4F4F\u767B\u5F55'
+                                    ))
+                                ),
+                                _react2.default.createElement('div', null)
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'xgui-nwelogin-recomment' },
+                                _react2.default.createElement(
+                                    'span',
+                                    null,
+                                    '\u5EFA\u8BAE\u4F7F\u7528\u6D4F\u89C8\u5668\uFF1A'
+                                ),
+                                browserList.map(function (item) {
+                                    return _react2.default.createElement(
+                                        _tooltip2.default,
+                                        { title: item.title },
+                                        _react2.default.createElement('img', { src: item.imgSrc, width: 24 })
+                                    );
+                                })
+                            )
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'xgui-nwelogin-copyright' },
+                    copyright
+                )
+            );
+        }
+    }]);
+    return LoginPage;
+}(_react2.default.Component);
+
+var Login = _form2.default.create()(LoginPage);
+exports.default = Login;