|
|
@ -54,8 +54,17 @@ const CardList = () => {
|
|
|
|
console.log('result9999',result);
|
|
|
|
console.log('result9999',result);
|
|
|
|
let info={img:'',url:''};
|
|
|
|
let info={img:'',url:''};
|
|
|
|
if(JSON.stringify(result.course.attachment_json.url)!=='{}'){
|
|
|
|
if(JSON.stringify(result.course.attachment_json.url)!=='{}'){
|
|
|
|
info.url= '/dsideal_yy/html/'+result.course.attachment_json.url;
|
|
|
|
console.log('1111s')
|
|
|
|
info.img=result.course.attachment_json.img;
|
|
|
|
if(result.course.attachment_json.length!==undefined){
|
|
|
|
|
|
|
|
info.url= '/dsideal_yy/html/'+result.course.attachment_json[0].url;
|
|
|
|
|
|
|
|
info.img=result.course.attachment_json[0].img;
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
info.url= '/dsideal_yy/html/'+result.course.attachment_json.url;
|
|
|
|
|
|
|
|
info.img=result.course.attachment_json.img;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
console.log(2222)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
setVideo(info);
|
|
|
|
setVideo(info);
|
|
|
|
|
|
|
|
|
|
|
@ -113,38 +122,7 @@ const CardList = () => {
|
|
|
|
},[learning]);
|
|
|
|
},[learning]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
const content = (
|
|
|
|
|
|
|
|
<div className={styles.pageHeaderContent}>
|
|
|
|
|
|
|
|
<Card
|
|
|
|
|
|
|
|
title={<a>{'生涯规划师初级认证培训课程你收到了 14 份新周报'}</a>}
|
|
|
|
|
|
|
|
hoverable={false}
|
|
|
|
|
|
|
|
className={styles.card}
|
|
|
|
|
|
|
|
actions={[]}
|
|
|
|
|
|
|
|
extra={<><span style={{padding:10}}>开始学习时间: 2020-4-9</span><span style={{padding:10}}>距离结束时间:300天</span><span style={{padding:10}}>考核学时:36学时</span></>}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<Card.Meta
|
|
|
|
|
|
|
|
avatar={<img alt="" className={styles.cardAvatar} src={'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png'} style={{width:'270px', height:'150px', borderRadius:'10px'}} />}
|
|
|
|
|
|
|
|
title={false}
|
|
|
|
|
|
|
|
description={
|
|
|
|
|
|
|
|
<>
|
|
|
|
|
|
|
|
<Card.Grid hoverable={false} style={{width:'100%',padding:0, boxShadow:'none'}}>
|
|
|
|
|
|
|
|
<Paragraph className={styles.item} ellipsis={{ rows: 4 }} style={{paddingLeft:10}}>
|
|
|
|
|
|
|
|
{'请大家在规定时间内完成本培训任务安排,逾期本培训任务将自动关闭。祝大家学习愉快!请大家在规定时间内完成本培训任务安排,逾期本培训任务将自动关闭。祝大家学习愉快!这种模板用于提醒谁与你发生了互动,左侧放『谁』的头像'}
|
|
|
|
|
|
|
|
</Paragraph>
|
|
|
|
|
|
|
|
<Row>
|
|
|
|
|
|
|
|
<Col span={16} style={{display:'inline-block', padding:10}}><span>学习进度:</span><span style={{display:'inline-block', width:'80%'}}><Progress percent={75} /></span></Col>
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
<Row>
|
|
|
|
|
|
|
|
<Col span={10} style={{padding:10}}><span>上次学习:</span><span>生涯规划之升学路径知多少</span></Col> <Col span={10} style={{padding:10}}>主讲人:<span>盖笑松</span></Col> <Col span={4} style={{padding:10}}><Button type="primary">去学习</Button></Col>
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
</Card.Grid>
|
|
|
|
|
|
|
|
</>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</Card>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
//const videoInfo = {url:'http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8', img:''}
|
|
|
|
//const videoInfo = {url:'http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8', img:''}
|
|
|
|
//const videoInfo = {url:'https://media.w3.org/2010/05/sintel/trailer_hd.mp4', img:''}
|
|
|
|
//const videoInfo = {url:'https://media.w3.org/2010/05/sintel/trailer_hd.mp4', img:''}
|
|
|
|
const videoInfo = {url:'http://10.10.14.199/dsideal_yy/html/down/M3u8/2D/2D99BF1D-2F37-47FB-8A24-45112A236B8F.m3u8', img:''}//有视频
|
|
|
|
const videoInfo = {url:'http://10.10.14.199/dsideal_yy/html/down/M3u8/2D/2D99BF1D-2F37-47FB-8A24-45112A236B8F.m3u8', img:''}//有视频
|
|
|
@ -161,6 +139,7 @@ const CardList = () => {
|
|
|
|
// content={content}
|
|
|
|
// content={content}
|
|
|
|
extraContent={false}>
|
|
|
|
extraContent={false}>
|
|
|
|
<Row>
|
|
|
|
<Row>
|
|
|
|
|
|
|
|
{console.log('redddd')}
|
|
|
|
<Col span={6} style={{paddingRight:24}}>
|
|
|
|
<Col span={6} style={{paddingRight:24}}>
|
|
|
|
<Menu
|
|
|
|
<Menu
|
|
|
|
mode="inline"
|
|
|
|
mode="inline"
|
|
|
@ -190,7 +169,7 @@ const CardList = () => {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
video?.url&&(
|
|
|
|
video?.url&&(
|
|
|
|
<VideoJS
|
|
|
|
<VideoJS
|
|
|
|
style={{width:640,height:480}}
|
|
|
|
style={{width:640,height:400}}
|
|
|
|
width='100%'
|
|
|
|
width='100%'
|
|
|
|
height='480px'
|
|
|
|
height='480px'
|
|
|
|
options={{
|
|
|
|
options={{
|
|
|
@ -241,10 +220,10 @@ const CardList = () => {
|
|
|
|
saveProcess({time:play.currentTime(),num:num})
|
|
|
|
saveProcess({time:play.currentTime(),num:num})
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// console.log('playcurrentTime--', play.currentTime())
|
|
|
|
console.log('playcurrentTime--', Math.floor(play.currentTime()))
|
|
|
|
// console.log('play-%-', parseInt(play.currentTime()) % 30)
|
|
|
|
// console.log('play-%-', parseInt(play.currentTime()) % 30)
|
|
|
|
if (parseInt(play.currentTime())>0&&parseInt(play.currentTime()) % 30 === 0) { // 每15秒更新进度
|
|
|
|
if (parseInt(play.currentTime())>0&&parseInt(play.currentTime()) % 30 === 0) { // 每15秒更新进度
|
|
|
|
console.log(1)
|
|
|
|
console.log(11111111111)
|
|
|
|
saveProcess({time:play.currentTime(),num:30})
|
|
|
|
saveProcess({time:play.currentTime(),num:30})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//var currentTime = parseInt(this.currentTime()); //当前时间
|
|
|
|
//var currentTime = parseInt(this.currentTime()); //当前时间
|
|
|
@ -278,5 +257,4 @@ const CardList = () => {
|
|
|
|
</PageContainer>
|
|
|
|
</PageContainer>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
export default CardList;
|
|
|
|
export default CardList;
|
|
|
|