2021-09-23表格单元格颜色

1：表头蓝色
2：第一列灰色
3：第七列数据达到要求的行都是青绿色
4：如果是要求中数据百分比大于70，由青绿色变成橙色
5：第八列的所有数据，大于5，变成黄色

image.png image.png

<el-table
:data="tableData"
style="width: 100%"
border
:header-cell-style="{ background: '#1ea0d9', color: '#fff' }"
:cell-style="columnStyle"
>
</el-table>
// 减去13 获取制定日期中的行 13 几个月 = 34187400000 毫秒 12个月31557600000 31404000000 1230246060*1000

columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 0) {
return 'background:#cdcdcd;'
} else if (columnIndex === 6) {
let xxmonth = Date.parse(
row.month.toString().replace('年', '-').replace('月', '')
)
if (xxmonth < Date.now() - 31557600000) {
if (row.destroyper > '70') {
return 'background:#ff8357;color:#fff'
return 'background:#ff8357;color:#fff'
} else {
return 'background:' + this.color1 + ';color:#fff'
}
}
} else if (columnIndex === 7) {
if (row.lastweekgrowper > '5') {
return 'background:#ff8357;
}
}
}