|
@@ -88,7 +88,11 @@
|
|
|
></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-table v-loading="loading" :data="codeList">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="codeList"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ >
|
|
|
<el-table-column label="id" align="center" prop="id" />
|
|
|
<el-table-column
|
|
|
label="激活码"
|
|
@@ -228,6 +232,14 @@ export default {
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ tableRowClassName({ row}) {
|
|
|
+ if (row.status === 2) {
|
|
|
+ return 'warning-row';
|
|
|
+ } else if (row.status === 0) {
|
|
|
+ return 'success-row';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ },
|
|
|
copyFun(ElementObj) {
|
|
|
var inputElement = document.createElement("input"); //获取要赋值的input的元素
|
|
|
inputElement.value = ElementObj; //给input框赋值
|
|
@@ -303,11 +315,18 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style>
|
|
|
.jihuoma {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
font-size: 30px;
|
|
|
}
|
|
|
+.el-table .warning-row {
|
|
|
+ background: rgb(228, 213, 187);
|
|
|
+}
|
|
|
+
|
|
|
+.el-table .success-row {
|
|
|
+ background: #cde6bf;
|
|
|
+}
|
|
|
</style>
|