layui 数据表格 数据多颜色显示

1，效果图：

2，代码：

 {
    
    field: 'reportstatus', title: '上报状态', width: 150, align: 'left' , halign: 'center', sort: true, filter: true,
      templet: function (row) {
    
    
           if (row.reportstatus == "0") {
    
    
               return  '<span style="color: #409EFF;">待审核</span>'
           } else if (row.reportstatus == "1") {
    
    
               return  '<span style="color: #3CB371;">审核完成</span>'
           } else if (row.reportstatus == "2") {
    
    
               return  '<span style="color: #DC143C;">审核失败</span>'
           } else if (row.reportstatus == "3") {
    
    
               return  '<span style="color: #00CED1;">上报完成</span>'
           } else if (row.reportstatus == "4") {
    
    
               return  '<span style="color: #808080;">临时保存</span>'
           }
       }},

3，色彩工具链接：

RGB颜色值与十六进制颜色码转换工具