bootstrap table 编辑列的根据条件 添加背景色

{
field: 'gmt_create',
title: '创建日期',
formatter: function(value,row,index){
return row.gmt_create?row.gmt_create.substring( 0, 19): '-';
},
align: 'center',
valign: 'middle'
},{
field: 'actual_execute_date',
title: '下发日期',
cellStyle:cellStylesales2,
formatter: function(value,row,index){
return timemoreday(row.actual_execute_date?row.actual_execute_date: '-',row.gmt_create?row.gmt_create: '-');
},
align: 'center',
valign: 'middle'
},{
field: 'gmt_mondified ',
title: '完结日期',
cellStyle:cellStylesales1,
formatter : function(value,row,index){
//判断创建时间和完结时间
var gmt_mondified = row.gmt_mondified?row.gmt_mondified: '-'
if(gmt_mondified!= '-'){
return timemoreday(row.gmt_mondified,row.actual_execute_date);
}
return '-';
},
align: 'center',
valign: 'middle'
},{
field: '',
title: '用时',
cellStyle:cellStylesales,
formatter : function(value,row,index){
//判断创建时间和结束时间
if(!row.gmt_mondified && !row.gmt_create){
return '-';
}
return timestampToTime(row.gmt_mondified,row.gmt_create);
},
align: 'center',
//展示实际用时的时间转化
function timestampToTime(date1,date2) {
var end = date1?date1: '-';
var start = date2?date2: '-';
if(end == '-'){
end = new Date();
}
var data_strat = Date.parse(start);
var data_end = Date.parse(end);
var times = Math.abs(data_end-data_strat);
var days = (times/( 1000* 60* 60* 24)).toString();
var day_time = days.split( '.');
//用时展示的形式是天,小时
var clock = Number( '0.'+day_time[ 1]);
return day_time[ 0]+ '天'+Math.ceil(clock* 24)+ '小时';
//修改完结时间用时的背景颜色
function cellStylesales(value, row, index) {
var gmt_mondified = row.gmt_mondified?row.gmt_mondified: '-';
var gmt_create = row.gmt_create;
if(gmt_mondified == '-'){
gmt_mondified = new Date();
}
var data_strat = Date.parse(gmt_create);
var data_end = Date.parse(gmt_mondified);
var times = Math.abs(data_end-data_strat);
var days = times/( 1000* 60* 60* 24);
if(days>= 3 && days< 6){
return {css:{background: '#ffeb3b',color: '#000'}};
} else if(days >= 6){
return {css:{background: '#f44336',color: '#000'}};
} else{
return {css:{background: '#8bc34a',color: '#000'}};
}
}

//下发时间、创建时间判断超出天数
function timemoreday(date1,date2){
var date1 = date1;
var date2 = date2;
if(date1 == '-'){
var data_strat = Date.parse(date2);
var data_end = Date.parse( new Date());
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
return new Date();
} else if(h> 1 && h<= 2){
return "超过一天";
} else if(h> 2 && h<= 3){
return "超过两天";
} else{
return "超过三天";
}
} else{
var data_strat = Date.parse(date2);
if(!data_strat){
data_strat = Date.parse( new Date());
}
var data_end = Date.parse(date1);
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
return date1.substring( 0, 19);
} else if(h> 1 && h<= 2){
return date1.substring( 0, 19);
} else if(h> 2 && h<= 3){
return date1.substring( 0, 19);
} else{
return date1.substring( 0, 19);
}
}
}

//下发日期背景色添加
function cellStylesales2(value, row, index) {
var actual_execute_date= row.actual_execute_date?row.actual_execute_date: '-';
var gmt_create = row.gmt_create;
if(actual_execute_date == '-'){
var cell_data= '';
var data_strat = Date.parse(gmt_create);
var data_end = Date.parse( new Date());
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
cell_data = data_end;
} else if(h> 1 && h<= 2){
cell_data = "超过一天";
} else if(h> 2 && h<= 3){
cell_data = "超过两天";
} else{
cell_data = "超过三天";
}

if(cell_data == "超过一天"){
return {css:{background: '#8bc34a',color: '#000'}};
} else if(cell_data == "超过两天"){
return {css:{background: '#f44336',color: '#000'}};
} else if(cell_data == "超过三天"){
return {css:{background: '#f44336',color: '#000'}};
} else{
return {css:{background: '#f9f9f9',color: '#000'}};
}
} else{
var cell_data= '';
var data_strat = Date.parse(gmt_create);
var data_end = Date.parse(actual_execute_date);
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
cell_data = actual_execute_date.substring( 0, 18);
} else if(h> 1 && h<= 2){
cell_data = "超过一天";
} else if(h> 2 && h<= 3){
cell_data = "超过两天";
} else{
cell_data = "超过三天";
}
if(cell_data == "超过一天"){
return {css:{background: '#8bc34a',color: '#000'}};
} else if(cell_data == "超过两天"){
return {css:{background: '#f44336',color: '#000'}};
} else if(cell_data == "超过三天"){
return {css:{background: '#f44336',color: '#000'}};
} else{
return {css:{background: '#f9f9f9',color: '#000'}};
}
}
}

//完结日期超出天数
function cellStylesales1(value, row, index) {
var date1 = row.gmt_mondified?row.gmt_mondified: '-';
var actual_execute_date = row.actual_execute_date;
if(date1 == '-'){
var cell_data= '';
var data_strat = Date.parse(actual_execute_date);
var data_end = Date.parse( new Date());
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
cell_data = data_end.substring( 0, 18);
} else if(h> 1 && h<= 2){
cell_data = "超过一天";
} else if(h> 2 && h<= 3){
cell_data = "超过两天";
} else{
cell_data = "超过三天";
}

if(cell_data == "超过一天"){
return {css:{background: '#8bc34a',color: '#000'}};
} else if(cell_data == "超过两天"){
return {css:{background: '#f44336',color: '#000'}};
} else if(cell_data == "超过三天"){
return {css:{background: '#f44336',color: '#000'}};
} else{
return {css:{background: '#f9f9f9',color: '#000'}};
}
} else{
var cell_data= '';
var data_strat = Date.parse(actual_execute_date);
var data_end = Date.parse(date1);
var times = Math.abs(data_end-data_strat);
var h = (times/( 1000* 60* 60* 24)).toString();
if(h<= 1){
cell_data = data_end;
} else if(h> 1 && h<= 2){
cell_data = "超过一天";
} else if(h> 2 && h<= 3){
cell_data = "超过两天";
} else{
cell_data = "超过三天";
}
if(cell_data == "超过一天"){
return {css:{background: '#8bc34a',color: '#000'}};
} else if(cell_data == "超过两天"){
return {css:{background: '#f44336',color: '#000'}};
} else if(cell_data == "超过三天"){
return {css:{background: '#f44336',color: '#000'}};
} else{
return {css:{background: '#f9f9f9',color: '#000'}};
}
}
}

}
valign: 'middle'
}

猜你喜欢

转载自blog.csdn.net/zxmin1302/article/details/80581466