| | |
| | | |
| | | // 表格行类名 |
| | | const tableRowClassName = ({ row }) => { |
| | | const stock = Number(row?.qualifiedUnLockedQuantity ?? 0); |
| | | const stock = Number(row?.qualifiedQuantity ?? 0); |
| | | const warn = Number(row?.warnNum ?? 0); |
| | | if (!Number.isFinite(stock) || !Number.isFinite(warn)) { |
| | | return ""; |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | :deep(.row-low-stock td) { |
| | | background-color: #fde2e2; |
| | | color: #c45656; |
| | | :deep(.row-low-stock td.el-table__cell) { |
| | | background-color: #fde2e2 !important; |
| | | color: #c45656 !important; |
| | | } |
| | | |
| | | :deep(.row-low-stock:hover > td) { |
| | | background-color: #fcd4d4; |
| | | :deep(.el-table__body tr.row-low-stock:hover > td.el-table__cell) { |
| | | background-color: #fcd4d4 !important; |
| | | } |
| | | </style> |