topTab.jsx 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. import React from 'react';
  2. import { Row, Col } from 'antd';
  3. import './topTab.less';
  4. import ajax from 'jquery/src/ajax/xhr.js'
  5. import $ from 'jquery/src/ajax';
  6. const TopTab = React.createClass({
  7. getInitialState() {
  8. return {
  9. username: 'username',
  10. };
  11. },
  12. logOut() {
  13. $.ajax({
  14. method: "get",
  15. dataType: "json",
  16. url: globalConfig.context + "/login",
  17. }).done(function (data) {
  18. window.location.href = globalConfig.context + "/portal/index.html"
  19. });
  20. },
  21. componentWillMount () {
  22. this.getData();
  23. },
  24. getData () {
  25. this.setState({
  26. loading: false
  27. });
  28. $.ajax({
  29. method: "get",
  30. dataType: "json",
  31. url: globalConfig.context + "/api/user/nickname"
  32. }).done(function (data) {
  33. if (data.error && data.error.length) {
  34. message.warning(data.error[0].message);
  35. } else {
  36. this.setState({
  37. nickname: data.data,
  38. })
  39. }
  40. }.bind(this)).always(function () {
  41. this.setState({
  42. loading: false
  43. });
  44. }.bind(this));
  45. },
  46. render() {
  47. return (
  48. <div className="account-top" >
  49. <div className="acc-top-user">
  50. <span className="acc-top-user-name">欢迎您, {this.state.nickname || userData.nickname || userData.number } <a onClick={this.logOut}>[ 退出 ]</a></span>
  51. <span className="acc-top-user-toindex"><a href={globalConfig.context + "/portal/index.html"}>返回首页</a></span>
  52. </div>
  53. {/* <div className="acc-top-tab">
  54. <Row>
  55. <Col className={this.props.active === 'set' ? 'active' : ''} span={3}><a href={globalConfig.context + "/user/account/set.html"}>账号设置</a></Col>
  56. <Col className={this.props.active === 'services' ? 'active' : ''} span={3}><a href={globalConfig.context + "/user/account/services.html"}>科技服务</a></Col>
  57. <Col className={this.props.active === 'achievement' ? 'active' : ''} span={3}><a href={globalConfig.context + "/user/account/achievement.html"}>科技成果</a></Col>
  58. <Col className={this.props.active === 'demand' ? 'active' : ''} span={3}><a href={globalConfig.context + "/user/account/demand.html"}>科技需求</a></Col>
  59. </Row>
  60. </div> */}
  61. </div >
  62. )
  63. }
  64. });
  65. export default TopTab;