|
一、实现效果
二、实现思路
1、每条数据都要去判断是否到期,必须卓条做处理,列表中列格式化内容事件可以做到
2、在列格式化内容事件中定义好样式,取到当前日期,与数据日期作比较
3、通过判断日期的天数,返回什么样式的提醒,与数据一起拼接到页面
三、具体操作
1、在功能列表列内容格式化事件中编写事件四、相关代码 - function(value,metaData,record,rowIndex,colIndex,store,view){
- var style = 'color: #ffffff;background: #D24D57;border-radius: 3px;position: relative;display: inline-block;padding: 3px 5px;font-size: 12px;font-weight: 400;vertical-align: middle;';
- var style2 = 'color: #ffffff;background: #376bd0;border-radius: 3px;position: relative;display: inline-block;padding: 3px 5px;font-size: 12px;font-weight: 400;vertical-align: middle;';
- var dvalue = JE.DATE.parseDate(value);
- var tdate = new Date();
- var cz = JE.DATE.diffDays(dvalue, tdate);
- var zt = record.get("TASK_GZTYLE_CODE");
- if(cz < 0){
- return value + ' 还剩<span style = "color:#386bd0" > '+(0-cz)+' </span>天';
- }else if(cz == 0){
- return value + ' <span style = "'+style2+'"> 最后一天 </span>';
- }else{
- return value + ' <span style = "'+style+'"> 延期'+(cz)+'天</span>';
- }
- }
复制代码
|
|