一、活动列表页状态修改
1.是否上下架(已下架)
2.是够报名已关闭(全部分组都关闭时是报名已关闭状态) //状态不需要
//人员已满
3.报名未开始/报名中/报名已结束/赛事进行中/赛事已结束
import React from 'react';
export function getEventStatus(status){
switch(status){
case 0:
return '全部';
case 1:
return '报名中';
case 2:
return '报名结束';
case 4:
return '比赛中';
case 8:
return '比赛结束';
case 32:
return '活动下架';
}
}
/***
* 1.是否上下架(已下架)
2.是够报名已关闭(全部分组都关闭时是报名已关闭状态)
3.报名未开始/报名中/报名已结束/活动已结束
*/
export function renderStatus(record) {
const {activity, groups} = record;
let status = 1;
let now = Date.now();
if(activity.state){
// 活动上下架状态, true:上架
if(now < activity.applyStartTime){
status = 3;
}else if(now <= activity.applyEndTime ){
status = 1;
}else if(now > activity.applyEndTime){
// 此时报名已结束, 看活动是否已开始
if(now > activity.endTime){
status = 2;
}else if(now >= activity.startTime){
status = 6;
}
status = 4;
}
}else{
status = 5;
}
switch (status) {
case 1:
return (<div><span className="label-state label-success"></span>报名中</div>);
case 2:
return (<div><span className="label-state label-default"></span>活动已结束</div>);
case 3:
return (<div><span className="label-state label-warning"></span>报名未开始</div>);
case 4:
return (<div><span className="label-state label-danger"></span>报名已结束</div>);
case 5:
return (<div><span className="label-state label-black"></span>已下架</div>);
case 6:
return (<div><span className="label-state label-success"></span>赛事进行中</div>);
}
}