import React, { Component } from 'react'; import { Link } from 'react-router-dom'; import './index.less'; import { Icon } from 'antd'; import FileUpload from '@src/components/FileUpload'; import Page from '@src/containers/Page'; import Assets from '@src/components/Assets'; import UserLayout from '../../../layouts/User'; import Button from '../../../components/Button'; import ProgressText from '../../../components/ProgressText'; import { Icon as GIcon } from '../../../components/Icon'; import menu from '../index'; import Tabs from '../../../components/Tabs'; import UserTable from '../../../components/UserTable'; import More from '../../../components/More'; import Modal from '../../../components/Modal'; import Date from '../../../components/Date'; import Note from '../../../components/Note'; import { My } from '../../../stores/my'; export default class extends Page { initState() { return { tab: 'online', status: 'all', data: [ { status: 'ing', history: [{}], list: [ { status: 'ing', type: '1' }, { status: 'not', type: '2' }, { status: 'end', type: '3' }, { status: 'not', type: '4' }, { status: 'end', type: '5' }, { status: 'not', type: '6' }, { status: 'end', type: '7' }, ], }, { status: 'not', history: [{}], list: [ { status: 'ing', type: '1' }, { status: 'not', type: '2' }, { status: 'end', type: '3' }, { status: 'not', type: '4' }, { status: 'end', type: '5' }, { status: 'not', type: '6' }, { status: 'end', type: '7' }, ], }, { status: 'end', history: [{}], list: [] }, ], }; } initData() { const data = Object.assign(this.state, this.state.search); data.filterMap = this.state.search; if (data.order) { data.sortMap = { [data.order]: data.direction }; } this.setState(data); let isUsed = null; let isEnd = null; switch (data.status) { case 'learning': isUsed = true; isEnd = false; break; case 'end': isUsed = true; isEnd = true; break; case 'all': default: } My.listCourse(Object.assign({ courseModule: data.tab }, this.state.search, { isUsed, isEnd })).then(result => { this.setState({ list: result.list, total: result.total, page: data.page }); }); } onAction() { } onTabChange(tab) { const data = { tab }; this.refreshQuery(data); } onStatusChange(status) { this.search({ status }); } refresh(tab1, tab2) { this.setState({ tab1, tab2 }); } renderView() { const { config } = this.props; return ; } renderDetail() { const { tab, status, showTime, showRestore, showUploadNote, showNote } = this.state; return (
理清备考思路,避开常见误区,让学习的每一分钟发光发热!
去填写 >
this.onTabChange(key)} /> this.onStatusChange(key)} /> {this[`renderTab${tab}`]()} { }}>
听课频率
2天/课时
作业完成度
50%
听课
预习
停课
false} dateRender={current => { return (
{current.get('date')}
); }} checkRefresh={(date, refresh) => { console.log(date); setTimeout(() => { refresh(); }, 2000); return true; }} />
*听课频率≤2天/课时,作业完成度≥90%,课程有效期可延长7-10天。
{ }} onCancel={() => { }}>
恢复学习后,本课程的停课功能将无法使用。是否恢复学习?
{ }} onCancel={() => { }}>