Просмотр исходного кода

师傅,分销员管理列表增加待审核高亮显示

pengyh 1 год назад
Родитель
Сommit
7eb22f786b

+ 16 - 0
src/views/userManagement/distributorManagement/index.vue

@@ -103,6 +103,7 @@ export default {
       tableAttributes: {
         // 启用勾选列
         selectColumn: false,
+		'row-class-name': this.tableRowClassName
       },
       // 表格事件
       tableEvents: {
@@ -285,6 +286,13 @@ export default {
 	  this.$refs?.formRef?.$refs?.inlineForm?.clearValidate()
 	  this.$data.formData = this.$options.data().formData
 	},
+	tableRowClassName({row, rowIndex}){
+		if(row.examineStatus==="待审核"){
+			return 'redbackground'
+		}else{
+			return 'lcsebackground'
+		}
+	},
 	// 表格操作列
 	operation() {
 		return this.operationBtn({
@@ -480,3 +488,11 @@ export default {
 </script>
 
 <style lang="scss" scoped></style>
+<style lang="scss" >
+.redbackground {
+	background: rgb(248, 185, 185) !important;
+}
+.lcsebackground{
+  background: rgb(212, 245, 212) !important;
+}
+</style>

+ 17 - 1
src/views/userManagement/masterManagement/index.vue

@@ -68,7 +68,8 @@ export default {
       // 表格属性
       tableAttributes: {
         // 启用勾选列
-        selectColumn: false
+        selectColumn: false,
+		'row-class-name': this.tableRowClassName
       },
       // 表格事件
       tableEvents: {
@@ -417,6 +418,13 @@ export default {
         },
       })
     },
+	tableRowClassName({row, rowIndex}){
+		if(row.examineStatus==="待审核"){
+			return 'redbackground'
+		}else{
+			return 'lcsebackground'
+		}
+	},
     guanbi() {
       this.$refs?.formRef?.$refs?.inlineForm?.clearValidate()
       this.$data.formData = this.$options.data().formData
@@ -459,3 +467,11 @@ export default {
   padding: 20px 20px 0 20px;
 }
 </style>
+<style lang="scss" >
+.redbackground {
+	background: rgb(248, 185, 185) !important;
+}
+.lcsebackground{
+  background: rgb(212, 245, 212) !important;
+}
+</style>