content.jsx 5.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. import React from 'react';
  2. import { Spin, Button, Tabs } from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js'
  4. import $ from 'jquery/src/ajax';
  5. import '../content.less';
  6. import LeftTab from './leftTab.jsx';
  7. const TabPane = Tabs.TabPane;
  8. const Content = React.createClass({
  9. getInitialState() {
  10. return {
  11. loading: false
  12. };
  13. },
  14. render() {
  15. return (
  16. <div className="manage-content">
  17. <LeftTab handlekey={this.handlekey} />
  18. <div className="content-right">
  19. <Spin spinning={this.state.loading} className='spin-box'>
  20. <div className="index-content">
  21. <input type="file" id="upload"/>
  22. </div>
  23. </Spin>
  24. </div>
  25. </div>
  26. )
  27. }
  28. });
  29. export default Content;
  30. // <div className="index-content">
  31. // <div className="index-userdata clearfix">
  32. // <p className="acc-title">{this.state.number}</p>
  33. // <div className="userdata-img">
  34. // <img src={globalConfig.staticHost + "/upload" + this.state.personPortraitUrl} alt="" />
  35. // </div>
  36. // <div className="userdata-content">
  37. // {(() => {
  38. // switch (userData.lvl || this.state.userlvl) {
  39. // case '0':
  40. // return <p className="userdata-lvl">等级:<span>LV1</span> 普通用户</p>;
  41. // case '1':
  42. // return <p className="userdata-lvl">等级:<span>LV2</span> 已认证用户</p>;
  43. // };
  44. // })()}
  45. // <p>完善资料 {this.state.per}% ,<a href="./set.html">继续完善</a>,有助于提高您的资信</p>
  46. // <p className="userdata-relate" style={{ 'display': 'none' }}>
  47. // <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
  48. // <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
  49. // <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
  50. // </p>
  51. // <div className="userdata-follow">已有<a href="">{this.state.follow}</a>人关注你</div>
  52. // </div>
  53. // </div>
  54. // <div className="index-record">
  55. // <p className="acc-title">我的轨迹</p>
  56. // <ul className="record-list clearfix">
  57. // <li>技术成果:<a href="">{this.state.chengguo}</a>项</li>
  58. // <li>技术开发:<a href="">{this.state.kaifa}</a>项</li>
  59. // <li>科技服务:<a href="">{this.state.fuwu}</a>项</li>
  60. // <li>发布需求:<a href="">{this.state.xuqiu}</a>项</li>
  61. // </ul>
  62. // </div>
  63. // <div className="index-activity">
  64. // <Tabs defaultActiveKey="1" onChange={this.tabChange}>
  65. // <TabPane tab="活动" key="1">
  66. // <p className="acc-title">即将举办的活动</p>
  67. // <ul className="activity-list">
  68. // {
  69. // this.state.activityArr.map(function (item, i) {
  70. // return <li key={i}>
  71. // <span className="list-type">[{item.type}]</span>
  72. // <span className="list-title">{item.title}</span>
  73. // <a href={item.link}>报名</a>
  74. // <span className="list-time">{item.time}</span>
  75. // </li>;
  76. // })
  77. // }
  78. // </ul>
  79. // </TabPane>
  80. // <TabPane tab="其他" key="2">Content of Tab Pane 2</TabPane>
  81. // </Tabs>
  82. // </div>
  83. // </div>