|
@ -10,7 +10,7 @@ |
|
|
|
|
|
|
|
|
<!-- 列表 --> |
|
|
<!-- 列表 --> |
|
|
<ContentWrap> |
|
|
<ContentWrap> |
|
|
<Table :columns="tableColumns" :stripe="false" :row-style="tableRowClassName" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{ |
|
|
<Table :columns="tableColumns" :stripe="false" :row-class-name="tableRowClassName" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{ |
|
|
total: tableObject.total |
|
|
total: tableObject.total |
|
|
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" |
|
|
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" |
|
|
v-model:sort="tableObject.sort"> |
|
|
v-model:sort="tableObject.sort"> |
|
@ -257,14 +257,16 @@ |
|
|
function tableRowClassName({row, rowIndex}) { |
|
|
function tableRowClassName({row, rowIndex}) { |
|
|
console.log(row.classification); |
|
|
console.log(row.classification); |
|
|
if (row.classification =='A') { |
|
|
if (row.classification =='A') { |
|
|
return { |
|
|
// return { |
|
|
background: 'red !important' |
|
|
// background: '#ff4800 !important' |
|
|
}; |
|
|
// }; |
|
|
|
|
|
return 'red-row'; |
|
|
} |
|
|
} |
|
|
if (row.classification =='B') { |
|
|
if (row.classification =='B') { |
|
|
return { |
|
|
// return { |
|
|
background: 'yellow !important' |
|
|
// background: 'yellow !important' |
|
|
}; |
|
|
// }; |
|
|
|
|
|
return 'yellow-row'; |
|
|
} |
|
|
} |
|
|
return ''; |
|
|
return ''; |
|
|
} |
|
|
} |
|
@ -296,17 +298,13 @@ |
|
|
// color: white !important; |
|
|
// color: white !important; |
|
|
// } |
|
|
// } |
|
|
::v-deep .el-table .red-row { |
|
|
::v-deep .el-table .red-row { |
|
|
background: red !important; |
|
|
background: #ff4800 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-table .yellow-row { |
|
|
::v-deep .el-table .yellow-row { |
|
|
background: yellow !important; |
|
|
background: yellow !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-table tr > red-row{ |
|
|
|
|
|
background: red !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// ::v-deep .el-table .red-row { |
|
|
// ::v-deep .el-table .red-row { |
|
|
// --el-table-tr-bg-color: var(--el-color-warning-light-9) !important; |
|
|
// --el-table-tr-bg-color: var(--el-color-warning-light-9) !important; |
|
|
// } |
|
|
// } |
|
|