vue动态style el-table-column 状态 颜色

   <el-table-column
            prop="processStatusName"
            label="状态"
            width="100"
            align="center"
          >
            <template slot-scope="scope">
              <span
                :style="{ color: setColumnColor(scope.row.processStatus) }"
                >{{ scope.row.processStatusName }}</span
              >
            </template>
          </el-table-column>

 setColumnColor (state) {
      switch (state) {
        case 1:
          // 待填报
          return "#FF0000";
          break;
        case 2:
          // 未提交
          return "#FFB009";
          break;
        case 3:
          // 复核中
          return "#0089FF";
          break;
        case 4:
          // 复核驳回
          return "#FF0000";
          break;
        case 5:
          // 汇总中
          return "#0089FF";
          break;
        case 6:
          // 汇总驳回
          return "#FF0000";
          break;
        case 7:
          // 审批中
          return "#0089FF";
          break;
        case 8:
          // 已通过
          return "#59DD34";
          break;
        default:
          return "#FF0000";
          break;
      }
    },