webpackJsonp([19],{2777:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(17),i=n.n(o),c=n(298),s=n(5),l=function(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e};function p(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var u="changeHeaderPic",f=(function(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)}(d,a.Component),l(d,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this,t=(this.state.course_lists,this.props),n=(t.moduleName,t.current_user),a=n?Object(s.R)()+"/images/"+n.image_url:"";return r.a.createElement(c.a,Object.assign({ref:"modalWrapper",title:"上传头像"},this.props,{onOk:this.onOk,okText:"保存",width:552,className:"changeHeaderModal",loading:this.state.uploading,onCancel:function(){return e.setState({uploading:!1})}}),r.a.createElement("style",null,"\n            #changeHeader_imagePreview {\n                overflow: hidden;\n                background-color: #fff;\n                border-radius: 50%;\n                text-align: center;\n                width: 120px;\n                height: 120px;\n                /* border: 1px solid #eee; */\n            }\n            .previewWrap {\n              flex-direction: column;\n              justify-content: space-between;\n              height: 320px;\n              align-items: center;\n              margin-left: 36px;\n            }\n            .changeHeaderModal .tip {\n              color: #9B9B9B;\n              margin-top: 4px;\n            }\n            .changeHeaderModal .cropperWrap .tip {\n              display: inline-block;\n            }\n            .previewWrap .tip {\n              text-align: center;\n              margin-top: 4px;\n            }\n            #uploadBtn {\n              color: #4CACFF;\n              border: 1px solid #4CACFF;\n              padding: 2px 18px;\n              cursor: pointer;\n            }\n        "),r.a.createElement("div",{className:"df"},r.a.createElement("div",{className:"cropperWrap"},r.a.createElement(s.h,{imageSrc:"",initPreviewUrl:a,ref:"cropper",imageId:u,previewId:"changeHeader_imagePreview",width:320,height:320}),r.a.createElement("span",{className:"tip"},"仅支持JPG、GIF、PNG，且文件小于2M")),r.a.createElement("div",{className:"df previewWrap",style:{flexDirection:"column"}},r.a.createElement("div",null,r.a.createElement("div",{id:"changeHeader_imagePreview"},a&&r.a.createElement("img",{src:a})),r.a.createElement("div",{className:"tip"},"头像预览")),r.a.createElement("label",{id:"uploadBtn",for:"inputImage"},r.a.createElement("input",{type:"file",class:"sr-only",id:"inputImage",name:"file",accept:"image/*"}),"点击上传"))))}}]),d);function d(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d);var a=function(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}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,e));return a.init=function(){var r=document.getElementById("inputImage"),o=a;r.onchange=function(){var t,e=this.files;if(e&&e.length)if(t=e[0],/^image\/\w+/.test(t.type)){if(2097152<t.size)return void(this.props.showNotification&&this.props.showNotification("仅支持文件大小小于2M的文件"));t.type,t.name;var n=document.getElementById(u),a=new FileReader;a.readAsBinaryString(t),a.onload=function(){var e=btoa(a.result);n.src="data:"+t.type+";base64,"+e,o.fileUploaded=!0,o.refs.cropper.renew(n),r.value=null},a.onerror=function(){}}else this.props.showNotification&&this.props.showNotification("请选择一个图片格式的文件")}},a.setVisible=function(e){a.refs.modalWrapper.setVisible(e),e&&(a.fileUploaded=!1,setTimeout(function(){a.init()},500))},a.onSendOk=function(){},a.onOk=function(){1!=a.state.uploading&&(1==a.fileUploaded?a.setState({uploading:!0},function(){window.setTimeout(function(){a._onOk()},10)}):a.props.showNotification("请先上传图片"))},a._onOk=function(){var e=document.getElementById("changeHeader_imagePreview");window.html2canvas(e).then(function(e){var t=e.toDataURL("image/jpeg"),n="/users/accounts/"+a.props.userLogin+"/avatar.json";i.a.put(n,{image:t}).then(function(e){0==e.data.status&&(-1!=a.props.current_user.image_url.indexOf("avatars/User/b")||-1!=a.props.current_user.image_url.indexOf("avatars/User/g")?window.setTimeout(function(){a.doAfterUpdated()},1e3):a.doAfterUpdated(),a.setState({uploading:!1}))}).catch(function(e){this.setState({uploading:!1})})})},a.doAfterUpdated=function(){a.props.fetchUser(),a.props.showNotification&&a.props.showNotification("修改头像成功"),a.setVisible(!1)},a.state={uploading:!1},a}t.a=f},3890:function(e,t,n){"use strict";var a=n(0),c=n.n(a),s=(n(5),n(3891)),r=function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e};function o(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function i(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}var l=(function(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)}(p,a.Component),r(p,[{key:"render",value:function(){var e=this.props,t=e.basicInfo,n=e.current_user,a=window.location.pathname,r=-1!=a.indexOf("profile")||"/account"==a,o=-1!=a.indexOf("certification"),i=-1!=a.indexOf("secure");return c.a.createElement("div",{className:"accountNav fl"},c.a.createElement("style",null,"\n                .accountInfo { \n                  text-align: center;\n                  display: flex;\n                  flex-direction: column;\n                  align-items: center;\n                }\n                .accountInfo .name {\n                  color: #05101A;\n                  font-size: 24px;\n                  height: 36px;\n                }\n                .accountInfo .role {\n                  color: #666666;\n                  font-size: 14px;\n                }\n                .accountManagement .title {\n                  color: #05101A;\n                  font-size: 18px;\n                  font-weight: 400;\n                  padding: 10px 28px;\n                  margin-top: 6px;\n                }\n                .accountManagement .navItem {\n                  font-size: 16px;\n                  padding: 6px 0px;\n                  padding-left: 30px;\n                  border-left: 2px solid #fff;\n                  cursor: pointer;\n                  color:#4D4D4D;\n                }\n                .accountManagement .navItem i{\n                  margin-top: -4px;\n                  display: inline-block;\n                  margin-right: 7px;\n                }\n                .accountManagement .navItem i.status{\n                  margin-top: 1px;\n                  margin-right: 24px;\n                }\n                .accountManagement .navItem.active { \n                  border-left: 2px solid #4CACFF;\n                  background: #E6F3FF;\n                }\n                .accountManagement .navItem.active i:first-child{\n                  color:#4CACFF!important;\n                }\n\n                .color-green-light{\n                  color: #45E660!important;\n                }\n            "),t&&t.id&&c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:"accountInfo"},c.a.createElement(s.a,Object.assign({src:t.avatar_url},this.props)),c.a.createElement("span",{className:"name"},t.name||(n?n.login:"")),c.a.createElement("span",{className:"role"},t.technical_title)),c.a.createElement("div",{className:"accountManagement"},c.a.createElement("div",{className:"title"},"账号管理"),c.a.createElement("ul",null,c.a.createElement("li",{className:"navItem "+(r?"active":""),onClick:this.toBasic},c.a.createElement("i",{className:"iconfont icon-jibenxinxi color-grey-9 font-16"}),"基本信息",1==t.base_info_completed?c.a.createElement("i",{className:"status fr iconfont icon-wancheng color-green-light font-16"}):c.a.createElement("i",{className:"status fr iconfont icon-tishi color-red font-16"})),c.a.createElement("li",{className:"navItem "+(o?"active":""),onClick:this.toCertification},c.a.createElement("i",{className:"iconfont icon-renzhengxinxi color-grey-9 font-16"}),"认证信息","certified"==t.professional_certification&&"certified"==t.authentication?c.a.createElement("i",{className:"status fr iconfont icon-wancheng color-green-light font-16"}):c.a.createElement("i",{className:"status fr iconfont icon-tishi color-red font-16"})),c.a.createElement("li",{className:"navItem "+(i?"active":""),onClick:this.toSecure},c.a.createElement("i",{className:"iconfont icon-anquanshezhi color-grey-9 font-16"}),"安全设置")))))}}]),p);function p(){var e,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p);for(var a=arguments.length,r=Array(a),o=0;o<a;o++)r[o]=arguments[o];return(t=n=i(this,(e=p.__proto__||Object.getPrototypeOf(p)).call.apply(e,[this].concat(r)))).toBasic=function(){n.props.history.push("/account/profile")},n.toCertification=function(){n.props.history.push("/account/certification")},n.toSecure=function(){n.props.history.push("/account/secure")},i(n,t)}t.a=l},3891:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(5),i=n(2777),c=function(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e};function s(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function l(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}var p=(function(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)}(u,a.Component),c(u,[{key:"render",value:function(){var e=Object(o.M)("images/"+this.props.src);return r.a.createElement("div",{className:"headphoto mt14"},r.a.createElement(i.a,Object.assign({},this.props,{ref:"picModal",imageSrc:e,userLogin:this.props.current_user?this.props.current_user.login:""})),r.a.createElement("style",null,"\n            /*\n            .headphoto {\n              text-align: center;\n              background: #FFFFff;\n              width: 115px;\n              height: 115px;\n              padding: 3px;\n              border-radius: 50%;\n              position: relative;\n              float: left;\n              margin-top: 19px;\n              box-sizing: border-box;\n            }\n            .headphoto img {\n              width: 109px;\n              border-radius: 50%;\n              height: 109px;\n            }\n            .headphoto-black {\n              display: none;\n              cursor: pointer;\n              position: absolute;\n              top: 3px;\n              left: 3px;\n              width: 109px;\n              height: 109px;\n              text-align: center;\n              line-height: 112px;\n              border-radius: 50%;\n              background-color: rgba(0,0,0,0.3);\n              color: #fff;\n            } */\n            .headphoto:hover .headphoto-black {\n              display: block;\n            }\n          "),r.a.createElement("img",{alt:"头像",id:"user_avatar_show",nhname:"avatar_image",src:""+e}),r.a.createElement("p",{className:"headphoto-black",onClick:this.editImg},"修改头像"))}}]),u);function u(){var e,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u);for(var a=arguments.length,r=Array(a),o=0;o<a;o++)r[o]=arguments[o];return(t=n=l(this,(e=u.__proto__||Object.getPrototypeOf(u)).call.apply(e,[this].concat(r)))).editImg=function(){n.refs.picModal.setVisible(!0)},l(n,t)}t.a=p},746:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n.n(a),o=n(45),i=n(314),c=n(309),s=n(310),l=n.n(s),p=n(311),u=n(5),f=n(3890),d=n(17),m=n.n(d),h=function(e,t,n){return t&&g(e.prototype,t),n&&g(e,n),e};function g(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var b=l()({loader:function(){return n.e(45).then(n.bind(null,3486))},loading:c.a}),v=l()({loader:function(){return n.e(45).then(n.bind(null,3487))},loading:c.a}),y=l()({loader:function(){return n.e(71).then(n.bind(null,3893))},loading:c.a}),x=l()({loader:function(){return n.e(110).then(n.bind(null,3897))},loading:c.a}),w=(function(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)}(E,a.Component),h(E,[{key:"render",value:function(){var t=this,n={basicInfo:this.state.basicInfo,getBasicInfo:this.getBasicInfo};return r.a.createElement("div",{className:"newMain clearfix"},r.a.createElement("div",{className:"educontent df pt20"},r.a.createElement("style",null,"\n                .accountPage {\n                  display: flex;\n                }\n                .basicFormWrap{\n                  flex:1;\n                  width: 0;\n                }\n\n                /* 左侧 */\n                .accountNav {\n                  width: 290px;\n                  box-shadow: 0px 4px 9px 0px rgba(11,62,120,0.21);\n                  border-radius: 2px;\n                  padding-top: 8px;\n                  padding-bottom: 30px;\n                  margin-bottom:30px;\n                  margin-right:20px;\n                  height:418px;\n                }\n              "),r.a.createElement(f.a,Object.assign({},this.props,n)),r.a.createElement("div",{className:"basicFormWrap"},r.a.createElement(o.e,this.props,r.a.createElement(o.d,{exact:!0,path:"/account/profile",render:function(e){return r.a.createElement(b,Object.assign({},t.props,e,t.state,n))}}),r.a.createElement(o.d,{exact:!0,path:"/account/profile/edit",render:function(e){return r.a.createElement(v,Object.assign({},t.props,e,t.state,n))}}),r.a.createElement(o.d,{exact:!0,path:"/account/certification",render:function(e){return r.a.createElement(y,Object.assign({},t.props,e,t.state,n))}}),r.a.createElement(o.d,{exact:!0,path:"/account/secure",render:function(e){return r.a.createElement(x,Object.assign({},t.props,e,t.state,n))}}),r.a.createElement(o.d,{exact:!0,path:"/account",render:function(e){return r.a.createElement(b,Object.assign({},t.props,e,t.state,n))}})))))}}]),E);function E(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,E);var n=function(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}(this,(E.__proto__||Object.getPrototypeOf(E)).call(this,e));return n.componentDidUpdate=function(e){n.props.current_user&&n.props.current_user!=e.current_user&&n.getBasicInfo(n.props.current_user.login)},n.componentDidMount=function(){n.props.current_user&&n.getBasicInfo(n.props.current_user.login)},n.getBasicInfo=function(e){var t="/users/accounts/"+(e||n.props.current_user.login)+".json";m.a.get(t).then(function(e){e.data&&(e.data&&0==e.data.base_info_completed&&n.props.history.push("/account/profile/edit"),n.setState({basicInfo:Object.assign({},Object.assign({},e.data),{avatar_url:""+e.data.avatar_url,gender:null==e.data.gender||null==e.data.gender?0:e.data.gender})}))}).catch(function(e){})},n.state={basicInfo:{}},n}t.default=Object(i.a)()(Object(u.w)()(Object(p.a)(w)))}});