diff --git a/src/pages/workbench/case-manage/index.vue b/src/pages/workbench/case-manage/index.vue
index dc7e3a4..5ff668d 100644
--- a/src/pages/workbench/case-manage/index.vue
+++ b/src/pages/workbench/case-manage/index.vue
@@ -589,35 +589,35 @@
         }
         .case-pro1
         {
-            background-color: #0fdfdc;
+            background-image: linear-gradient(to right,#0fdfdc,pink)
         }
         .case-pro2
         {
-            background-color: #ffd900;
+            background-image: linear-gradient(to right,pink,#ffd900)
         }
         .case-pro3
         {
-            background-color: #59a8ff;
+            background-image: linear-gradient(to right,#ffd900,#ff0000cb)
         }
         .case-pro4
         {
-            background-color: #ff87b1;
+            background-image: linear-gradient(to right,#ff0000cb,#59a8ff)
         }
         .case-pro5
         {
-            background-color: #978bff;
+            background-image: linear-gradient(to right,#59a8ff,#b0d65e)
         }
         .case-pro6
         {
-            background-color: #ffb048;
+            background-image: linear-gradient(to right,#b0d65e,#dbf41e)
         }
         .case-pro7
         {
-            background-color: #df5965;
+            background-image: linear-gradient(to right,#dbf41e,#df5964a7)
         }
         .case-pro8
         {
-            background-color: #d69a5e;
+            background-image: linear-gradient(to right,#df5964a7,#df313fc2)
         }
     }
 }
diff --git a/src/pages/workbench/index.vue b/src/pages/workbench/index.vue
index 6a9bdff..5683d5a 100644
--- a/src/pages/workbench/index.vue
+++ b/src/pages/workbench/index.vue
@@ -679,35 +679,35 @@
         }
         .case-pro1
         {
-            background-color: #0fdfdc;
+            background-image: linear-gradient(to right,#0fdfdc,pink)
         }
         .case-pro2
         {
-            background-color: #ffd900;
+            background-image: linear-gradient(to right,pink,#ffd900)
         }
         .case-pro3
         {
-            background-color: #59a8ff;
+            background-image: linear-gradient(to right,#ffd900,#ff0000cb)
         }
         .case-pro4
         {
-            background-color: #ff87b1;
+            background-image: linear-gradient(to right,#ff0000cb,#59a8ff)
         }
         .case-pro5
         {
-            background-color: #978bff;
+            background-image: linear-gradient(to right,#59a8ff,#b0d65e)
         }
         .case-pro6
         {
-            background-color: #ffb048;
+            background-image: linear-gradient(to right,#b0d65e,#dbf41e)
         }
         .case-pro7
         {
-            background-color: #df5965;
+            background-image: linear-gradient(to right,#dbf41e,#df5964a7)
         }
         .case-pro8
         {
-            background-color: #d69a5e;
+            background-image: linear-gradient(to right,#df5964a7,#df313fc2)
         }
 
     }