app-base-web/lib/library/user-login/index.js

web development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _spin=require("antd/lib/spin"),_spin2=_interopRequireDefault(_spin),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_createClass=function(){function a(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e}}();require("antd/lib/spin/style/css"),require("antd/lib/row/style/css"),require("antd/lib/button/style/css"),require("antd/lib/form/style/css"),require("antd/lib/input/style/css"),require("antd/lib/col/style/css"),require("antd/lib/message/style/css");var _react=require("react"),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilString=require("../util-string"),_utilString2=_interopRequireDefault(_utilString),_utilAxios=require("../util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var FormLogin=function(){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.onLogin=function(e){var t=r;e.password=_utilString2.default.md5(e.password),r.setState({loading:!0});r.props.onLogin(e,function(e){t.setState({loading:!1}),_message3.default.error(e.msg)})},r.toRegister=function(e){r.props.onRegister()},r.toForget=function(e){r.props.onForget()},r.state={loading:!1},r}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){_utilAxios2.default.setUser(null)}},{key:"render",value:function(){return _react2.default.createElement(_spin2.default,{wrapperClassName:"app-spin",spinning:this.state.loading},_react2.default.createElement("div",{className:"userLogin"},_react2.default.createElement("div",{className:"loginContainer"},_react2.default.createElement("img",{src:"/static/logo.png",className:"userLogo"}),_react2.default.createElement(_row2.default,{className:"loginForm"},_react2.default.createElement(_col2.default,{span:16,className:"formBack"}),_react2.default.createElement(_col2.default,{span:8,className:"formContainer"},_react2.default.createElement(_form2.default,{onFinish:this.onLogin,className:"formLogin"},_react2.default.createElement("p",{className:"formTitle"},this.props.title),_react2.default.createElement("div",{className:"ant-form-item-label"},"用户名"),_react2.default.createElement("div",{className:"ant-form-item-field"},_react2.default.createElement(_form2.default.Item,{name:"loginName",rules:[{required:!0,message:"请输入账号 / 手机 / 邮箱地址"}]},_react2.default.createElement(_input2.default,{className:"loginInput",prefix:_react2.default.createElement("i",{className:"iconfont icon-user"}),placeholder:"请输入账号 / 手机 / 邮箱地址"}))),_react2.default.createElement("div",{className:"ant-form-item-label"},"密码"),_react2.default.createElement("div",{className:"ant-form-item-field"},_react2.default.createElement(_form2.default.Item,{name:"password",rules:[{required:!0,message:"请输入登录密码！"}]},_react2.default.createElement(_input2.default,{className:"loginInput",prefix:_react2.default.createElement("i",{className:"iconfont icon-password"}),type:"password",placeholder:"请输入登录密码"}))),_react2.default.createElement("div",{style:{paddingLeft:"0!important",paddingRight:"0!important"}},_react2.default.createElement(_button2.default,{className:"btnLogin",htmlType:"submit"},_react2.default.createElement("span",{className:"iconfont icon-yes"}),"登录"))))))))}}]),t}();exports.default=FormLogin;