normal.jsx 9.3 KB

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