Skip to content

M
mr-julyedu
Commit bf513c26 by zhanghaozhe
Options

周年庆

parent 5fcc8bf1
Showing with 228 additions and 76 deletions
src/components/activity/2020-717/activity/index.scss
......@@ -872,7 +872,8 @@
}
}
td:nth-of-type(2) {
td:nth-of-type(2), td:nth-of-type(4) {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
......@@ -1117,3 +1118,19 @@
}
}
}
.follow {
.tip {
margin-bottom: 15px;
}
.qrcode {
text-align: center;
}
img {
width: 120px;
height: 120px;
margin-bottom: 10px;
}
}
\ No newline at end of file
src/components/activity/2020-717/index.js
......@@ -10,7 +10,7 @@ class Anniversary2020Entry extends Component {
const match = this.props.match
return (
<Switch>
<Route path={`${match.path}/question/:assistId?`}
<Route path={`${match.path}/question/:isPractice?`}
render={routeProps => (<Question {...routeProps}></Question>)}></Route>
<Route path={`${match.path}/invitation`} render={routeProps => (<Invitation {...routeProps}/>)}></Route>
<Route path={'/anniversary_2020'}
......
src/components/activity/2020-717/invitation/index.js
......@@ -4,9 +4,10 @@ import { WithFullSize } from "@/HOCs"
import { connect } from "react-redux";
import { compose } from "redux";
import { HeaderBar } from "@common/index"
import { getParam, http, browser } from "@/utils"
import { getParam, http, browser, wxShare } from "@/utils"
import { Toast } from "antd-mobile";
import { CopyToClipboard } from "react-copy-to-clipboard";
import { Link } from 'react-router-dom'
class Invitation extends Component {
......@@ -75,6 +76,7 @@ class Invitation extends Component {
if (code === 200) {
this.setState({
teamInfo: data,
isMaster: data.is_captain || !getParam('team_code'),
});
} else {
Toast.info(msg)
......@@ -100,7 +102,7 @@ class Invitation extends Component {
.then(res => {
const {code, msg} = res.data
if (code === 200) {
Toast.info('加入成功')
Toast.info('加入成功', 2, null, false)
this.setState((state, props) => {
return {
teamInfo: {...state.teamInfo, ...{status: 2}},
......@@ -117,10 +119,22 @@ class Invitation extends Component {
})
}
setupWechatShare = () => {
wxShare({
title: '答题抽华为P40 Pro+',
desc: '这道题你会吗？答题抽奖，100%有奖的，能不能拿华为P40 Pro+，看你自己了--七月在线',
link: `${API.m}${location.pathname}?team_code=${this.state.invitationInfo.team_code || getParam('team_code')}`,
imgUrl: '',
})
this.setState({
isShowGuide: true,
});
}
// 答题抽奖
drawQuestions=()=>{
const {history,user} = this.props
history.push(`/anniversary_2020/question/${user.data.uid}`)
drawQuestions = () => {
const {history} = this.props
history.push(`/anniversary_2020/question/${0}`)
}
render() {
......@@ -129,7 +143,9 @@ class Invitation extends Component {
return (
<div id={'invitation'}>
<HeaderBar title={'答题抽奖'} arrow={true}/>
<HeaderBar title={'答题抽奖'} arrow={true} goBack={() => {
this.props.history.push('/anniversary_2020')
}}/>
{
isMaster
? <div className="banner"></div>
......@@ -166,12 +182,9 @@ class Invitation extends Component {
<div className="tip">再有{invitationInfo.invite_num}位队员答对即可获得{invitationInfo.draw_chance}次抽奖机会</div>
{
browser.isWeixin
? <button className={'btn'} onClick={() => {
this.setState({
isShowGuide: true,
});
}}>立即邀请</button>
: <CopyToClipboard text={`${API.m}${location.pathname}?team_code=${invitationInfo.team_code}`}
? <button className={'btn'} onClick={this.setupWechatShare}>立即邀请</button>
: <CopyToClipboard
text={`${API.m}${location.pathname}?team_code=${invitationInfo.team_code || getParam('team_code')}`}
onCopy={() => {
Toast.info('链接已复制，快去粘贴发给好友吧')
}}>
......@@ -183,17 +196,12 @@ class Invitation extends Component {
{
teamInfo.status !== 1 && <div className={'tip'}>
{
teamInfo.status === 2 ? '已加入当前队伍' : teamInfo === 3 ? '已加入其他队伍' : null
teamInfo.status === 2 ? '已加入当前队伍' : teamInfo.status === 3 ? '已加入其他队伍' : null
}
</div>
}
{
isActivityEnd
? <button className={'activity-end'}>活动结束</button>
: teamInfo.status === 1
? <button className={'btn'} onClick={this.joinTeam}>加入队伍</button>
: <button className={'btn'} onClick={this.drawQuestions}>答题抽奖</button>
}
<BottomButton isActivityEnd={isActivityEnd} joinTeam={this.joinTeam} status={teamInfo.status}
drawQuestions={this.drawQuestions} isAnswered={teamInfo.is_answer}/>
</>
}
......@@ -214,6 +222,19 @@ class Invitation extends Component {
}
}
function BottomButton({status, isActivityEnd, isAnswered, joinTeam, drawQuestions}) {
if (isActivityEnd) {
return <button className={'activity-end'}>活动结束</button>
}
if (isAnswered) {
return <Link to={`/anniversary_2020#lottery`}>
<button className={'btn'}>去抽奖</button>
</Link>
}
return status === 1 ? <button className={'btn'} onClick={joinTeam}>加入队伍</button> :
<button className={'btn'} onClick={drawQuestions}>答题抽奖</button>
}
export default compose(
WithFullSize,
connect(
......
src/components/activity/2020-717/question/index.js
import React, {Component} from 'react'
import React, { Component } from 'react'
import './index.scss'
import {Toast} from "antd-mobile"
import { Toast } from "antd-mobile"
import classnames from 'classnames'
import {browser, http} from "@/utils"
import {WithFullSize} from "@/HOCs"
import {Link} from "react-router-dom"
import {compose} from 'redux'
import {connect} from 'react-redux'
import {addData, ADD_RECOMMENDS, ADD_QUESTION, ADD_RESULT, REDO} from './store/reducer'
import { browser, http } from "@/utils"
import { WithFullSize } from "@/HOCs"
import { Link } from "react-router-dom"
import { compose } from 'redux'
import { connect } from 'react-redux'
import { addData, ADD_RECOMMENDS, ADD_QUESTION, ADD_RESULT, REDO } from './store/reducer'
class Question extends Component {
......@@ -18,7 +18,7 @@ class Question extends Component {
selectedOptionId: 0,
isShowConfirm: false,
isResultConfirm: false,
isTeamHead: this.props.match.params.assistId === undefined,
isTeamHead: this.props.match.params.isPractice == 1,
isActivityEnd: false,
is_correct: '',
is_sign: '',
......@@ -41,8 +41,8 @@ class Question extends Component {
}
getQuestion = () => {
const assistId = this.props.match.params.assistId
http.get(`${API.home}/activity/anniversary/get_question/${assistId ? 2 : 1}/${assistId ? assistId : 0}`)
const isPractice = this.props.match.params.isPractice
http.get(`${API.home}/activity/anniversary/get_question/${isPractice == 1 ? 1 : 2}`)
.then(res => {
const {code, msg, data} = res.data
if (code === 200) {
......@@ -63,10 +63,10 @@ class Question extends Component {
}
submit = () => {
const assistId = this.props.match.params.assistId
const isPractice = this.props.match.params.isPractice
const {selectedOptionId} = this.state
http.post(`${API.home}/activity/anniversary/submit`, {
type: assistId ? 2 : 1,
type: isPractice == 1 ? 1 : 2,
option_id: selectedOptionId,
id: this.props.cache.question.id,
}).then(res => {
......@@ -76,10 +76,10 @@ class Question extends Component {
this.afterSubmitted(data)
this.setState({
isShowConfirm: false,
isResultConfirm: true,
isResultConfirm: isPractice != 1,
selectedOptionId: undefined,
is_correct: data.is_correct,
is_sign: data.is_sign
is_sign: data.is_sign,
})
this.props.addData({
payload: data,
......@@ -94,7 +94,7 @@ class Question extends Component {
resultFun = () => {
const {history} = this.props
if (this.state.is_sign) {
history.push('/anniversary_2020')
history.push('/anniversary_2020#lottery')
} else {
http.get(`${API.home}/activity/anniversary/sign`)
.then(res => {
......@@ -114,12 +114,12 @@ class Question extends Component {
if (isTeamHead) {
if (result.stage === 4) {
this.setState({
isActivityEnd: true,
});
} else {
result.is_correct ? Toast.info('回答正确 抽奖次数+1') : Toast.info('很遗憾 回答错误')
}
} else {
}
}
......@@ -211,6 +211,7 @@ class Question extends Component {
<BottomButton result={result}
resultFun={this.resultFun}
isTeamHead={isTeamHead}
isActivityEnd={isActivityEnd}
submit={() => {
if (this.state.selectedOptionId) {
this.setState({
......@@ -270,16 +271,8 @@ function Confirm({submit, cancel}) {
</div>
}
function Result() {
return <div className={'modal-cover'}>
<div className="modal">
<div className="title"></div>
</div>
</div>
}
function BottomButton({resultFun, result, submit, isTeamHead, redo}) {
if (result.stage === 4) {
function BottomButton({resultFun, result, submit, isTeamHead, redo, isActivityEnd}) {
if (result.stage === 4 || isActivityEnd) {
return <button className={'activity-end'}>活动已结束</button>
}
if (isTeamHead) {
......@@ -287,6 +280,8 @@ function BottomButton({resultFun, result, submit, isTeamHead, redo}) {
return result.practiceNum === 0
? <button className={'lottery-related'}><Link to={`/anniversary_2020/invitation`}>组队答题抽奖</Link></button>
: <button className={'submit'} onClick={redo}>继续答题</button>
} else {
return <button className={'submit'} onClick={submit}>提交</button>
}
} else {
if (result.analysis) {
......
src/utils/index.js
......@@ -145,7 +145,7 @@ export {
browser,
isLogin,
dateCountDown,
isValidUrl
isValidUrl,
}
export {
default as SendMessageToApp,
......
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