Commit fdf0076f authored by baixian's avatar baixian

bug修改

parents 551c84a1 012b7c67
......@@ -17,6 +17,6 @@
</head>
<body>
<div id="root"></div>
<script src="dist/main.js?1574825757558" charset="utf-8"></script>
<script src="dist/main.js?1574827384999" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
......@@ -234,6 +234,8 @@ class CourseDetailForm extends React.Component {
choosePoster,
materiaListTotal,
toChangePsd,
screenIsBig,
collapsed,
} = this.props;
const formItemModalLineLayout = {
labelCol: {
......@@ -389,10 +391,18 @@ class CourseDetailForm extends React.Component {
editorUploadAudio={this.courseUploadAudio}
/>
</FormItem>
<FormItem {...formItemModalLineLayout}>
<Button loading={editLoading} type="primary" htmlType="submit" style={{ marginRight: 20 }}>保存</Button>
<Button style={{ marginRight: 20 }}>预览</Button>
</FormItem>
<div
className={pageStyle.submitBtnBox}
style={{
left: screenIsBig ? (!collapsed ? '224px' : '104px') : 0, // eslint-disable-line
width: screenIsBig ? (`calc(100% - ${!collapsed ? '244px' : '124px'})`) : '100%', // eslint-disable-line
}}
>
<FormItem {...formItemModalLineLayout} style={{ marginBottom: 0 }}>
<Button loading={editLoading} type="primary" htmlType="submit" style={{ marginRight: 20 }}>保存</Button>
<Button style={{ marginRight: 20 }}>预览</Button>
</FormItem>
</div>
</Form>
</div>
);
......@@ -412,6 +422,10 @@ function mapStateToProps(state) {
queryParams,
materiaListTotal,
} = state.coursegatherdetail;
const {
screenIsBig,
collapsed,
} = state.webapp;
return {
addCourseObj,
editLoading,
......@@ -419,6 +433,8 @@ function mapStateToProps(state) {
materiaList,
queryParams,
materiaListTotal,
screenIsBig,
collapsed,
};
}
export default connect(mapStateToProps)(CourseDetail);
......
.container {
background-color: #fff;
padding:0 20px;
padding-bottom: 100px;
}
.modalform {
margin-top: 20px;
......@@ -205,3 +206,13 @@
}
}
}
.submitBtnBox {
position: fixed;
bottom: 0;
background-color: #fff;
padding: 20px 20px 14px 20px;
width: 100%;
box-shadow:1px -6px 6px 0px rgba(0, 0, 0, 0.04);
transition: 0.2s left;
transition: 0.1s width;
}
\ No newline at end of file
......@@ -302,6 +302,8 @@ class CourseDetailForm extends React.Component {
info,
toChangePsd,
choosePoster,
collapsed,
screenIsBig,
} = this.props;
const formItemModalLineLayout = {
labelCol: {
......@@ -323,7 +325,6 @@ class CourseDetailForm extends React.Component {
};
const { textLength } = this.state;
const { title } = addCourseObj;
console.log(addCourseObj, 'addCourseObj');
const selectBefore = (
<div>{title.length + textLength}/40</div>
);
......@@ -478,11 +479,19 @@ class CourseDetailForm extends React.Component {
editorUploadAudio={this.courseUploadAudio}
/>
</FormItem>
<FormItem {...formItemModalLineLayout}>
<Button loading={editLoading} type="primary" htmlType="submit" style={{ marginRight: 20 }}>保存</Button>
<Button style={{ marginRight: 20 }}>预览</Button>
<Button onClick={this.toUploadCourseware}>上传课件</Button>
</FormItem>
<div
className={pageStyle.submitBtnBox}
style={{
left: screenIsBig ? (!collapsed ? '224px' : '104px') : 0, // eslint-disable-line
width: screenIsBig ? (`calc(100% - ${!collapsed ? '244px' : '124px'})`) : '100%', // eslint-disable-line
}}
>
<FormItem {...formItemModalLineLayout} style={{ marginBottom: 0 }}>
<Button loading={editLoading} type="primary" htmlType="submit" style={{ marginRight: 20 }}>保存</Button>
{/* <Button style={{ marginRight: 20 }}>预览</Button> */}
<Button onClick={this.toUploadCourseware}>上传课件</Button>
</FormItem>
</div>
</Form>
<MaterialModal
visible={materialVisible}
......@@ -520,6 +529,7 @@ function mapStateToProps(state) {
const {
info,
} = state.uploadcourseware;
const { collapsed, screenIsBig } = state.webapp;
return {
addCourseObj,
editLoading,
......@@ -529,6 +539,8 @@ function mapStateToProps(state) {
materiaListTotal,
coursewareInfo,
info,
collapsed,
screenIsBig,
};
}
export default connect(mapStateToProps)(CourseDetail);
......
.container {
background-color: #fff;
padding:0 20px;
padding-bottom: 100px;
}
.modalform {
margin-top: 20px;
......@@ -205,3 +206,13 @@
}
}
}
.submitBtnBox {
position: fixed;
bottom: 0;
background-color: #fff;
padding: 20px 20px 14px 20px;
width: 100%;
box-shadow:1px -6px 6px 0px rgba(0, 0, 0, 0.04);
transition: 0.2s left;
transition: 0.1s width;
}
\ No newline at end of file
......@@ -300,23 +300,23 @@ class singleDetailForm extends React.Component {
<Radio.Group onChange={this.posterChange} value={this.state.choosedPoster || addCourseObj.poster}>
<Row className={`${pageStyle.posterSetBox} posterSetBox`}>
<Col span={6} style={{ marginBottom: '10px' }}>
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="clock-test/member/12186/2019-11-26/f766995d6957b3ff91c983d97514986b.jpg">
<img className={pageStyle.posterImg} src="https://cdn.img.shangjiadao.cn/clock-test/member/12186/2019-11-26/f766995d6957b3ff91c983d97514986b.jpg" alt="" />
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="qingxiao/biz/image/course/poster/1.png">
<img className={pageStyle.posterImg} src={`${__IMGCDN__}course/poster/1.png`} alt="" />
</Radio>
</Col>
<Col span={6} style={{ marginBottom: '10px' }}>
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="clock-test/member/12186/2019-11-26/b8d7da24f8bd0a1efa23e0cab68efc64.jpg">
<img className={pageStyle.posterImg} src="https://cdn.img.shangjiadao.cn/clock-test/member/12186/2019-11-26/b8d7da24f8bd0a1efa23e0cab68efc64.jpg" alt="" />
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="qingxiao/biz/image/course/poster/2.png">
<img className={pageStyle.posterImg} src={`${__IMGCDN__}course/poster/2.png`} alt="" />
</Radio>
</Col>
<Col span={6} style={{ marginBottom: '10px' }} >
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="clock-test/member/12186/2019-11-26/0b6647b87af063e90288286cda9c7a1d.jpg">
<img className={pageStyle.posterImg} src="https://cdn.img.shangjiadao.cn/clock-test/member/12186/2019-11-26/0b6647b87af063e90288286cda9c7a1d.jpg" alt="" />
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="qingxiao/biz/image/course/poster/3.png">
<img className={pageStyle.posterImg} src={`${__IMGCDN__}course/poster/3.png`} alt="" />
</Radio>
</Col>
<Col span={6} style={{ marginBottom: '10px' }} >
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="clock-test/member/12186/2019-11-26/dcedfa5eb225dbb7f05ae729ae05a5d7.jpg">
<img className={pageStyle.posterImg} src="https://cdn.img.shangjiadao.cn/clock-test/member/12186/2019-11-26/dcedfa5eb225dbb7f05ae729ae05a5d7.jpg" alt="" />
<Radio id="1" style={{ display: 'flex', alignItems: 'flex-start' }} value="qingxiao/biz/image/course/poster/4.png">
<img className={pageStyle.posterImg} src={`${__IMGCDN__}course/poster/4.png`} alt="" />
</Radio>
</Col>
</Row>
......
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