上岗证/作业证书一览表 - 证书颜色

ui/src/views/training/worklicensecertificate/index.vue

@@ -409,8 +409,8 @@
     </el-row>
 
     <el-table v-loading="loading" :data="worklicensecertificateList" @selection-change="handleSelectionChange" :height="clientHeight" border
-              :header-cell-style="{'text-align':'center'}"
-              :cell-style="tableCellStyle">
+              :cell-style="tableCellStyle"
+              :header-cell-style="tableHeaderStyle">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true"/>
       <el-table-column label="员工号" align="center" prop="employeeid" :show-overflow-tooltip="true"/>
@@ -420,7 +420,7 @@
       <el-table-column label="证件类型" align="center" prop="idtype" :show-overflow-tooltip="true"/>
       <el-table-column label="证件号" align="center" prop="worklicenseIdnum" :show-overflow-tooltip="true" width="120"/>
       <el-table-column label="岗位">
-        <el-table-column label="开工锅炉" align="center" prop="boiler" :show-overflow-tooltip="true">
+        <el-table-column label="开工锅炉" align="center" prop="boiler" :show-overflow-tooltip="true" style="background:#DDFFDD;">
           <template slot-scope="scope">
             <span>{{ scope.row.boiler == 1 ? "YES" : "NO" }}</span>
             <el-button v-if="scope.row.boiler == 1" icon="el-icon-folder" style="color:#6e96fa;" @click="handleDoc(scope.row , 'license-boiler')"  circle></el-button>
@@ -620,7 +620,7 @@
         <!--</template>-->
       <!--</el-table-column>-->
       <!--<el-table-column label="部门编号" align="center" prop="deptId" :show-overflow-tooltip="true"/>-->
-      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -1210,10 +1210,67 @@ export default {
     this.getTreeselect();
   },
   methods: {
+    tableHeaderStyle({row, column, rowIndex, columnIndex}) {
+      let style = "text-align:center;";
+      // if (column.label==='岗位'||column.label==='开工锅炉'||column.label==='裂解'
+      //   ||column.label==='热区'||column.label==='冷区'||column.label==='芳烃') {
+      //   console.log(column.label)
+      //   console.log(rowIndex)
+      //   console.log(columnIndex)
+      //   return style += "background:#DDFFDD;";
+      // }
+      if ((rowIndex === 0 && columnIndex === 8) || (rowIndex === 1 && columnIndex === 0)
+        || (rowIndex === 1 && columnIndex === 1) || (rowIndex === 1 && columnIndex === 2)
+        || (rowIndex === 1 && columnIndex === 3) || (rowIndex === 1 && columnIndex === 4)
+        ||(rowIndex === 0 && columnIndex === 9) || (rowIndex === 0 && columnIndex === 10)
+        || (rowIndex === 1 && columnIndex === 21) || (rowIndex === 1 && columnIndex === 22)
+        || (rowIndex === 1 && columnIndex === 23) || (rowIndex === 1 && columnIndex === 24)
+        || (rowIndex === 0 && columnIndex === 14)) {
+        return style += "background:#DDFFDD;";
+      }
+      if ((rowIndex === 0 && columnIndex === 11) || (rowIndex === 1 && columnIndex === 5)
+        || (rowIndex === 1 && columnIndex === 6) || (rowIndex === 1 && columnIndex === 7)
+        || (rowIndex === 1 && columnIndex === 8) || (rowIndex === 1 && columnIndex === 9)
+        || (rowIndex === 1 && columnIndex === 25) || (rowIndex === 1 && columnIndex === 26)
+        || (rowIndex === 0 && columnIndex === 15)) {
+        return style += "background:#FFFFDD;";
+      }
+      if ((rowIndex === 0 && columnIndex === 12) || (rowIndex === 1 && columnIndex === 10)
+        || (rowIndex === 1 && columnIndex === 11) || (rowIndex === 1 && columnIndex === 27)
+        || (rowIndex === 1 && columnIndex === 28) || (rowIndex === 0 && columnIndex === 16)) {
+        return style += "background:#DDFFFF;";
+      }
+      if ((rowIndex === 0 && columnIndex === 13) || (rowIndex === 1 && columnIndex === 12)
+        || (rowIndex === 1 && columnIndex === 13) || (rowIndex === 1 && columnIndex === 14)
+        || (rowIndex === 1 && columnIndex === 15) || (rowIndex === 1 && columnIndex === 16)
+        || (rowIndex === 1 && columnIndex === 17) || (rowIndex === 1 && columnIndex === 18)
+        || (rowIndex === 1 && columnIndex === 19) || (rowIndex === 1 && columnIndex === 20)
+        || (rowIndex === 1 && columnIndex === 29) || (rowIndex === 1 && columnIndex === 30
+          || (rowIndex === 0 && columnIndex === 17))) {
+        return style += "background:rgb(229, 249, 175);";
+      }
+    },
     // 单元格样式
     tableCellStyle( {row, column, rowIndex, columnIndex} ) {
+      let style = "";
       if (row.isHighlight == 1) {
-        return "color: red;";
+        style += " color: red;";
+      }
+      if (columnIndex === 8||columnIndex === 9||columnIndex === 10||columnIndex === 11
+        ||columnIndex === 12||columnIndex === 13||columnIndex === 14 ||columnIndex === 31
+        ||columnIndex === 32||columnIndex === 33||columnIndex === 34) {
+        return style += "background:#DDFFDD;";
+      } else if (columnIndex === 15||columnIndex === 16||columnIndex === 17||columnIndex === 18
+        ||columnIndex === 19 ||columnIndex === 35||columnIndex === 36) {
+        return style += "background:#FFFFDD;";
+      } else if (columnIndex === 20||columnIndex === 21||columnIndex === 37||columnIndex === 38) {
+        return style += "background:#DDFFFF;";
+      } else if (columnIndex === 22||columnIndex === 23||columnIndex === 24 ||columnIndex === 25
+        ||columnIndex === 26||columnIndex === 27 ||columnIndex === 28||columnIndex === 29
+        ||columnIndex === 30 ||columnIndex === 39||columnIndex === 40) {
+        return style += "background:rgb(229, 249, 175);";
+      } else {
+        return style;
       }
     },
     openStaffResume(row){