Skip to content

M
mr-julyedu
Commit 7b8ee3af by xuzhenghua
Options

PULL

parents 7354fb6f e29a45cd
Showing with 363 additions and 384 deletions
src/App.js
...@@ -37,6 +37,7 @@ class App extends Component { ...@@ -37,6 +37,7 @@ class App extends Component {
componentDidMount() { componentDidMount() {
this.umengStatistic() this.umengStatistic()
this.QimoClient()
//平台信息 //平台信息
...@@ -276,13 +277,43 @@ class App extends Component { ...@@ -276,13 +277,43 @@ class App extends Component {
} }
} }
// 七陌客服代码 start
QimoClient=()=>{
let utm_source = getParam('utm_source')
let utm_medium = getParam('utm_medium')
let utm_campaign = getParam('utm_campaign')
let utm_content = getParam('utm_content')
let utm_term = getParam('utm_term')
var src = ''
// 知乎投放
if (utm_term && utm_source && utm_medium && utm_campaign && utm_content) {
src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=e2ca4f90-2d04-11ea-84c3-43908ae47640&autoShow=true&language=ZHCN'
} else {
// m端
src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=fbcf9aa0-2d03-11ea-84c3-43908ae47640&autoShow=true&language=ZHCN'
}
var script = document.createElement('script')
script.type = 'text/javascript'
script.src = src
script.async = 'async'
var qimoClientId = ''// 自定义用户的唯一id,由英文字母,数字,下划线组成
http.get(`${API['home']}/qiMoUserId`)
.then(res => {
qimoClientId = res.data.userId
document.body.appendChild(script)
})
}
// 七陌客服代码 end
render() { render() {
return <> return <Routes/>
<Routes/>
<Link className={'year19-index'} to="/year/yearindex">
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/gift-package.png" alt=""/>
</Link>
</>
} }
} }
......
src/assets/css/index.scss
...@@ -512,18 +512,3 @@ input[type="radio"]:checked:before { ...@@ -512,18 +512,3 @@ input[type="radio"]:checked:before {
color: #333; color: #333;
font-size: 15px; font-size: 15px;
} }
.year19-index {
display: block;
width: 58px;
height: 70px;
position: fixed;
top: 50%;
right: 0;
margin-top: -35px;
z-index: 9;
img {
width: 100%;
height: 100%;
}
}
\ No newline at end of file
src/components/Index/index.scss
#chatBtn {
bottom: 60px!important;
}
.index-box { .index-box {
overflow: hidden; overflow: hidden;
background-color: $bg_fff; background-color: $bg_fff;
......
src/components/activity/newyear-2019/landing/index.js
...@@ -38,7 +38,6 @@ class Landing extends Component { ...@@ -38,7 +38,6 @@ class Landing extends Component {
} }
componentDidMount() { componentDidMount() {
this.getStage();
this.fetchPageData() this.fetchPageData()
window.showFollowAlert = this.remind.bind(this, 'create') window.showFollowAlert = this.remind.bind(this, 'create')
document.title = '七月在线年终大回馈，幸运宝箱随你开，100%有奖！' document.title = '七月在线年终大回馈，幸运宝箱随你开，100%有奖！'
...@@ -48,7 +47,6 @@ class Landing extends Component { ...@@ -48,7 +47,6 @@ class Landing extends Component {
landing.style.minHeight = `${window.innerHeight}px` landing.style.minHeight = `${window.innerHeight}px`
boxContainer.style.minHeight = `${window.innerHeight}px` boxContainer.style.minHeight = `${window.innerHeight}px`
} }
this.createMeta();
} }
componentDidUpdate(prevProps) { componentDidUpdate(prevProps) {
...@@ -66,45 +64,6 @@ class Landing extends Component { ...@@ -66,45 +64,6 @@ class Landing extends Component {
this.shareTipPopup && this.shareTipPopup.remove() this.shareTipPopup && this.shareTipPopup.remove()
} }
// 获取活动以及宝箱的阶段
getStage = () => {
http.get(`${API.home}/activity/stage`).then(res => {
const {code, data, msg} = res.data
if (code === 200) {
if(Number(data.activity_stage) === 0) {
this.props.history.push('/');
return;
}
} else {
Toast.info(msg, 2)
}
})
}
createMeta = (title,dec,imgname) => {
let meta = document.createElement('meta');
meta.setAttribute('name', 'description')
meta.setAttribute('itemprop', 'description')
meta.setAttribute('content', '这里是自定义分享的描述')
let meta2 = document.createElement('meta');
meta2.setAttribute('itemprop', 'name')
meta2.setAttribute('content', '这里是标题')
let meta3 = document.createElement('meta');
meta3.setAttribute('itemprop', 'image')
meta3.setAttribute('content', 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/wx-share-icon.png')
let head = document.getElementsByTagName('head')[0];
head.appendChild(meta);
head.appendChild(meta2);
head.appendChild(meta3);
}
componentWillUnmount() {
this.shareTipPopup && this.shareTipPopup.remove()
}
createMeta = (title, dec, imgname) => { createMeta = (title, dec, imgname) => {
let meta = document.createElement('meta') let meta = document.createElement('meta')
meta.setAttribute('name', 'description') meta.setAttribute('name', 'description')
...@@ -131,44 +90,44 @@ class Landing extends Component { ...@@ -131,44 +90,44 @@ class Landing extends Component {
treasure_code, treasure_code,
origin origin
}) })
.then(res => { .then(res => {
const {data, code, msg} = res.data const {data, code, msg} = res.data
if (code == 200) { if (code == 200) {
this.setState({ this.setState({
teamData: data, teamData: data,
isCaptain: sessionStorage.getItem('isCaptain') ? sessionStorage.getItem('isCaptain') : getParam('origin') == 1, isCaptain: sessionStorage.getItem('isCaptain') ? sessionStorage.getItem('isCaptain') : getParam('origin') == 1,
activityEnd: data.status == 5 activityEnd: data.status == 5
}) })
this.setupWxShareConfig(data.member) this.setupWxShareConfig(data.member)
if (browser.isWeixin) { if (browser.isWeixin) {
wxShare({ wxShare({
title: this.shareTitle, title: this.shareTitle,
desc: this.shareDesc, desc: this.shareDesc,
link: `${window.location.origin}${location.pathname}?treasure_code=${getParam('treasure_code')}&origin=2`, link: `${window.location.origin}${location.pathname}?treasure_code=${getParam('treasure_code')}&origin=2`,
imgUrl: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/wx-share-icon.png' imgUrl: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/wx-share-icon.png'
}) })
// history.replace(`${match.url}?treasure_code=${getParam('treasure_code')}&origin=2`) // history.replace(`${match.url}?treasure_code=${getParam('treasure_code')}&origin=2`)
} else { } else {
this.createMeta(this.shareTitle, this.shareDesc, 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/wx-share-icon.png') this.createMeta(this.shareTitle, this.shareDesc, 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/wx-share-icon.png')
} }
let searchParams = new URLSearchParams(window.location.search) let searchParams = new URLSearchParams(window.location.search)
if (searchParams.get('origin') === '1' && !browser.isWeixin) { if (searchParams.get('origin') === '1' && !browser.isWeixin) {
searchParams.set('origin', '2') searchParams.set('origin', '2')
sessionStorage.setItem('isCaptain', '1') sessionStorage.setItem('isCaptain', '1')
window.history.replaceState(null, '', `landing?${searchParams.toString()}`) window.history.replaceState(null, '', `landing?${searchParams.toString()}`)
} }
this.showSharePromptWithParam() this.showSharePromptWithParam()
} else { } else {
Toast.info(msg, 2, null, false) Toast.info(msg, 2, null, false)
} }
}) })
} }
setupWxShareConfig = member => { setupWxShareConfig = member => {
...@@ -192,31 +151,31 @@ class Landing extends Component { ...@@ -192,31 +151,31 @@ class Landing extends Component {
http.post(`${API.home}/sys/treasure/joinTeam`, { http.post(`${API.home}/sys/treasure/joinTeam`, {
treasure_code treasure_code
}) })
.then(res => { .then(res => {
const {data, code, msg} = res.data const {data, code, msg} = res.data
if (code === 200) { if (code === 200) {
/*
* status
* 1-成功加入
* 2-成功加入组队成功
* 3-已加入当前队伍
* 4-已加入其他队伍
* */
switch (data.status) {
case 1:
case 2:
this.joinSuccess(data)
break
default:
Toast.info(msg, 2, null, false)
}
} else { /*
Toast.info(msg, 2, null, false) * status
} * 1-成功加入
}) * 2-成功加入组队成功
* 3-已加入当前队伍
* 4-已加入其他队伍
* */
switch (data.status) {
case 1:
case 2:
this.joinSuccess(data)
break
default:
Toast.info(msg, 2, null, false)
}
} else {
Toast.info(msg, 2, null, false)
}
})
} }
handleToMyTreasure = id => { handleToMyTreasure = id => {
...@@ -240,32 +199,32 @@ class Landing extends Component { ...@@ -240,32 +199,32 @@ class Landing extends Component {
<div className={'tip'}> <div className={'tip'}>
{ {
status === 2 status === 2
? '组队成功，恭喜你获得一个宝箱！' ? '组队成功，恭喜你获得一个宝箱！'
: is_team : is_team
? <>您的{<span>{team_num}</span>}号队伍还差{<span>{lack_member}</span>}人即可获得宝箱</> ? <>您的{<span>{team_num}</span>}号队伍还差{<span>{lack_member}</span>}人即可获得宝箱</>
: '自己当队长，宝箱内有专属奖品哦~' : '自己当队长，宝箱内有专属奖品哦~'
} }
</div> </div>
{ {
status === 2 status === 2
? <img style={{width: '150px', marginTop: '23px'}} ? <img style={{width: '150px', marginTop: '23px'}}
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/treasure-split.gif" src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/treasure-split.gif"
alt="" alt=""
onClick={this.handleToMyTreasure.bind(this, id)} onClick={this.handleToMyTreasure.bind(this, id)}
/> />
: is_team : is_team
? <button type='button' ? <button type='button'
onClick={this.inviteMembers.bind(this, treasure_code)}>继续组队</button> onClick={this.inviteMembers.bind(this, treasure_code)}>继续组队</button>
: <button type="button" onClick={this.createMyTeam}>创建我的队伍</button> : <button type="button" onClick={this.createMyTeam}>创建我的队伍</button>
} }
</div>, </div>,
closeIcon: this.closeIcon, closeIcon: this.closeIcon,
close: () => { close: () => {
this.fetchPageData() this.fetchPageData()
this.getFollowStatus() this.getFollowStatus()
.then(isFollow => { .then(isFollow => {
!isFollow && this.remind('join', this.state.treasure_code, 2) !isFollow && this.remind('join', this.state.treasure_code, 2)
}) })
} }
}) })
} }
...@@ -292,51 +251,51 @@ class Landing extends Component { ...@@ -292,51 +251,51 @@ class Landing extends Component {
} }
getFollowStatus = () => http.get(`${API.home}/sys/user/isFollowWeChat`) getFollowStatus = () => http.get(`${API.home}/sys/user/isFollowWeChat`)
.then(res => { .then(res => {
const {code, data} = res.data const {code, data} = res.data
return code === 200 && data['is_follow'] return code === 200 && data['is_follow']
}) })
createTeamSuccess = ({member, team_num, lack_member, treasure_code}) => { createTeamSuccess = ({member, team_num, lack_member, treasure_code}) => {
this.joinSuccessPopup && this.joinSuccessPopup.remove() && (this.joinSuccessPopup = null) this.joinSuccessPopup && this.joinSuccessPopup.remove() && (this.joinSuccessPopup = null)
this.getFollowStatus() this.getFollowStatus()
.then(isFollow => { .then(isFollow => {
this.createTeamSuccessPopup = Popup({ this.createTeamSuccessPopup = Popup({
title: '创建成功', title: '创建成功',
className: 'landing-create-success', className: 'landing-create-success',
content: <div> content: <div>
<div className="tip">{<span>{team_num}</span>}号队伍 还差{<span>{lack_member}</span>}名队员即可获得宝箱哦~</div> <div className="tip">{<span>{team_num}</span>}号队伍 还差{<span>{lack_member}</span>}名队员即可获得宝箱哦~</div>
<img className={'treasure-box'} <img className={'treasure-box'}
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/treasure-box-icon.png" alt=""/> src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/treasure-box-icon.png" alt=""/>
<ul className='members'> <ul className='members'>
{ {
new Array(5).fill('a').map((item, index) => { new Array(5).fill('a').map((item, index) => {
const _member = member[index] const _member = member[index]
return <li key={index}> return <li key={index}>
{_member && _member['is_captain'] && <sup>队长</sup>} {_member && _member['is_captain'] && <sup>队长</sup>}
<img <img
className={'avatar'} className={'avatar'}
src={ src={
_member _member
? _member['head_img'] ? _member['head_img']
: "https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/not-joined-placeholder.png" : "https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/not-joined-placeholder.png"
} }
alt=""/> alt=""/>
</li> </li>
}) })
}
</ul>
<button type={'button'} onClick={this.inviteMembers.bind(this, treasure_code)}>邀请好友加入队伍</button>
</div>,
closeIcon: this.closeIcon,
afterClose: () => {
if (!isFollow) {
this.remind('create', treasure_code)
} }
</ul>
<button type={'button'} onClick={this.inviteMembers.bind(this, treasure_code)}>邀请好友加入队伍</button>
</div>,
closeIcon: this.closeIcon,
afterClose: () => {
if (!isFollow) {
this.remind('create', treasure_code)
} }
} })
})
}) })
} }
// 安卓手机保存二维码 // 安卓手机保存二维码
...@@ -354,34 +313,34 @@ class Landing extends Component { ...@@ -354,34 +313,34 @@ class Landing extends Component {
remind = (type = 'create', treasure_code, origin = 1) => { remind = (type = 'create', treasure_code, origin = 1) => {
const {user} = this.props const {user} = this.props
http.get(`${API["base-api"]}/wx/user_temporary_qrcode/${user.data.uid}`) http.get(`${API["base-api"]}/wx/user_temporary_qrcode/${user.data.uid}`)
.then(res => { .then(res => {
const {data} = res.data const {data} = res.data
return data.url return data.url
}).then(text => { }).then(text => {
QRCode.toDataURL(text) QRCode.toDataURL(text)
.then(url => { .then(url => {
Popup({ Popup({
title: '提醒服务', title: '提醒服务',
className: 'landing-remind', className: 'landing-remind',
closeIcon: this.closeIcon, closeIcon: this.closeIcon,
content: <div> content: <div>
<div className="des">{type === 'create' ? '有好友加入队伍后第一时间通知我~' : '获得宝箱时第一时间通知我~'}</div> <div className="des">{type === 'create' ? '有好友加入队伍后第一时间通知我~' : '获得宝箱时第一时间通知我~'}</div>
<img src={url} alt=""/> <img src={url} alt=""/>
{browser.isAndroidApp ? <div> {browser.isAndroidApp ? <div>
<button className={'android-qr-code-btn'} onClick={this.saveImage.bind(this, text)}>保存二维码</button> <button className={'android-qr-code-btn'} onClick={this.saveImage.bind(this, text)}>保存二维码</button>
</div> : null} </div> : null}
<div className="des">长按识别/扫码 关注【七月在线】服务号即可预约</div> <div className="des">长按识别/扫码 关注【七月在线】服务号即可预约</div>
</div>, </div>,
close: () => { close: () => {
// history.replace(`${match.path}?treasure_code=${treasure_code}&origin=1`) // history.replace(`${match.path}?treasure_code=${treasure_code}&origin=1`)
sessionStorage.setItem('closedRemind', '1') sessionStorage.setItem('closedRemind', '1')
this.fetchPageData({ this.fetchPageData({
treasure_code, treasure_code,
origin origin
}) })
} }
})
}) })
})
}) })
} }
...@@ -406,9 +365,9 @@ class Landing extends Component { ...@@ -406,9 +365,9 @@ class Landing extends Component {
sessionStorage.removeItem('showShareTip') sessionStorage.removeItem('showShareTip')
if (!user.hasError) { if (!user.hasError) {
this.getFollowStatus() this.getFollowStatus()
.then(isFollow => { .then(isFollow => {
!isFollow && this.remind('create', getParam('treasure_code'), 1) !isFollow && this.remind('create', getParam('treasure_code'), 1)
}) })
} }
} }
}) })
...@@ -428,16 +387,16 @@ class Landing extends Component { ...@@ -428,16 +387,16 @@ class Landing extends Component {
return return
} }
http.get(`${API.home}/sys/treasure/createMyTeam`) http.get(`${API.home}/sys/treasure/createMyTeam`)
.then(res => { .then(res => {
const {data, code, msg} = res.data const {data, code, msg} = res.data
if (code == 200) { if (code == 200) {
this.createTeamSuccess(data) this.createTeamSuccess(data)
} else { } else {
Toast.info(msg, 2, null, false) Toast.info(msg, 2, null, false)
} }
}) })
} }
requiredLogin = () => { requiredLogin = () => {
...@@ -485,177 +444,177 @@ class Landing extends Component { ...@@ -485,177 +444,177 @@ class Landing extends Component {
* 4-已加入别的队伍 * 4-已加入别的队伍
* */ * */
return ( return (
<div id={'landing'}> <div id={'landing'}>
{
!(standby_plan && browser.isWeixin) &&
<div id="to-square">
<a href='javascript:' onClick={this.toSquare}>前往活动会场，享更多福利！ >></a>
</div>
}
<BoxContainer>
<i className={`snow-deco ${standby_plan && browser.isWeixin ? 'standby' : ''}`}/>
{ {
standby_plan && browser.isWeixin && !(standby_plan && browser.isWeixin) &&
<> <div id="to-square">
<WhiteSpace className={'standby-space'}/> <a href='javascript:' onClick={this.toSquare}>前往活动会场，享更多福利！ >></a>
<div className={'standby-tip'}>点击右上角，选择“在浏览器打开”</div> </div>
</>
} }
<img className='main-avatar' <BoxContainer>
src={head_img} alt=""/> <i className={`snow-deco ${standby_plan && browser.isWeixin ? 'standby' : ''}`}/>
{
status === 1
? <div className="des">邀请好友加入队伍，开宝箱领取丰厚奖品~</div>
: <div className="des">加入我的<span>{team_num}</span>号队伍，一起开宝箱领取丰厚奖品~</div>
}
<Prizes showSystemNotices={false}/>
<BulletScreen/>
<div className="group">
<ul className={'member'}>
{
member && member.length &&
new Array(5).fill('a').map((item, index) => {
const _member = member[index]
return (
_member
? <li key={index}>
<div className='avatar-wrapper'>
{
_member.is_captain ? <sup>队长</sup> : null
}
<img
src={_member.head_img}
alt=""
className="avatar"/>
</div>
</li>
:
<li key={index}>
<div className="avatar-wrapper">
<img
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/default-member-avatar.png"
alt=""
className="avatar"/>
</div>
</li>
)
})
}
</ul>
<ul className={'bars'}>
{
member && member.length &&
new Array(5).fill('a').map((item, index) => {
return (
<li key={index} className={`${index < member.length ? 'active' : ''}`}/>
)
})
}
</ul>
{ {
status === 1 && !activityEnd && standby_plan && browser.isWeixin &&
<> <>
<div className="group-des"> <WhiteSpace className={'standby-space'}/>
还差 {lack_member} 名队员即可获得当前宝箱哦~ <div className={'standby-tip'}>点击右上角，选择“在浏览器打开”</div>
</div>
{
!(standby_plan && browser.isWeixin) &&
<button type='button' className={'invite-btn'} onClick={this.showShareTip}>
邀请好友加入队伍
</button>
}
</> </>
} }
<img className='main-avatar'
src={head_img} alt=""/>
{ {
status === 3 && !activityEnd && status === 1
<> ? <div className="des">邀请好友加入队伍，开宝箱领取丰厚奖品~</div>
<div className="group-des"> : <div className="des">加入我的<span>{team_num}</span>号队伍，一起开宝箱领取丰厚奖品~</div>
<p>已加入当前队伍</p> }
{ <Prizes showSystemNotices={false}/>
my_team['is_team'] <BulletScreen/>
? <p>您的{my_team['team_num']}号队伍还差{my_team['lack_member']}人即可获得宝箱~</p> <div className="group">
: <p>自己当队长，宝箱内有专属奖品哦~</p> <ul className={'member'}>
}
</div>
{ {
!(standby_plan && browser.isWeixin) && (my_team['is_team'] ? member && member.length &&
<button type='button' className={'invite-btn'} new Array(5).fill('a').map((item, index) => {
onClick={this.inviteMembers.bind(this, my_team['treasure_code'])}> const _member = member[index]
继续组队 return (
</button> _member
: <button type='button' className={'invite-btn'} onClick={this.createMyTeam}> ? <li key={index}>
创建我的队伍 <div className='avatar-wrapper'>
</button>) {
_member.is_captain ? <sup>队长</sup> : null
}
<img
src={_member.head_img}
alt=""
className="avatar"/>
</div>
</li>
:
<li key={index}>
<div className="avatar-wrapper">
<img
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/default-member-avatar.png"
alt=""
className="avatar"/>
</div>
</li>
)
})
} }
</> </ul>
} <ul className={'bars'}>
{ {
status === 4 && !activityEnd && member && member.length &&
<> new Array(5).fill('a').map((item, index) => {
<div className="group-des"> return (
<p>已加入其他队伍</p> <li key={index} className={`${index < member.length ? 'active' : ''}`}/>
)
})
}
</ul>
{
status === 1 && !activityEnd &&
<>
<div className="group-des">
还差 {lack_member} 名队员即可获得当前宝箱哦~
</div>
{ {
my_team['is_team'] !(standby_plan && browser.isWeixin) &&
? <p>您的{my_team['team_num']}号队伍还差{my_team['lack_member']}人即可获得宝箱~</p> <button type='button' className={'invite-btn'} onClick={this.showShareTip}>
: <p>自己当队长，宝箱内有专属奖品哦~</p> 邀请好友加入队伍
</button>
} }
</>
}
{
status === 3 && !activityEnd &&
<>
<div className="group-des">
<p>已加入当前队伍</p>
{
my_team['is_team']
? <p>您的{my_team['team_num']}号队伍还差{my_team['lack_member']}人即可获得宝箱~</p>
: <p>自己当队长，宝箱内有专属奖品哦~</p>
}
</div>
{
!(standby_plan && browser.isWeixin) && (my_team['is_team'] ?
<button type='button' className={'invite-btn'}
onClick={this.inviteMembers.bind(this, my_team['treasure_code'])}>
继续组队
</button>
: <button type='button' className={'invite-btn'} onClick={this.createMyTeam}>
创建我的队伍
</button>)
}
</>
}
{
status === 4 && !activityEnd &&
<>
<div className="group-des">
<p>已加入其他队伍</p>
{
my_team['is_team']
? <p>您的{my_team['team_num']}号队伍还差{my_team['lack_member']}人即可获得宝箱~</p>
: <p>自己当队长，宝箱内有专属奖品哦~</p>
}
</div>
{
!(standby_plan && browser.isWeixin) && (my_team['is_team'] ?
<button type='button' className={'invite-btn'}
onClick={this.inviteMembers.bind(this, my_team['treasure_code'])}>
继续组队
</button>
: <button type='button' className={'invite-btn'} onClick={this.createMyTeam}>
创建我的队伍
</button>)
}
</>
}
{
!(standby_plan && browser.isWeixin) && status === 2 && !activityEnd &&
< button type='button' className={'invite-btn'} onClick={this.joinTeam}>
同意加入队伍
</button>
}
{
prize_info && prize_info.length !== 0 && !activityEnd && !isCaptain && <div className="certainly-prompt">
第{prize_info[0].stage_no}个宝箱必中 {prize_info[0].name}
</div> </div>
{ }
!(standby_plan && browser.isWeixin) && (my_team['is_team'] ? {
<button type='button' className={'invite-btn'} activityEnd &&
onClick={this.inviteMembers.bind(this, my_team['treasure_code'])}> <div className='activity-end'>
继续组队 <div>活动已结束</div>
</button> <div>关注【七月在线】服务号了解更多活动信息</div>
: <button type='button' className={'invite-btn'} onClick={this.createMyTeam}> <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/tinypng-common/right_weixin.png" alt=""/>
创建我的队伍 <div>长按识别 / 微信扫码</div>
</button>) </div>
} }
</> </div>
} </BoxContainer>
{ {
!(standby_plan && browser.isWeixin) && status === 2 && !activityEnd && !isCaptain &&
< button type='button' className={'invite-btn'} onClick={this.joinTeam}> <>
同意加入队伍 <WhiteSpace size={'xl'}/>
</button> <YearCourse getSum={() => {
} }}/>
{ </>
prize_info && prize_info.length !== 0 && !activityEnd && !isCaptain && <div className="certainly-prompt"> }
第{prize_info[0].stage_no}个宝箱必中 {prize_info[0].name} {
</div> isLoading && <div className="loading" style={{width: window.innerWidth + 'px', height: window.innerHeight + 'px'}}>
} <FadeLoader
{ color={'#fff'}
activityEnd && loading={isLoading}
<div className='activity-end'> />
<div>活动已结束</div> </div>
<div>关注【七月在线】服务号了解更多活动信息</div> }
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/tinypng-common/right_weixin.png" alt=""/> </div>
<div>长按识别 / 微信扫码</div>
</div>
}
</div>
</BoxContainer>
{
!isCaptain &&
<>
<WhiteSpace size={'xl'}/>
<YearCourse getSum={() => {
}}/>
</>
}
{
isLoading && <div className="loading" style={{width: window.innerWidth + 'px', height: window.innerHeight + 'px'}}>
<FadeLoader
color={'#fff'}
loading={isLoading}
/>
</div>
}
</div>
) )
} }
} }
export default connect( export default connect(
state => ({user: state.user}), state => ({user: state.user}),
null null
)(Landing) )(Landing)
src/components/detail/btnstatus/index.js
...@@ -23,7 +23,7 @@ class BtnStatus extends Component { ...@@ -23,7 +23,7 @@ class BtnStatus extends Component {
bindPhone: false, bindPhone: false,
bindConfrm: false, bindConfrm: false,
bindInfo: {}, // 冲突信息 bindInfo: {}, // 冲突信息
formInfo: {}, formInfo: {},
} }
} }
...@@ -314,14 +314,17 @@ class BtnStatus extends Component { ...@@ -314,14 +314,17 @@ class BtnStatus extends Component {
}); });
} }
qimoChatClick=()=>{
qimoChatClick()
}
render() { render() {
// data 课程信息；barInfo 砍价信息 // data 课程信息；barInfo 砍价信息
const { user = {}, toCart, country } = this.props; const { user = {}, toCart, country } = this.props;
const { const {
countdown, countdown,
barInfo, barInfo,
courseInfo: info = {}, courseInfo: info = {},
bindPhone, bindPhone,
bindConfrm, bindConfrm,
bindInfo, bindInfo,
formInfo, formInfo,
...@@ -331,7 +334,7 @@ class BtnStatus extends Component { ...@@ -331,7 +334,7 @@ class BtnStatus extends Component {
<div> <div>
{/* 绑定手机号 */} {/* 绑定手机号 */}
<Mask visible={bindPhone} handleToHide={() => this.handleToHide('bindPhone')}> <Mask visible={bindPhone} handleToHide={() => this.handleToHide('bindPhone')}>
<BindPhone <BindPhone
country={country} country={country}
handleToBargain={this.toKanjia} handleToBargain={this.toKanjia}
confirmBindPhone={this.confirmBindPhone} confirmBindPhone={this.confirmBindPhone}
...@@ -340,19 +343,19 @@ class BtnStatus extends Component { ...@@ -340,19 +343,19 @@ class BtnStatus extends Component {
{/* 绑定手机号--确认 */} {/* 绑定手机号--确认 */}
<Mask visible={bindConfrm} handleToHide={() => this.handleToHide('bindConfrm')}> <Mask visible={bindConfrm} handleToHide={() => this.handleToHide('bindConfrm')}>
<BargainConfirmBind <BargainConfirmBind
data={formInfo} data={formInfo}
bindInfo={bindInfo} bindInfo={bindInfo}
handleToHide={() => this.handleToHide('bindConfrm')} handleToHide={() => this.handleToHide('bindConfrm')}
handleToBargain={this.toKanjia} handleToBargain={this.toKanjia}
/> />
</Mask> </Mask>
{/*正常购买*/} {/*正常购买*/}
{ {
info.is_baoming === 0 && info.group_status !== 3 && info.is_baoming === 0 && info.group_status !== 3 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -373,7 +376,7 @@ class BtnStatus extends Component { ...@@ -373,7 +376,7 @@ class BtnStatus extends Component {
{ {
info.is_baoming === 0 && info.is_deposit != 0 && info.is_baoming === 0 && info.is_deposit != 0 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji' /> <i className='iconfont iconerji' />
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -387,7 +390,7 @@ class BtnStatus extends Component { ...@@ -387,7 +390,7 @@ class BtnStatus extends Component {
{ {
info.is_baoming === 1 && info.is_baoming === 1 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji' /> <i className='iconfont iconerji' />
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -400,7 +403,7 @@ class BtnStatus extends Component { ...@@ -400,7 +403,7 @@ class BtnStatus extends Component {
{ {
info.is_baoming === 0 && info.group_status === 3 && info.is_baoming === 0 && info.group_status === 3 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -421,7 +424,7 @@ class BtnStatus extends Component { ...@@ -421,7 +424,7 @@ class BtnStatus extends Component {
{ {
info.is_baoming === 0 && info.group_status === 4 && info.is_baoming === 0 && info.group_status === 4 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -435,7 +438,7 @@ class BtnStatus extends Component { ...@@ -435,7 +438,7 @@ class BtnStatus extends Component {
{ {
info.is_baoming === 0 && this.props.data && this.props.data.is_bargain && info.is_baoming === 0 && this.props.data && this.props.data.is_bargain &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -463,7 +466,7 @@ class BtnStatus extends Component { ...@@ -463,7 +466,7 @@ class BtnStatus extends Component {
{ {
this.state.isbuy === 20 && this.state.isbuy === 20 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult-l' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult-l' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -474,7 +477,7 @@ class BtnStatus extends Component { ...@@ -474,7 +477,7 @@ class BtnStatus extends Component {
{ {
(info.is_aist && (this.props.user.hasError || info.is_baoming === 0)) && (info.is_aist && (this.props.user.hasError || info.is_baoming === 0)) &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
...@@ -488,7 +491,7 @@ class BtnStatus extends Component { ...@@ -488,7 +491,7 @@ class BtnStatus extends Component {
{ {
info.is_aist && !this.props.user.hasError && info.is_baoming === 1 && info.is_aist && !this.props.user.hasError && info.is_baoming === 1 &&
<div className='btns-box'> <div className='btns-box'>
<a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true"> <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
<i className='iconfont iconerji'></i> <i className='iconfont iconerji'></i>
<span>课程咨询</span> <span>课程咨询</span>
</a> </a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment