Skip to content

X
xiaomai-cloud-class-web
Commit eae6aa69 by chenshu
Options

feat:初始化页面

parent b92e5d38
Showing with 10 additions and 6 deletions
src/modules/home/Home.jsx
...@@ -71,9 +71,11 @@ class Home extends React.Component { ...@@ -71,9 +71,11 @@ class Home extends React.Component {
incCustomerNum: res.result.incCustomerNum, incCustomerNum: res.result.incCustomerNum,
incLiveCourseNum: res.result.incLiveCourseNum, incLiveCourseNum: res.result.incLiveCourseNum,
incVideoCourseNum: res.result.incVideoCourseNum, incVideoCourseNum: res.result.incVideoCourseNum,
incPictureCourseNum: res.result.incPictureCourseNum,
liveCourseNum: res.result.liveCourseNum, liveCourseNum: res.result.liveCourseNum,
totalCustomerNum: res.result.totalCustomerNum, totalCustomerNum: res.result.totalCustomerNum,
videoCourseNum: res.result.videoCourseNum, videoCourseNum: res.result.videoCourseNum,
pictureCourseNum: res.result.pictureCourseNum,
}) })
} }
}) })
...@@ -182,9 +184,11 @@ class Home extends React.Component { ...@@ -182,9 +184,11 @@ class Home extends React.Component {
incCustomerNum, incCustomerNum,
incLiveCourseNum, incLiveCourseNum,
incVideoCourseNum, incVideoCourseNum,
incPictureCourseNum,
liveCourseNum, liveCourseNum,
totalCustomerNum, totalCustomerNum,
videoCourseNum, videoCourseNum,
pictureCourseNum,
timeRange, timeRange,
scheduleType, scheduleType,
studyTimeRange, studyTimeRange,
...@@ -212,7 +216,7 @@ class Home extends React.Component { ...@@ -212,7 +216,7 @@ class Home extends React.Component {
<img className="header-icon" src="https://image.xiaomaiketang.com/xm/jPrRhw8EMF.png" /> <img className="header-icon" src="https://image.xiaomaiketang.com/xm/jPrRhw8EMF.png" />
<span className="header-word">课程总数 (个)</span> <span className="header-word">课程总数 (个)</span>
</div> </div>
<div className="data-number">{videoCourseNum + liveCourseNum}</div> <div className="data-number">{videoCourseNum + liveCourseNum + pictureCourseNum}</div>
<div className="course-box"> <div className="course-box">
<div className="course-item"> <div className="course-item">
<div className="course-title">直播课</div> <div className="course-title">直播课</div>
...@@ -239,12 +243,12 @@ class Home extends React.Component { ...@@ -239,12 +243,12 @@ class Home extends React.Component {
<div className="course-item"> <div className="course-item">
<div className="course-title">图文课</div> <div className="course-title">图文课</div>
<div className="data"> <div className="data">
<span className="course-number">0</span> <span className="course-number">{pictureCourseNum}</span>
<span className="course-word">本月新增</span> <span className="course-word">本月新增</span>
{false && {incPictureCourseNum > 0 &&
<span className="icon iconfont">&#xe635;</span> <span className="icon iconfont">&#xe635;</span>
} }
<span className="add-number">0</span> <span className="add-number">{incPictureCourseNum}</span>
</div> </div>
</div> </div>
<div className="course-item"> <div className="course-item">
...@@ -304,8 +308,8 @@ class Home extends React.Component { ...@@ -304,8 +308,8 @@ class Home extends React.Component {
onClick={() => this.setState({ scheduleType: 'VOICE' }, () => this.getHotCourse())} onClick={() => this.setState({ scheduleType: 'VOICE' }, () => this.getHotCourse())}
>视频课</span> >视频课</span>
<span <span
className={`tab${scheduleType === 'GRAPHICS' ? ' selected' : ''}`} className={`tab${scheduleType === 'PICTURE' ? ' selected' : ''}`}
onClick={() => this.setState({ scheduleType: 'GRAPHICS' }, () => this.getHotCourse())} onClick={() => this.setState({ scheduleType: 'PICTURE' }, () => this.getHotCourse())}
>图文课</span> >图文课</span>
</div> </div>
<div className="study-select"> <div className="study-select">
......
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