normal.jsx 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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 './content.less';
  7. import LeftTab from './leftTab.jsx';
  8. import Collection from './collection';
  9. import weixin from '../../../../image/weixin-w.png';
  10. import qq from '../../../../image/qq-w.png';
  11. import weibo from '../../../../image/weibo-w.png';
  12. const TabPane = Tabs.TabPane;
  13. const Content = React.createClass({
  14. getInitialState() {
  15. return {
  16. loading: false
  17. };
  18. },
  19. getData() {
  20. this.setState({
  21. loading: false
  22. });
  23. $.ajax({
  24. method: "get",
  25. dataType: "json",
  26. url: globalConfig.context + "/api/user/homePage"
  27. }).done(function (data) {
  28. if (data.error && data.error.length) {
  29. message.warning(data.error[0].message);
  30. } else {
  31. this.setState({
  32. achievementNum: data.data.achievementNum,
  33. copyrightNum: data.data.copyrightNum,
  34. demandNum: data.data.demandNum,
  35. email: data.data.email,
  36. intellectualPropertyNum: data.data.intellectualPropertyNum,
  37. logoUrl: data.data.logoUrl,
  38. level: data.data.lvl,
  39. nickname: data.data.nickname,
  40. number: data.data.number,
  41. patentNum: data.data.patentNum,
  42. personPortraitUrl: data.data.personPortraitUrl,
  43. techProjectNum: data.data.techProjectNum,
  44. type: data.data.type,
  45. uid: data.data.uid
  46. })
  47. }
  48. }.bind(this)).always(function () {
  49. this.setState({
  50. loading: false
  51. });
  52. }.bind(this));
  53. },
  54. componentWillMount() {
  55. this.getData();
  56. },
  57. tabChange(key) {
  58. },
  59. render() {
  60. return (
  61. <Spin spinning={this.state.loading} className='spin-box'>
  62. <div className="index-content">
  63. <div className="index-userdata clearfix">
  64. <p className="acc-title">欢迎, No.<span>{this.state.number}</span> </p>
  65. <div className="userdata-img">
  66. {this.state.personPortraitUrl || this.state.logoUrl ?
  67. <img src={globalConfig.avatarHost + "/upload" + (this.state.type == 0 ? this.state.personPortraitUrl : this.state.logoUrl)} alt="" />
  68. : <img src="" alt="" />}
  69. </div>
  70. <div className="userdata-content">
  71. {(() => {
  72. if (this.state.level > 0) {
  73. return <p className="userdata-lvl"><span>Lv.{this.state.level}</span> 用户</p>;
  74. } else {
  75. return <p className="userdata-lvl"><span>用户未认证</span><a style={{ marginLeft: '20px' }} href={userData.type == 1 ? globalConfig.context + "/user/groupCertify.html" : globalConfig.context + "/user/certify.html"}>进行实名认证</a></p>;
  76. };
  77. })()}
  78. <p><a href={globalConfig.context + "/user/account/set.html"}>填写完整资料</a>,有助于提高您的资信</p>
  79. <p><a href={globalConfig.context + "/portal/search/achievement.html"}>成果搜索</a></p>
  80. <p><a href={globalConfig.context + "/portal/search/demand.html"}>需求搜索</a></p>
  81. <p><a href={globalConfig.context + "/portal/search/subscriber.html"}>用户搜索</a></p>
  82. <p className="userdata-relate" style={{ 'display': 'none' }}>
  83. <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
  84. <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
  85. <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
  86. </p>
  87. </div>
  88. </div>
  89. <div className="index-record">
  90. <p className="acc-title">我的轨迹</p>
  91. <ul className="record-list clearfix">
  92. <li>专利:<a href={globalConfig.context + "/user/account/services.html#patent"}>{this.state.patentNum || 0}</a> 项</li>
  93. <li>软著:<a href={globalConfig.context + "/user/account/services.html#copyright"}>{this.state.copyrightNum || 0}</a> 项</li>
  94. <li>知识产权:<a href={globalConfig.context + "/user/account/services.html#cognizance"}>{this.state.intellectualPropertyNum || 0}</a> 项</li>
  95. <li>科技项目:<a href={globalConfig.context + "/user/account/services.html#technology"}>{this.state.techProjectNum || 0}</a> 项</li>
  96. <li>技术成果:<a href={globalConfig.context + "/user/account/achievement.html#techAchievement"}>{this.state.achievementNum || 0}</a> 项</li>
  97. <li>发布需求:<a href={globalConfig.context + "/user/account/demand.html#techDemand"}>{this.state.demandNum || 0}</a> 项</li>
  98. </ul>
  99. </div>
  100. <div className="index-activity">
  101. <Collection />
  102. </div>
  103. </div>
  104. </Spin>
  105. )
  106. }
  107. });
  108. export default Content;