Skip to content

M
mr-julyedu
Commit 4300408b by wangshuo
Options

特训营返现标签

parent df12fe0d
Showing with 155 additions and 8 deletions
src/components/detail/campTest/campResolve.js 0 → 100644
import React, {Component} from 'react';
import {api, getParam, http, browser} from "@/utils";
class CampResolve extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log(getParam('id'));
}
render() {
return (
<div>
</div>
);
}
}
export default CampResolve;
\ No newline at end of file
src/components/detail/campTest/campTest.js 0 → 100644
import React, {Component} from 'react';
import {api, getParam, http, browser} from "@/utils";
class CampTest extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log(getParam('id'));
}
render() {
return (
<div>
</div>
);
}
}
export default CampTest;
\ No newline at end of file
src/components/detail/outline/index.js
import React, {Component} from 'react' import React, {Component} from 'react'
import {Link} from 'react-router-dom'
import {Tabs, WhiteSpace} from 'antd-mobile' import {Tabs, WhiteSpace} from 'antd-mobile'
import './index.scss' import './index.scss'
import {api, getParam, http} from "@/utils" import {api, getParam, http} from "@/utils"
...@@ -80,40 +81,55 @@ class OutLine extends Component { ...@@ -80,40 +81,55 @@ class OutLine extends Component {
6-可试听但无试听权限 6-可试听但无试听权限
*/} */}
{ // 试听 { // 试听
item.class_status === 7 && !introduce.is_aist && item.class_status === 7 &&
<span className='btn-right-10 audition' <span className='btn-right-10 audition'
onClick={this.props.toAudition}>试听 onClick={this.props.toAudition}>试听
<i className='iconfont iconcelluar'></i> <i className='iconfont iconcelluar'></i>
</span> </span>
} }
{ // 未购买未开单集购买：上锁标志，点击提示购买 { // 未购买未开单集购买：上锁标志，点击提示购买
item.class_status === 0 && !introduce.is_aist && item.class_status === 0 &&
<i className='iconfont iconiconfront-74 icon-right-22'></i> <i className='iconfont iconiconfront-74 icon-right-22'></i>
} }
{ // 未购买已开单集购买：显示单集价格，点击购买单集 { // 未购买已开单集购买：显示单集价格，点击购买单集
item.class_status === 1 && !introduce.is_aist && item.class_status === 1 &&
<span className='btn-right-10 singleset' <span className='btn-right-10 singleset'
onClick={e => this.props.toSingleset(item)}>¥ {item.class_price}</span> onClick={e => this.props.toSingleset(item)}>¥ {item.class_price}</span>
} }
{ {
item.class_status === 4 && !introduce.is_aist && item.class_status === 4 &&
item.video_auth === 1 && item.is_video === 4 && item.video_auth === 1 && item.is_video === 4 &&
<span className='live icon-right-22'>正在直播<i <span className='live icon-right-22'>正在直播<i
className='iconfont icondanseshixintubiao-23'></i></span> className='iconfont icondanseshixintubiao-23'></i></span>
} }
{ {
// 已购买直播结束已上传视频：正常播放按钮，点击播放课程 // 已购买直播结束已上传视频：正常播放按钮，点击播放课程
item.class_status === 2 && !introduce.is_aist && item.class_status === 2 &&
<i className='iconfont icondanseshixintubiao-23 icon-right-22'></i> <i className='iconfont icondanseshixintubiao-23 icon-right-22'></i>
} }
{
// 返现课程 是返现课程 未开课 已开课 是返现课程 未开课 已开课 已练习
introduce.is_aist && item.isopen &&
<i className='aist aist_open'></i>
}
{
// 返现课程 是返现课程 未开课 已开课 是返现课程 未开课 已开课 已练习
introduce.is_aist && !item.isopen &&
<i className='aist aist_close'></i>
}
</h2> </h2>
{ {
item.point && item.point.length > 0 && item.point.map((item, index) => { item.point && item.point.length > 0 && item.point.map((item, index) => {
const type = ( const type = (
<span> <span>
{item.type === 1 && {
item.type === 1 &&
<span>知识点{index + 1}：</span> <span>知识点{index + 1}：</span>
} {item.type === 2 && }
{
item.type === 2 &&
<span className='red'>实战项目：</span> <span className='red'>实战项目：</span>
} }
</span> </span>
...@@ -126,6 +142,30 @@ class OutLine extends Component { ...@@ -126,6 +142,30 @@ class OutLine extends Component {
}) })
} }
{
<>
{
introduce.is_aist && item.practice.title !== "" && !item.isopen &&
<span className='camp camp_test' key={index}>
<span>课后练习：{item.practice.title}</span>
<i className='exam exam_close' />
</span>
}
{
introduce.is_aist && item.practice.title !== "" && item.isopen && !item.is_tested &&
<Link to={`/campTest?id=${item.video_id}`} className='camp camp_test' key={index}>
<span>课后练习：{item.practice.title}</span>
</Link>
}
{
introduce.is_aist && item.practice.title !== "" && item.isopen && item.is_tested &&
<Link to={`/campResolve?id=${item.video_id}`} className='camp camp_test' key={index}>
<span>课后练习：{item.practice.title}</span>
<i className='exam exam_open' />
</Link>
}
</>
}
</ul> </ul>
) )
}) })
......
src/components/detail/outline/index.scss
...@@ -76,6 +76,37 @@ ...@@ -76,6 +76,37 @@
color: $color_666; color: $color_666;
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
position: relative;
}
.camp {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
margin-left: 10px;
margin-top: 8px;
color: #000;
font-size: 12px;
}
.exam {
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-50%);
margin-right: 2px;
}
.exam_open {
background: url("../image/open.png") no-repeat;
background-size: 100% 100%;
}
.exam_close {
background: url("../image/close.png") no-repeat;
background-size: 100% 100%;
} }
.red { .red {
...@@ -110,6 +141,24 @@ ...@@ -110,6 +141,24 @@
font-size: 12px; font-size: 12px;
} }
.aist {
display: inline-block;
position: absolute;
width: 22px;
height: 22px;
right: 22px;
top: 50%;
transform: translateY(-50%);
}
.aist_open {
background: url("../image/aist_open.png") no-repeat;
background-size: 100% 100%;
}
.aist_close {
background: url("../image/close.png") no-repeat;
background-size: 100% 100%;
}
.btn-right-10 { .btn-right-10 {
position: absolute; position: absolute;
right: 10px; right: 10px;
......
src/router/loading.js
...@@ -11,7 +11,7 @@ function Loading(props) { ...@@ -11,7 +11,7 @@ function Loading(props) {
useEffect(() => { useEffect(() => {
console.group('middle') console.group('middle')
console.log(Object.values(user.data).every(item => !!item).length !== 0) // console.log(Object.values(user.data).every(item => !!item).length !== 0)
console.groupEnd() console.groupEnd()
let {user, location, history} = props let {user, location, history} = props
......
src/router/router-config.js
...@@ -27,6 +27,8 @@ const Order = loadable(() => import(/* webpackChunkName: 'Order'*/'@/components/ ...@@ -27,6 +27,8 @@ const Order = loadable(() => import(/* webpackChunkName: 'Order'*/'@/components/
const CourseList = loadable(() => import(/* webpackChunkName: 'CourseList'*/'@/components/classify/courselist')) const CourseList = loadable(() => import(/* webpackChunkName: 'CourseList'*/'@/components/classify/courselist'))
const MyEdit = loadable(() => import(/* webpackChunkName: 'MyEdit'*/'@/components/my/edit')) const MyEdit = loadable(() => import(/* webpackChunkName: 'MyEdit'*/'@/components/my/edit'))
const Classify = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/classify')) const Classify = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/classify'))
const CampTest = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/detail/campTest/campTest'))
const CampResolve = loadable(() => import(/* webpackChunkName: 'Classify'*/'@/components/detail/campTest/campResolve'))
export default [ export default [
{ {
path: '/', path: '/',
...@@ -134,6 +136,14 @@ export default [ ...@@ -134,6 +136,14 @@ export default [
component: PayOrder component: PayOrder
}, },
{ {
path: '/campTest',
component: CampTest
},
{
path: '/campResolve',
component: CampResolve
},
{
path: '/togroup', path: '/togroup',
component: ToGroup, component: ToGroup,
isPrivate: true isPrivate: true
......
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