测试bug修改(课程学习)

master
wangxi 3 years ago
parent 641722769a
commit 5b99de7201

@ -1,6 +1,6 @@
import { AlignLeftOutlined, LaptopOutlined, NotificationOutlined, PlusOutlined, UserOutlined } from '@ant-design/icons'; import { AlignLeftOutlined, LaptopOutlined, NotificationOutlined, PlusOutlined, UserOutlined } from '@ant-design/icons';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Button, Card, Col, Layout, List, Menu, Progress, Row, Typography } from 'antd'; import { Button, Card, Col, Layout, List, Menu, Progress, Row, Typography,Image } from 'antd';
import { PageContainer } from '@ant-design/pro-layout'; import { PageContainer } from '@ant-design/pro-layout';
import { useParams, useRequest } from 'umi'; import { useParams, useRequest } from 'umi';
import { viewMyLearningSubject, listMyLearningChapterCourse } from './service'; import { viewMyLearningSubject, listMyLearningChapterCourse } from './service';
@ -28,14 +28,20 @@ const CardList = () => {
subject_id: ids[2] subject_id: ids[2]
}); });
},{
onSuccess:(result)=>{
result.subject.startTime= result.subject.learning_start_time.split(' ')[0];
result.subject.endTime= result.subject.learning_end_time.split(' ')[0];
console.log('result9999',result);
}
}); });
// const list = data?.list||[]; // const list = data?.list||[];
const subject_data = data ? data.subject : []; const subject_data = data ? data.subject : [];
const last_data = data ? data.last_learning_course : []; const last_data = data ? data.last_learning_course : {};
const chapter_list = data ? data.chapter_list : []; const chapter_list = data ? data.chapter_list : [];
// console.log('list', list) // console.log('last_data', last_data)
/** 获取课程详情 */ /** 获取课程详情 */
const { data: chapterCourse, run, loading } = useRequest((params: { subject_id: number, chapter_id: number }) => { const { data: chapterCourse, run, loading } = useRequest((params: { subject_id: number, chapter_id: number }) => {
@ -68,45 +74,57 @@ const CardList = () => {
const content = ( const content = (
<div className={styles.pageHeaderContent}> <div className={styles.pageHeaderContent}>
<Card {
title={<a>{subject_data ? subject_data.subject_name : '--'}</a>} subject_data.length!==0?
hoverable={false} <Card
className={styles.card} title={<a>{subject_data ? subject_data.subject_name : '--'}</a>}
actions={[]} hoverable={false}
extra={<><span style={{ padding: 10 }}>: {subject_data ? subject_data.learning_start_time : '--'}</span><span style={{ padding: 10 }}>{subject_data ? subject_data.distance_end_time : '--'}</span><span style={{ padding: 10 }}>{subject_data ? subject_data.total_course_hours : '--'}</span></>} className={styles.card}
> actions={[]}
<Card.Meta extra={<><span style={{ padding: 10 }}>: {subject_data ? subject_data.startTime : '--'}</span><span style={{ padding: 10 }}>{subject_data ? subject_data.distance_end_time : '--'}</span><span style={{padding:10}}>:{subject_data?subject_data.endTime:'--'}</span><span style={{ padding: 10 }}>{subject_data ? subject_data.total_course_hours : '--'}</span></>}
avatar={<img alt="" className={styles.cardAvatar} src={'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png'} style={{ width: '270px', height: '150px', borderRadius: '10px' }} />} >
title={false} <Card.Meta
description={ avatar={<Image preview={false} width={200} height={150} src={`/dsideal_yy/html/${subject_data.attachment_json.url}`} fallback="../fallback.svg" />}
<> title={false}
<Card.Grid hoverable={false} style={{ width: '100%', padding: 0, boxShadow: 'none' }}> description={
<Paragraph className={styles.item} ellipsis={{ rows: 4 }} style={{ paddingLeft: 10 }}> <>
{subject_data ? subject_data.subject_describe : '--'} <Card.Grid hoverable={false} style={{ width: '100%', padding: 0, boxShadow: 'none' }}>
</Paragraph> <Paragraph className={styles.item} ellipsis={{ rows: 4 }} style={{ paddingLeft: 10 }}>
<Row> {subject_data ?
<Col span={16} style={{ display: 'inline-block', padding: 10 }}><span></span><span style={{ display: 'inline-block', width: '80%' }}><Progress percent={subject_data ? subject_data.subject_learning_progress * 100 : 0} /></span></Col> <div dangerouslySetInnerHTML={{__html:subject_data.subject_describe}}/>
</Row> : '--'}
<Row>
<Col span={10} style={{ padding: 10 }}><span></span><span>{last_data ? last_data.course_name : '--'}</span></Col> </Paragraph>
<Col span={10} style={{ padding: 10 }}><span>{last_data ? last_data.lecture_teacher : '--'}</span></Col> {
<Col span={4} style={{ padding: 10 }}> JSON.stringify(last_data)!=='{}'?
<Button type="primary" <>
onClick={() => { <Row>
if (last_data) { <Col span={16} style={{ display: 'inline-block', padding: 10 }}><span></span><span style={{ display: 'inline-block', width: '80%' }}><Progress percent={subject_data ? subject_data.subject_learning_progress * 100 : 0} /></span></Col>
const info = last_data.chapter_id + ',' + last_data.course_id + ',' + subject_data.subject_id; </Row>
window.open(location.pathname+'#/course/detail/' + info) <Row>
} <Col span={10} style={{ padding: 10 }}><span></span><span>{last_data ? last_data.course_name : '--'}</span></Col>
<Col span={10} style={{ padding: 10 }}><span>{last_data ? last_data.lecture_teacher : '--'}</span></Col>
}} <Col span={4} style={{ padding: 10 }}>
></Button> <Button type="primary"
</Col> onClick={() => {
</Row> if (last_data) {
</Card.Grid> const info = last_data.chapter_id + ',' + last_data.course_id + ',' + subject_data.subject_id;
</> window.open(location.pathname+'#/course/detail/' + info)
} }
/>
</Card> }}
></Button>
</Col>
</Row>
</>:<div/>
}
</Card.Grid>
</>
}
/>
</Card>:<div/>
}
</div> </div>
); );

@ -8,17 +8,29 @@ import styles from './style.less';
import NumberInfo from './components/NumberInfo'; import NumberInfo from './components/NumberInfo';
import cookie from 'react-cookies'; import cookie from 'react-cookies';
const { Paragraph } = Typography; const { Paragraph } = Typography;
import { useEffect, useRef, useState } from 'react';
const SubjectList = () => { const SubjectList = () => {
const [list,setList]=useState([]);
/** 获取主题列表数据 */ /** 获取主题列表数据 */
const { data, loading } = useRequest(() => { const { data, loading } = useRequest(() => {
return listMyLearningSubject({ return listMyLearningSubject({
identity_id: cookie.load('identity_id'), identity_id: cookie.load('identity_id'),
person_id:cookie.load('person_id') person_id:cookie.load('person_id')
}); });
},{
onSuccess:(result)=>{
if(result.length){
result.forEach((item)=>{
item.startTime=item.learning_start_time.split(' ')[0]
item.endTime=item.learning_end_time.split(' ')[0]
})
}
setList(result)
console.log('result9999',result)
}
}); });
const list = data?data : [];
return ( return (
<PageContainer content={false} extraContent={false}> <PageContainer content={false} extraContent={false}>
@ -45,16 +57,17 @@ const SubjectList = () => {
hoverable hoverable
className={styles.card} className={styles.card}
actions={[]} actions={[]}
extra={<><span style={{padding:10}}>:{item?.learning_start_time}</span><span style={{padding:10}}>{item?.distance_end_time}</span><span style={{padding:10}}>{item?.total_course_hours}</span></>} extra={<><span style={{padding:10}}>:{item?.startTime}</span><span style={{padding:10}}>{item?.distance_end_time}</span><span style={{padding:10}}>:{item?.endTime}</span><span style={{padding:10}}>{item?.total_course_hours}</span></>}
> >
<Card.Meta <Card.Meta
avatar={<Image preview={false} width={200} height={150} src={`${item.attachment_json.url}`} fallback="../fallback.svg" />} avatar={<Image preview={false} width={200} height={150} src={`/dsideal_yy/html/${item.attachment_json.url}`} fallback="../fallback.svg" />}
title={false} title={false}
description={ description={
<> <>
<Card.Grid hoverable={false} style={{width:'50%',padding:0}}> <Card.Grid hoverable={false} style={{width:'50%',padding:0}}>
<Paragraph className={styles.item} ellipsis={{ rows: 4 }}> <Paragraph className={styles.item} ellipsis={{ rows: 4 }}>
{item.subject_describe} {/*{item.subject_describe}*/}
<div dangerouslySetInnerHTML={{__html:item.subject_describe}}/>
</Paragraph> </Paragraph>
</Card.Grid> </Card.Grid>
<Card.Grid hoverable={false} style={{width:'30%',textAlign:'center'}}><Progress type="circle" percent={item?.subject_learning_progress*100} /></Card.Grid> <Card.Grid hoverable={false} style={{width:'30%',textAlign:'center'}}><Progress type="circle" percent={item?.subject_learning_progress*100} /></Card.Grid>

Loading…
Cancel
Save