| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 | 
							- import React from 'react';
 
- import { Spin, Button, Tabs, message, Modal } from 'antd';
 
- import ajax from 'jquery/src/ajax/xhr.js'
 
- import $ from 'jquery/src/ajax';
 
- import '../content.less';
 
- import './content.less';
 
- import LeftTab from './leftTab.jsx';
 
- import Collection from './collection';
 
- import weixin from '../../../../image/weixin-w.png';
 
- import qq from '../../../../image/qq-w.png';
 
- import weibo from '../../../../image/weibo-w.png';
 
- import defaultAvatar from '../../../../image/avatarImg.png'
 
- import level1 from '../../../../image/level_1.png';
 
- import level2 from '../../../../image/level_2.png';
 
- import level3 from '../../../../image/level_3.png';
 
- import level4 from '../../../../image/level_4.png';
 
- import level5 from '../../../../image/level_5.png';
 
- const Content = React.createClass({
 
-     getInitialState () {
 
-         return {
 
-             loading: false,
 
-             visible: false
 
-         };
 
-     },
 
-     getData () {
 
-         this.setState({
 
-             loading: false
 
-         });
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             url: globalConfig.context + "/api/user/homePage"
 
-         }).done(function (data) {
 
-             if (data.error && data.error.length) {
 
-                 message.warning(data.error[0].message);
 
-             } else {
 
-                 this.setState({
 
-                     achievementNum: data.data.achievementNum,
 
-                     copyrightNum: data.data.copyrightNum,
 
-                     demandNum: data.data.demandNum,
 
-                     gradeName: data.data.gradeName,
 
-                     email: data.data.email,
 
-                     intellectualPropertyNum: data.data.intellectualPropertyNum,
 
-                     logoUrl: data.data.logoUrl,
 
-                     level: data.data.lvl,
 
-                     nickname: data.data.nickname,
 
-                     number: data.data.number,
 
-                     patentNum: data.data.patentNum,
 
-                     personPortraitUrl: data.data.personPortraitUrl,
 
-                     techProjectNum: data.data.techProjectNum,
 
-                     type: data.data.type,
 
-                     uid: data.data.uid,
 
-                     visible: !data.data.lvl || data.data.lvl == 0 ? true : false
 
-                 })
 
-             }
 
-         }.bind(this)).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
-     },
 
-     componentWillMount () {
 
-         this.getData();
 
-     },
 
-     tabChange (key) {
 
-     },
 
-     render () {
 
-         const TabPane = Tabs.TabPane;
 
-         return (
 
-             <Spin spinning={this.state.loading} className='spin-box'>
 
-                 <div className="index-content">
 
-                     <div className="index-userdata clearfix">
 
-                         <p className="acc-title">
 
-                             欢迎,
 
-                             <span>{this.state.nickname || ('No.' + this.state.number)}</span>
 
-                             {(() => {
 
-                                 if ( this.state.level ) {
 
-                                     return <img src={globalConfig.avatarUploadHost + '/rank/level_' + this.state.level + '.png'} alt="" />
 
-                                 } else {
 
-                                     return ''
 
-                                 }
 
-                             })()}
 
-                             {(() => {
 
-                                 if (this.state.level > 1 && this.state.level < 2) {
 
-                                     return <span style={{ fontSize: '14px', color: '#333' }}>
 
-                                         <a href={globalConfig.context + '/portal/membership.html'}>升级高级会员</a> ,获取更多会员权益
 
-                                         </span>;
 
-                                 }
 
-                             })()}
 
-                         </p>
 
-                         <div className="userdata-img">
 
-                             {this.state.personPortraitUrl || this.state.logoUrl ?
 
-                                 <img src={globalConfig.avatarHost + "/upload" + (this.state.type == 0 ? this.state.personPortraitUrl : this.state.logoUrl)} alt="" />
 
-                                 : <img src={defaultAvatar} alt="" />}
 
-                         </div>
 
-                         <div className="userdata-content">
 
-                             {(() => {
 
-                                 if (this.state.level > 0) {
 
-                                     return <p className="userdata-lvl"><span>{this.state.gradeName}</span></p>;
 
-                                 } else {
 
-                                     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>;
 
-                                 };
 
-                             })()}
 
-                             <p><a href={globalConfig.context + "/user/account/set.html"}>填写完整资料</a>,有助于提高您的资信</p>
 
-                             <p className="userdata-relate" style={{ 'display': 'none' }}>
 
-                                 <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
 
-                                 <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
 
-                                 <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
 
-                             </p>
 
-                         </div>
 
-                     </div>
 
-                     <div className="index-record">
 
-                         <p className="acc-title">我的轨迹</p>
 
-                         {this.state.type ? <ul className="record-list clearfix">
 
-                             <li>专利:<a href={globalConfig.context + "/user/account/services.html#patent"}>{this.state.patentNum || 0}</a> 项</li>
 
-                             <li>软著:<a href={globalConfig.context + "/user/account/services.html#copyright"}>{this.state.copyrightNum || 0}</a> 项</li>
 
-                             <li>知识产权:<a href={globalConfig.context + "/user/account/services.html#intellectual"}>{this.state.intellectualPropertyNum || 0}</a> 项</li>
 
-                             <li>科技项目:<a href={globalConfig.context + "/user/account/services.html#technology"}>{this.state.techProjectNum || 0}</a> 项</li>
 
-                             <li>技术成果:<a href={globalConfig.context + "/user/account/achievement.html#techAchievement"}>{this.state.achievementNum || 0}</a> 项</li>
 
-                             <li>发布需求:<a href={globalConfig.context + "/user/account/demand.html#techDemand"}>{this.state.demandNum || 0}</a> 项</li>
 
-                         </ul> : <ul className="record-list clearfix">
 
-                                 <li>技术成果:<a href={globalConfig.context + "/user/account/achievement.html#techAchievement"}>{this.state.achievementNum || 0}</a> 项</li>
 
-                                 <li>发布需求:<a href={globalConfig.context + "/user/account/demand.html#techDemand"}>{this.state.demandNum || 0}</a> 项</li>
 
-                             </ul>}
 
-                     </div>
 
-                     <div className="index-activity">
 
-                         <Collection />
 
-                     </div>
 
-                 </div>
 
-                 <Modal maskClosable={false}
 
-                     title="实名认证提示"
 
-                     visible={this.state.visible}
 
-                     onCancel={() => {
 
-                         this.setState({
 
-                             visible: false,
 
-                         });
 
-                     }}
 
-                     width='400px'
 
-                     footer={[]} >
 
-                     <p style={{ textAlign: 'center' }}>
 
-                         <span>您还未进行实名认证,请完成实名认证,为您提供更多服务</span>
 
-                     </p>
 
-                     <div style={{ marginTop: '20px', textAlign: 'center' }}>
 
-                         <Button type="primary"
 
-                             onClick={() => {
 
-                                 window.open(this.state.type == 1 ? globalConfig.context + "/user/groupCertify.html" : globalConfig.context + "/user/certify.html")
 
-                             }}>马上去</Button>
 
-                     </div>
 
-                 </Modal>
 
-             </Spin>
 
-         )
 
-     }
 
- });
 
- export default Content;
 
 
  |