Ver código fonte

行背景色

zweizhao 7 anos atrás
pai
commit
9eb4b48e08
1 arquivos alterados com 26 adições e 3 exclusões
  1. 26 3
      pages/main/index/cloud_job.vue

+ 26 - 3
pages/main/index/cloud_job.vue

@@ -70,6 +70,7 @@
         style="width: 100%"
         :data="tableData"
         :row-class-name="tableRowClassName"
+        :row-style="tableRowClassName"
         @row-click="clickRow"
       >
         <el-table-column
@@ -296,9 +297,31 @@ export default {
     },
     // 根据状态显示图表样式
     tableRowClassName({ row, rowIndex }) {
-      // console.log({row, rowIndex})
-      let className = ""
-      if(row.status === "1") className = "success-row"
+      console.log({row, rowIndex})
+      // let className = ""
+      // if(row.status === "1") className = "success-row"
+      // return className
+      let className
+      switch(row.statusName) {
+        case '审核中':
+        className = 'background: #E1F3D8;'
+        break
+        case '对接开发者':
+        className = 'background: #F0F9EB;'
+        break
+        case '面试中':
+        className = 'background: #F0F9EB;'
+        break
+        case '确认聘用':
+        className = 'background: #F0F9EB;'
+        break
+        case '开发中':
+        className = 'background: #FAECD8;'
+        break
+        case '结束合作':
+        className = 'background: #F4F4F5;'
+        break
+      }
       return className
     },
     // 格式化列表数据