💄 Z: Dot: barTask's lists and comTask's lists 's button's style change.

ybf_admin/src/pages/task/bar/index.vue

@@ -101,13 +101,13 @@
 
         <el-table-column label="操作" align="center" fixed="right" width="240">
           <template slot-scope="scope">
-            <el-button v-if="scope.row.taskStatus === 'Top'" type="text" @click="listsUntopClick(scope.row.id)">已置顶
+            <el-button v-if="scope.row.taskStatus === 'Top'" class="buttonTextNormal" type="text" @click="listsUntopClick(scope.row.id)">已置顶
             </el-button>
-            <el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶
+            <el-button v-if="scope.row.taskStatus !== 'Top'" class="buttonTextNormal" type="text" @click="listsTopClick(scope.row.id)">置顶
             </el-button>
-            <el-button type="text" @click="listsSeeClick(scope.row.id)">详情</el-button>
-            <el-button type="text" @click="listsEditClick(scope.row)">编辑</el-button>
-            <el-button type="text" @click="listsDelClick(scope.row)" class="listButtonRed">删除</el-button>
+            <el-button class="buttonTextNormal" type="text" @click="listsSeeClick(scope.row.id)">详情</el-button>
+            <el-button class="buttonTextNormal" type="text" @click="listsEditClick(scope.row)">编辑</el-button>
+            <el-button class="buttonTextWarning" type="text" @click="listsDelClick(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -630,4 +630,11 @@
     position: relative;
     margin-right: 0;
   }
+
+  .buttonTextNormal{
+    color: #666666;
+  }
+  .buttonTextWarning{
+    color: #D0021B;
+  }
 </style>

ybf_admin/src/pages/task/com/index.vue

@@ -80,11 +80,11 @@
 
         <el-table-column label="操作" align="center" fixed="right" width="240">
           <template slot-scope="scope">
-            <el-button v-if="scope.row.taskStatus === 'Top'" type="text" @click="listsUntopClick(scope.row.id)">已置顶</el-button>
-            <el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶</el-button>
-            <el-button type="text" @click="listsSeeClick(scope.row)">详情</el-button>
-            <el-button type="text" @click="listsEditClick(scope.row)">编辑</el-button>
-            <el-button type="text" @click="listsDelClick(scope.row)" class="listButtonRed">删除</el-button>
+            <el-button v-if="scope.row.taskStatus === 'Top'" class="buttonTextNormal" type="text" @click="listsUntopClick(scope.row.id)">已置顶</el-button>
+            <el-button v-if="scope.row.taskStatus !== 'Top'" class="buttonTextNormal" type="text" @click="listsTopClick(scope.row.id)">置顶</el-button>
+            <el-button type="text" class="buttonTextNormal" @click="listsSeeClick(scope.row)">详情</el-button>
+            <el-button type="text" class="buttonTextNormal" @click="listsEditClick(scope.row)">编辑</el-button>
+            <el-button type="text" class="buttonTextWarning" @click="listsDelClick(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -431,4 +431,11 @@
     position: relative;
     margin-right: 0;
   }
+
+  .buttonTextNormal{
+    color: #666666;
+  }
+  .buttonTextWarning{
+    color: #D0021B;
+  }
 </style>