dlt-for-react 1.0.2 → 1.0.3

package/lib/layouts/Login/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _tooltip = require('antd/lib/tooltip');
@@ -90,14 +90,9 @@ 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 LyPassword from './lyPassword.js'
 
 // import ReactSimpleVerify from 'react-simple-verify'
 // import 'react-simple-verify/dist/react-simple-verify.css'
@@ -108,487 +103,556 @@ var pubKey = "MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAJ8DUCb0CEFATRWU8BtBL42RvsdFBcpxYN
  * @LastEditors: lisenlin
  * @LastEditTime: 2021-12-14 14:31:40
  */
-var URL_PREFIX = ''; //统一前缀    
-var reqGetCaptcha = URL_PREFIX + 'captchaServlet?v='; //验证码下载路径  
+var pubKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAJ8DUCb0CEFATRWU8BtBL42RvsdFBcpxYNfsg0P1f7Rd1qKLtqLSBBVGrJu148CdCAkxwKOsjvj5D4eMeDQCd18CAwEAAQ==';
+//网关密码加密
+
+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');
+// const unValidatedPic = require('../../../assets/login/images/yz.png')
+// const 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) {});
+  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
-                    });
-                }
+  (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('dlt-uupd');
+      if (uupd && uupd !== '') {
+        var userNameFromCookie = uupd.split('///')[0];
+        var passwordFromCookie = uupd.split('///')[1];
+        var privateKey = window.localStorage.getItem('privateKey');
+        var password = undefined;
+        if (privateKey) {
+          var decrypt = new _jsencrypt.JSEncrypt();
+          decrypt.setPrivateKey(privateKey);
+          password = decrypt.decrypt(passwordFromCookie);
+        }
+        _this.setState({
+          userNameFromCookie: userNameFromCookie,
+          passwordFromCookie: password
+        });
+      }
+    };
+
+    _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 password = values.password;
+            var encryptPassword = encrypt.encrypt(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) {
+              var JsEncrypt = new _jsencrypt.JSEncrypt();
+              var privateKey = JsEncrypt.getPrivateKey();
+              window.localStorage.setItem('privateKey', privateKey);
+              var encryptPwd = JsEncrypt.encrypt(password); //password为需要加密的字段
+              _this.setCookie('dlt-uupd', values.username + '///' + encryptPwd);
             }
-        };
-
-        _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
-                });
+            var params = {
+              username: values.username,
+              password: encryptPassword,
+              encryptTransfer: true,
+              timestamp: timestamp,
+              digest: digest,
+              systemId: 'ly-dlt'
+            };
+            if (_this.state.lytype) {
+              params.lytype = _this.state.lytype;
             }
-        };
-
-        _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);
-                }
+            //验证码开启
+            if (_this.state.captchaVisible) {
+              params = (0, _extends3.default)({}, params, {
+                captcha: values.captcha
+              });
             }
-            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
+              loading: true
             });
-            _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;
+            (0, _login.userLogin)(_this.props.allMenu, params, function () {
+              _this.setState({
+                loading: false
+              }, _this.getSetting);
             });
+          } 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);
         }
-    }, {
-        key: 'changeCaptcha',
-        value: function changeCaptcha() {
-            this.setState({
-                validateUrl: reqGetCaptcha + new Date().getMilliseconds()
+      }
+      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('dlt-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: true, //是否记住密码
+      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()
             });
-        }
-
-        /** 获取cookie */
-
-
-        /** 设置cookie */
-
+          }
+        });
+      } 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',
 
-        /** 登录失败重置滑动认证器 并清除cookie的登录缓存 */
 
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this4 = this;
+    //获取配置，是否开启验证码
+    value: function getSetting() {
+      var _this3 = 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;
+      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()
+      });
+    }
 
-            var isNotIE = this.isNotIE();
-            var styleObj = smallScreen ? {} : { paddingLeft: '195px' };
-            return _react2.default.createElement(
+    /** 获取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,
+          userNameFromCookie = _state.userNameFromCookie,
+          passwordFromCookie = _state.passwordFromCookie,
+          smallScreen = _state.smallScreen,
+          rememberPW = _state.rememberPW;
+
+      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: 'xgui-newLogin', style: { backgroundImage: 'url(' + background + ')' } },
+                { 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: '请输入密码！' }]
+                  })(_react2.default.createElement(_input2.default.Password, {
+                    size: 'large',
+                    prefix: _react2.default.createElement(_icon2.default, {
+                      type: 'lock',
+                      style: { color: 'rgba(0,0,0,.25)' }
+                    }),
+                    placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801'
+                  })
+                  // <LyPassword
+                  //   encryptMark='*'
+                  //   placeholder='请输入密码'
+                  //   onChange={password => {
+                  //     this.props.form.setFieldsValue({ password })
+                  //   }}
+                  // />
+                  )
+                ),
+                this.state.captchaVisible ? _react2.default.createElement(
+                  FormItem,
+                  null,
+                  getFieldDecorator('captcha', {
+                    rules: [{ required: true, message: '请输入验证码！' }]
+                  })(_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' },
-                            '学生工作管理系统'
-                        )
-                    ),
+                    { 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',
-                        { 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 })
-                                    );
-                                })
-                            )
-                        )
+                      '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(
-                    'div',
-                    { className: 'xgui-nwelogin-copyright' },
-                    copyright
-                )
-            );
-        }
-    }]);
-    return LoginPage;
+                  FormItem,
+                  { style: { marginTop: '-20px' } },
+                  getFieldDecorator('remember', {
+                    valuePropName: 'checked',
+                    initialValue: rememberPW
+                  })(_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);