normal.jsx 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. import React from 'react';
  2. import { Spin, Button, Tabs, message, Modal } 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. import level2 from '../../../../image/level_2.png';
  13. import level3 from '../../../../image/level_3.png';
  14. const Content = React.createClass({
  15. getInitialState () {
  16. return {
  17. loading: false,
  18. visible: false
  19. };
  20. },
  21. getData () {
  22. this.setState({
  23. loading: false
  24. });
  25. $.ajax({
  26. method: "get",
  27. dataType: "json",
  28. url: globalConfig.context + "/api/user/homePage"
  29. }).done(function (data) {
  30. if (data.error && data.error.length) {
  31. message.warning(data.error[0].message);
  32. } else {
  33. this.setState({
  34. achievementNum: data.data.achievementNum,
  35. copyrightNum: data.data.copyrightNum,
  36. demandNum: data.data.demandNum,
  37. email: data.data.email,
  38. intellectualPropertyNum: data.data.intellectualPropertyNum,
  39. logoUrl: data.data.logoUrl,
  40. level: data.data.lvl,
  41. nickname: data.data.nickname,
  42. number: data.data.number,
  43. patentNum: data.data.patentNum,
  44. personPortraitUrl: data.data.personPortraitUrl,
  45. techProjectNum: data.data.techProjectNum,
  46. type: data.data.type,
  47. uid: data.data.uid,
  48. visible: !data.data.lvl || data.data.lvl == 0 ? true : false
  49. })
  50. }
  51. }.bind(this)).always(function () {
  52. this.setState({
  53. loading: false
  54. });
  55. }.bind(this));
  56. },
  57. componentWillMount () {
  58. this.getData();
  59. },
  60. tabChange (key) {
  61. },
  62. render () {
  63. const TabPane = Tabs.TabPane;
  64. return (
  65. <Spin spinning={this.state.loading} className='spin-box'>
  66. <div className="index-content">
  67. <div className="index-userdata clearfix">
  68. <p className="acc-title">
  69. 欢迎,
  70. <span>{this.state.nickname || ('No.' + this.state.number)}</span>
  71. <img src={(() => {
  72. switch (this.state.level) {
  73. case 1:
  74. return "";
  75. case 2:
  76. return level2;
  77. case 3:
  78. return level3;
  79. default:
  80. return ""
  81. }
  82. })()} alt="" />
  83. </p>
  84. <div className="userdata-img">
  85. {this.state.personPortraitUrl || this.state.logoUrl ?
  86. <img src={globalConfig.avatarHost + "/upload" + (this.state.type == 0 ? this.state.personPortraitUrl : this.state.logoUrl)} alt="" />
  87. : <img src="" alt="" />}
  88. </div>
  89. <div className="userdata-content">
  90. {(() => {
  91. if (this.state.level > 0) {
  92. return <p className="userdata-lvl"><span>Lv.{this.state.level}</span> 用户</p>;
  93. } else {
  94. 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>;
  95. };
  96. })()}
  97. <p><a href={globalConfig.context + "/user/account/set.html"}>填写完整资料</a>,有助于提高您的资信</p>
  98. <p><a href={globalConfig.context + "/portal/search/achievement.html"}>成果搜索</a></p>
  99. <p><a href={globalConfig.context + "/portal/search/demand.html"}>需求搜索</a></p>
  100. <p className="userdata-relate" style={{ 'display': 'none' }}>
  101. <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
  102. <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
  103. <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
  104. </p>
  105. </div>
  106. </div>
  107. <div className="index-record">
  108. <p className="acc-title">我的轨迹</p>
  109. {this.state.type ? <ul className="record-list clearfix">
  110. <li>专利:<a href={globalConfig.context + "/user/account/services.html#patent"}>{this.state.patentNum || 0}</a> 项</li>
  111. <li>软著:<a href={globalConfig.context + "/user/account/services.html#copyright"}>{this.state.copyrightNum || 0}</a> 项</li>
  112. <li>知识产权:<a href={globalConfig.context + "/user/account/services.html#intellectual"}>{this.state.intellectualPropertyNum || 0}</a> 项</li>
  113. <li>科技项目:<a href={globalConfig.context + "/user/account/services.html#technology"}>{this.state.techProjectNum || 0}</a> 项</li>
  114. <li>技术成果:<a href={globalConfig.context + "/user/account/achievement.html#techAchievement"}>{this.state.achievementNum || 0}</a> 项</li>
  115. <li>发布需求:<a href={globalConfig.context + "/user/account/demand.html#techDemand"}>{this.state.demandNum || 0}</a> 项</li>
  116. </ul> : <ul className="record-list clearfix">
  117. <li>技术成果:<a href={globalConfig.context + "/user/account/achievement.html#techAchievement"}>{this.state.achievementNum || 0}</a> 项</li>
  118. <li>发布需求:<a href={globalConfig.context + "/user/account/demand.html#techDemand"}>{this.state.demandNum || 0}</a> 项</li>
  119. </ul>}
  120. </div>
  121. <div className="index-activity">
  122. <Collection />
  123. </div>
  124. </div>
  125. <Modal maskClosable={false}
  126. title="实名认证提示"
  127. visible={this.state.visible}
  128. onCancel={() => {
  129. this.setState({
  130. visible: false,
  131. });
  132. }}
  133. width='400px'
  134. footer={[]} >
  135. <p style={{ textAlign: 'center' }}>
  136. <span>您还未进行实名认证,请完成实名认证,为您提供更多服务</span>
  137. </p>
  138. <div style={{ marginTop: '20px', textAlign: 'center' }}>
  139. <Button type="primary"
  140. onClick={() => {
  141. window.open(this.state.type == 1 ? globalConfig.context + "/user/groupCertify.html" : globalConfig.context + "/user/certify.html")
  142. }}>马上去</Button>
  143. </div>
  144. </Modal>
  145. </Spin>
  146. )
  147. }
  148. });
  149. export default Content;