topTab.jsx 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. import logo from '../../../image/acc-logo.png';
  7. const TopTab = React.createClass({
  8. getInitialState() {
  9. return {
  10. username: 'username',
  11. };
  12. },
  13. logOut() {
  14. $.ajax({
  15. method: "POST",
  16. dataType: "json",
  17. url: globalConfig.context + "/login",
  18. }).done(function (data) {
  19. window.location.href = "../login.html"
  20. });
  21. },
  22. render() {
  23. return (
  24. <div className="account-top" >
  25. <div className="acc-top-user">
  26. <span className="acc-top-user-name">欢迎您, { userData.nickname || userData.number || this.state.username} <a onClick={this.logOut}>[ 退出 ]</a></span>
  27. <span className="acc-top-user-toindex"><a href="../index.html">返回首页</a></span>
  28. </div>
  29. <div className="acc-index">
  30. <div className="acc-index-imgbox">
  31. <img src={logo} alt="" />
  32. </div>
  33. <span><a href="./index.html">会员中心首页</a></span>
  34. </div>
  35. <div className="acc-top-tab">
  36. <Row>
  37. <Col className={this.props.active === 'set' ? 'active' : ''} span={2}><a href="./set.html">账号设置</a></Col>
  38. <Col className={this.props.active === 'guanli' ? 'active' : ''} span={2}><a href="./set.html">供需管理</a></Col>
  39. <Col className={this.props.active === 'jiaoliu' ? 'active' : ''} span={2}><a href="./set.html">交流互动</a></Col>
  40. <Col className={this.props.active === 'huodong' ? 'active' : ''} span={2}><a href="./set.html">活动管理</a></Col>
  41. <Col className={this.props.active === 'jishu' ? 'active' : ''} span={2}><a href="./set.html">技术评估</a></Col>
  42. <Col className={this.props.active === 'pingshen' ? 'active' : ''} span={2}><a href="./set.html">评审管理</a></Col>
  43. <Col className={this.props.active === 'yanfa' ? 'active' : ''} span={2}><a href="./set.html">研发平台</a></Col>
  44. </Row>
  45. </div>
  46. </div >
  47. )
  48. }
  49. });
  50. export default TopTab;