Skip to content

X
xiaomai-cloud-class-web
Commit 00153e8b by zhangleyuan
Options

feat:处理课程列表培训任务的显示

parent ada678af
Showing with 103 additions and 68 deletions
src/modules/course-manage/components/LiveCourseList.jsx
......@@ -293,9 +293,12 @@ class LiveCourseList extends React.Component {
return (
<div className="related-task">
{ record.relatedPlanList ?
record.relatedPlanList.map((item,index)=>{
<Tooltip title={this.handlePlanName(record.relatedPlanList)} >
{ record.relatedPlanList.map((item,index)=>{
return <span>{item.planName} { (index < record.relatedPlanList.length-1)&&(<span> 、</span>)} </span>
})
}
</Tooltip>
:
<span></span>
}
......@@ -510,9 +513,12 @@ class LiveCourseList extends React.Component {
return (
<div className="related-task">
{ record.relatedPlanList ?
record.relatedPlanList.map((item,index)=>{
<Tooltip title={this.handlePlanName(record.relatedPlanList)} >
{ record.relatedPlanList.map((item,index)=>{
return <span>{item.planName} { (index < record.relatedPlanList.length-1)&&(<span> 、</span>)} </span>
})
}
</Tooltip>
:
<span></span>
}
......@@ -535,6 +541,19 @@ class LiveCourseList extends React.Component {
})
return adminStr
}
handlePlanName = (planArray)=>{
let planStr = "";
planArray.map((item,index)=>{
if(index < planArray.length-1){
planStr = planStr + item.planName + '、';
}else{
planStr = planStr + item.planName
}
})
return planStr
}
renderMoreOperate = (item) => {
return (
<div className="live-course-more-menu">
......
src/modules/course-manage/modal/RelatedPlanModal.jsx
......@@ -220,13 +220,6 @@ class RelatedPlanModal extends React.Component {
this.selectPlanList(record,selected,_record.planId);
},
onSelectAll: (selected, _selectedRows, changeRows) => {
// let _list = [];
// if (selected) {
// _list = _.uniq(selectVideo.concat(changeRows), false, (item) => item.id);
// } else {
// _list = _.reject(selectVideo, (item) => _.find(changeRows, (data) => data.id === item.id));
// }
// this.setState({selectVideo:_list});
},
}}
/>
......@@ -241,6 +234,7 @@ class RelatedPlanModal extends React.Component {
current={query.current - 1}
pageSize={size}
total={totalCount}
size="small"
toPage={(page) => {
const _query = {...query, current: page + 1};
this.setState({
......
src/modules/course-manage/video-course/components/VideoCourseList.jsx
......@@ -2,7 +2,7 @@
* @Author: 吴文洁
* @Date: 2020-08-05 10:12:45
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-03-11 17:16:20
* @LastEditTime: 2021-03-15 17:05:01
* @Description: 视频课-列表模块
* @Copyright: 杭州杰竞科技有限公司 版权所有
*/
......@@ -176,9 +176,12 @@ class VideoCourseList extends React.Component {
return (
<div className="related-task">
{ record.relatedPlanList ?
record.relatedPlanList.map((item,index)=>{
<Tooltip title={this.handlePlanName(record.relatedPlanList)} >
{ record.relatedPlanList.map((item,index)=>{
return <span>{item.planName} { (index < record.relatedPlanList.length-1)&&(<span> 、</span>)} </span>
})
}
</Tooltip>
:
<span></span>
}
......@@ -240,6 +243,18 @@ class VideoCourseList extends React.Component {
</div>
)
}
handlePlanName = (planArray)=>{
let planStr = "";
planArray.map((item,index)=>{
if(index < planArray.length-1){
planStr = planStr + item.planName + '、';
}else{
planStr = planStr + item.planName
}
})
return planStr
}
//改变上架状态
changeShelfState = (item) =>{
let _shelfState = item.shelfState
......
src/modules/plan-manage/LearningData.less
.plan-learn-data-list{
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
.ant-tabs-tab.ant-tabs-tab-active{
font-weight:normal;
}
.plan-info{
......
src/modules/plan-manage/components/BasicInfo.jsx
......@@ -2,7 +2,7 @@
* @Author: zhangleyuan
* @Date: 2021-02-20 16:45:51
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-03-15 14:47:39
* @LastEditTime: 2021-03-15 17:01:47
* @Description: 描述一下
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
......@@ -219,7 +219,7 @@ class BasicInfo extends React.Component{
<span className="label"><span className="require">*</span>培训计划名称：</span>
<Input
value={planName}
placeholder="请输入培训计划名称,最多20字"
placeholder="请输入培训计划名称(20字以内)"
maxLength={20}
style={{ width: 240 }}
onChange={(e)=>this.props.onChange('planName', e.target.value)}
......@@ -253,7 +253,7 @@ class BasicInfo extends React.Component{
<TextArea
placeholder="请输入培训计划简介"
maxLength={200}
style={{ width: '552px',height:'90px'}}
style={{ width: '552px',height:'110px'}}
className="instro-textarea"
value={instro}
onChange={(e)=>this.props.onChange('instro', e.target.value)}
......
src/modules/plan-manage/components/BasicInfo.less
......@@ -80,6 +80,9 @@
.view-range{
display:flex;
margin-top:16px;
.label{
margin-top:2px;
}
.instro-text{
color:#999;
margin-left:12px;
......
src/modules/plan-manage/components/PlanList.jsx
......@@ -2,7 +2,7 @@
* @Author: zhangleyuan
* @Date: 2021-02-20 16:46:46
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-03-13 18:00:15
* @LastEditTime: 2021-03-15 16:19:53
* @Description: 描述一下
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
......@@ -85,7 +85,7 @@ function PlanList(props) {
},
{
title: '更新时间',
width: "12.5%",
width: "10%",
key: 'updated',
dataIndex: 'updated',
sorter: true,
......@@ -95,7 +95,7 @@ function PlanList(props) {
},
{
title: '参培人数',
width: "10%",
width:76,
key: 'cultureCustomerNum',
dataIndex: 'cultureCustomerNum',
sorter: true,
......@@ -227,49 +227,6 @@ function PlanList(props) {
props.onChange();
}
})
// let _enableState = record.enableState
// if(_enableState==='NO'){
// // _enableState = "YES";
// const params={
// "planId": record.planId,
// "enableState":"YES"
// }
// PlanService.updateStateTrainingPlan(params).then((res)=>{
// if(res.success){
// // if(_enableState === "YES"){
// record.enableState = "YES";
// message.success("已启用此计划");
// // }
// }
// })
// }else{
// // _enableState = "NO";
// // item.enableState = "YES";
// return confirm({
// title: "确定要禁用培训计划吗？",
// content: "禁用后，培训计划不再支持新用户加入，已参与培训的用户可继续培训",
// icon: (
// <span className="icon iconfont default-confirm-icon">&#xe839; </span>
// ),
// okText: "确定",
// okType: "danger",
// cancelText: "取消",
// onOk: () => {
// const params={
// "planId": record.planId,
// "enableState":"NO"
// }
// PlanService.updateStateTrainingPlan(params).then((res)=>{
// if(res.success){
// // if(_enableState === "NO"){
// record.enableState = "NO";
// message.success("已禁用此计划");
// // }
// }
// })
// },
// });
// }
}
function toEditPlanPage(item){
......@@ -336,6 +293,7 @@ function PlanList(props) {
bordered
size="middle"
scroll={{ x: 1400}}
className="plan-list-table"
/>
<div className="box-footer">
<PageControl
......
src/modules/plan-manage/components/PlanList.less
.plan-list{
margin-top:12px;
.plan-list-table{
tbody {
tr{
&:nth-child(even){
background: transparent !important;
td{
background:#FFF !important;
}
}
&:nth-child(odd){
background: #FAFAFA !important;
td{
background: #FAFAFA !important;
}
}
&:hover{
td{
background:#F3f6fa !important;
}
}
}
}
}
.plan-name{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
......@@ -26,6 +49,10 @@
}
}
}
.join-number{
text-align:right;
margin-right:12px;
}
.more-operate{
line-height:20px;
}
......
src/modules/plan-manage/components/TrainingTask.jsx
......@@ -2,7 +2,7 @@
* @Author: zhangleyuan
* @Date: 2021-02-20 16:45:51
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-03-12 16:49:01
* @LastEditTime: 2021-03-15 16:14:50
* @Description: 描述一下
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
......@@ -41,6 +41,7 @@ const courseStateShow = {
title: "未成功开课",
},
};
const DragHandle = sortableHandle(() => (
<span className="operate__item" >
<span className="icon iconfont">&#xe7cd;</span>
......@@ -351,7 +352,7 @@ class TrainingTask extends React.Component {
}
</div>
<div className="operate">
<div className="course-operate">
<DragHandle />
{/* <span className="operate__item">
<span className="icon iconfont">&#xe6f5;</span>
......
src/modules/plan-manage/components/TrainingTask.less
......@@ -55,8 +55,8 @@
}
}
}
}
.operate{
display: none;
.operate__item{
cursor:pointer;
margin-left:16px;
......@@ -71,6 +71,13 @@
}
}
}
&:hover{
.operate{
display:block;
}
}
}
.course-box{
.add-course-con{
padding:16px 51px;
......@@ -88,7 +95,13 @@
padding:16px 16px 16px 51px;
justify-content: space-between;
align-items: center;
.operate{
&:hover{
.course-operate{
display:block;
}
}
.course-operate{
display: none;
.operate__item{
cursor:pointer;
margin-left:16px;
......@@ -103,6 +116,7 @@
}
}
}
.course-info{
.ant-form{
display:inline-block;
......
src/modules/plan-manage/modal/UserLearnDetailModal.jsx
......@@ -160,7 +160,7 @@ class UserLearnDetailModal extends React.Component {
<div className="course-info">
<div className="course-type">{CourseType[record.courseType].text}</div>
<div className="name-and-state">
<span className="course-name">{parentIndex + 1}.{index + 1}{record.courseName}</span>
<span className="course-name">{parentIndex + 1}.{index + 1} {record.courseName}</span>
{ record.courseType==="LIVE" &&
<span className="course-state">{courseStateShow[record.courseState].title}</span>
}
......
src/modules/plan-manage/modal/relatedCourseModal.jsx
......@@ -352,9 +352,9 @@ class SelectOperatorModal extends React.Component {
closeIcon={<span className="icon iconfont modal-close-icon">&#xe6ef;</span>}
footer={[
activeKey ==='live'?
<a target='_blank' className="link-create-course" href={window.location.origin + window.location.pathname + '#/create-live-course?type=add'}>没有找到需要的直播课？<span>去创建</span></a>
<a target='_blank' className="link-create-course" href={window.location.origin + window.location.pathname + '#/create-live-course?type=add'} onClick={this.props.onClose}>没有找到需要的直播课？<span>去创建</span></a>
:
<a target='_blank' className="link-create-course" href={window.location.origin + window.location.pathname + '#/create-video-course?type=add'}>没有找到需要的视频课？<span>去创建</span></a>
<a target='_blank' className="link-create-course" href={window.location.origin + window.location.pathname + '#/create-video-course?type=add'} onClick={this.props.onClose}>没有找到需要的视频课？<span>去创建</span></a>
,
<Button
onClick={() => {
......
src/modules/plan-manage/modal/relatedCourseModal.less
......@@ -5,6 +5,9 @@
.ant-tabs-nav-list{
margin:0 auto;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
font-weight:normal;
}
.ant-tabs-nav .ant-tabs-tab{
padding:6px 12px !important;
margin:0;
......@@ -19,6 +22,7 @@
border-radius: 0px 4px 4px 0px;
}
}
.ant-tabs-nav .ant-tabs-tab-active{
border: 1px solid #FFB714;
color:#FFB714;
......
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