diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>
diff --git a/src/views/dashboard/components/layout.vue b/src/views/dashboard/components/layout.vue
index 2e4393d..c361156 100644
--- a/src/views/dashboard/components/layout.vue
+++ b/src/views/dashboard/components/layout.vue
@@ -42,12 +42,12 @@
 .chart-layout{
   height: 100%;
   width: 100%;
-  background-image: url('../../../assets/overview/frame.png');
+  // background-image: url('../../../assets/overview/frame.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding:5px;
   .title{
-    color: white;
+    color: #000;
   }
   .highlight{
     height: 1px;

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>
diff --git a/src/views/dashboard/components/layout.vue b/src/views/dashboard/components/layout.vue
index 2e4393d..c361156 100644
--- a/src/views/dashboard/components/layout.vue
+++ b/src/views/dashboard/components/layout.vue
@@ -42,12 +42,12 @@
 .chart-layout{
   height: 100%;
   width: 100%;
-  background-image: url('../../../assets/overview/frame.png');
+  // background-image: url('../../../assets/overview/frame.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding:5px;
   .title{
-    color: white;
+    color: #000;
   }
   .highlight{
     height: 1px;
diff --git a/src/views/overview/components/deviceStatistic.vue b/src/views/overview/components/deviceStatistic.vue
index 07379b4..79eb598 100644
--- a/src/views/overview/components/deviceStatistic.vue
+++ b/src/views/overview/components/deviceStatistic.vue
@@ -110,7 +110,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #03EFFF
+        color: #1890ff
       }
     }
   }

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>
diff --git a/src/views/dashboard/components/layout.vue b/src/views/dashboard/components/layout.vue
index 2e4393d..c361156 100644
--- a/src/views/dashboard/components/layout.vue
+++ b/src/views/dashboard/components/layout.vue
@@ -42,12 +42,12 @@
 .chart-layout{
   height: 100%;
   width: 100%;
-  background-image: url('../../../assets/overview/frame.png');
+  // background-image: url('../../../assets/overview/frame.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding:5px;
   .title{
-    color: white;
+    color: #000;
   }
   .highlight{
     height: 1px;
diff --git a/src/views/overview/components/deviceStatistic.vue b/src/views/overview/components/deviceStatistic.vue
index 07379b4..79eb598 100644
--- a/src/views/overview/components/deviceStatistic.vue
+++ b/src/views/overview/components/deviceStatistic.vue
@@ -110,7 +110,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #03EFFF
+        color: #1890ff
       }
     }
   }
diff --git a/src/views/overview/components/jobStatistic.vue b/src/views/overview/components/jobStatistic.vue
index ac7e4d4..e039f8d 100644
--- a/src/views/overview/components/jobStatistic.vue
+++ b/src/views/overview/components/jobStatistic.vue
@@ -126,7 +126,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #91f2ff
+        color: #1890ff
       }
     }
   }

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>
diff --git a/src/views/dashboard/components/layout.vue b/src/views/dashboard/components/layout.vue
index 2e4393d..c361156 100644
--- a/src/views/dashboard/components/layout.vue
+++ b/src/views/dashboard/components/layout.vue
@@ -42,12 +42,12 @@
 .chart-layout{
   height: 100%;
   width: 100%;
-  background-image: url('../../../assets/overview/frame.png');
+  // background-image: url('../../../assets/overview/frame.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding:5px;
   .title{
-    color: white;
+    color: #000;
   }
   .highlight{
     height: 1px;
diff --git a/src/views/overview/components/deviceStatistic.vue b/src/views/overview/components/deviceStatistic.vue
index 07379b4..79eb598 100644
--- a/src/views/overview/components/deviceStatistic.vue
+++ b/src/views/overview/components/deviceStatistic.vue
@@ -110,7 +110,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #03EFFF
+        color: #1890ff
       }
     }
   }
diff --git a/src/views/overview/components/jobStatistic.vue b/src/views/overview/components/jobStatistic.vue
index ac7e4d4..e039f8d 100644
--- a/src/views/overview/components/jobStatistic.vue
+++ b/src/views/overview/components/jobStatistic.vue
@@ -126,7 +126,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #91f2ff
+        color: #1890ff
       }
     }
   }
diff --git a/src/views/overview/components/staffStatistic.vue b/src/views/overview/components/staffStatistic.vue
index 2251dbb..6bd7fb9 100644
--- a/src/views/overview/components/staffStatistic.vue
+++ b/src/views/overview/components/staffStatistic.vue
@@ -106,7 +106,7 @@
       }
       const result = (numerator / denominator).toFixed(2)
       console.log('计算结果', result)
-      return (result * 100) + '%'
+      return (result * 100).toFixed(2) + '%'
     },
     fetchAttendance() {
       const params = {

diff --git a/src/components/BigData/Block/imageBlock.vue b/src/components/BigData/Block/imageBlock.vue
index 0a69054..ade4c6d 100644
--- a/src/components/BigData/Block/imageBlock.vue
+++ b/src/components/BigData/Block/imageBlock.vue
@@ -36,7 +36,7 @@
       } else if (status === 'warning') {
         return { color: '#ffd43f' }
       } else {
-        return { color: '#ffffff' }
+        return { color: '#000' }
       }
     }
 
@@ -61,7 +61,7 @@
     }, // 大小
     color: {
       type: String,
-      default: '#ffffff'
+      default: '#000'
     },
     data: {
       type: Object,
@@ -76,7 +76,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -90,7 +90,7 @@
     display:flex;
     justify-content: space-between;
     align-items: center;
-    border:1px solid #4ddde6;
+    border:1px solid #1890ff;
     .index-left{
       /*width:2rem;*/
       width:0.47rem;
diff --git a/src/components/BigData/Block/simpleBlock.vue b/src/components/BigData/Block/simpleBlock.vue
index e0ff867..ccd1f7b 100644
--- a/src/components/BigData/Block/simpleBlock.vue
+++ b/src/components/BigData/Block/simpleBlock.vue
@@ -73,7 +73,7 @@
   },
   data() {
     return {
-      titleColor: '#ffffff'
+      titleColor: '#000'
     }
   }
 }
@@ -101,15 +101,15 @@
       }
     }
     .index-right{
-      color:white;
+      color:#000;
       flex:1;
       display: flex;
       justify-content: space-between;
       align-items: center;
       height:100%;
-      border-left: 2px solid #03EFFF;
+      border-left: 2px solid #1890ff;
       .index-name{
-        color:white;
+        color:#000;
         padding-left: 0.2rem;
         font-size:0.12rem;
         /*font-weight: bold;*/
@@ -119,7 +119,7 @@
 
       }
       .index-data{
-        background-color:#66b2ff;
+        background-color:rgba(24, 144, 255, $alpha: 0.5);
         padding-right: 0.4rem;
         flex:1;
         display: flex;
diff --git a/src/components/BigData/Title/Title2.vue b/src/components/BigData/Title/Title2.vue
index 056ca86..bf9c320 100644
--- a/src/components/BigData/Title/Title2.vue
+++ b/src/components/BigData/Title/Title2.vue
@@ -3,7 +3,7 @@
     <div v-show="$slots.default" :style="bgStyle" class="title2_bg">
       <span :style="textStyle"><slot/></span>
     </div>
-    <img :src="require('@/assets/overview/highlight.png')" class="highlight"/>
+    <!-- <img :src="require('@/assets/overview/highlight.png')" class="highlight"/> -->
   </div>
 </template>
 <script>
@@ -18,8 +18,8 @@
   data() {
     return {
       defaultOptions: {
-        colors: ['#ffffff', '#ffffff'],
-        bgColors: ['#ffffff', '#ffffff', '#ffffff']
+        colors: ['#000', '#000'],
+        bgColors: ['#000', '#000', '#000']
       },
       mergedOptions: {}
     }
@@ -87,7 +87,7 @@
       display: block;
       text-align: center;
       span {
-        color: #ffffff;
+        color: #000;
         text-align: center;
         font-size: 1rem;
         font-weight: bolder;
diff --git a/src/views/dashboard/components/chart.vue b/src/views/dashboard/components/chart.vue
index 4bc7e2f..b082e64 100644
--- a/src/views/dashboard/components/chart.vue
+++ b/src/views/dashboard/components/chart.vue
@@ -22,7 +22,7 @@
       </el-col>
       <el-col :span="8">
         <el-card class="box-card">
-          <chart-layout title="今日作业情况">
+          <chart-layout title="作业情况">
             <job-statistic/>
           </chart-layout>
         </el-card>
diff --git a/src/views/dashboard/components/layout.vue b/src/views/dashboard/components/layout.vue
index 2e4393d..c361156 100644
--- a/src/views/dashboard/components/layout.vue
+++ b/src/views/dashboard/components/layout.vue
@@ -42,12 +42,12 @@
 .chart-layout{
   height: 100%;
   width: 100%;
-  background-image: url('../../../assets/overview/frame.png');
+  // background-image: url('../../../assets/overview/frame.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding:5px;
   .title{
-    color: white;
+    color: #000;
   }
   .highlight{
     height: 1px;
diff --git a/src/views/overview/components/deviceStatistic.vue b/src/views/overview/components/deviceStatistic.vue
index 07379b4..79eb598 100644
--- a/src/views/overview/components/deviceStatistic.vue
+++ b/src/views/overview/components/deviceStatistic.vue
@@ -110,7 +110,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #03EFFF
+        color: #1890ff
       }
     }
   }
diff --git a/src/views/overview/components/jobStatistic.vue b/src/views/overview/components/jobStatistic.vue
index ac7e4d4..e039f8d 100644
--- a/src/views/overview/components/jobStatistic.vue
+++ b/src/views/overview/components/jobStatistic.vue
@@ -126,7 +126,7 @@
       padding:3px;
       .device-icon{
         font-size:1.5rem;
-        color: #91f2ff
+        color: #1890ff
       }
     }
   }
diff --git a/src/views/overview/components/staffStatistic.vue b/src/views/overview/components/staffStatistic.vue
index 2251dbb..6bd7fb9 100644
--- a/src/views/overview/components/staffStatistic.vue
+++ b/src/views/overview/components/staffStatistic.vue
@@ -106,7 +106,7 @@
       }
       const result = (numerator / denominator).toFixed(2)
       console.log('计算结果', result)
-      return (result * 100) + '%'
+      return (result * 100).toFixed(2) + '%'
     },
     fetchAttendance() {
       const params = {
diff --git a/src/views/overview/components/wasteTransfer.vue b/src/views/overview/components/wasteTransfer.vue
index fdf3bbc..951525d 100644
--- a/src/views/overview/components/wasteTransfer.vue
+++ b/src/views/overview/components/wasteTransfer.vue
@@ -16,9 +16,15 @@
 import { getToday, getLastWeek, getYesterDay } from '@/utils/dateutils'
 export default {
   name: 'WasteTransfer',
+  props: {
+    type: {
+      type: String,
+      default: ''
+    }
+  },
   data() {
     return {
-      type: 'waste', // waste,clean,toilet
+      // type: 'waste', // waste,clean,toilet
       listQuery: {
         type: 'day', // 统计方式，day按天，month按月
         startTime: getLastWeek('yyyy-MM-dd'), // 开始时间
@@ -34,8 +40,8 @@
       },
       extend: {
         'xAxis.0.axisLabel.rotate': 45,
-        'xAxis.0.axisLabel.color': '#ffffff',
-        'yAxis.0.axisLabel.color': '#ffffff',
+        'xAxis.0.axisLabel.color': '#000',
+        'yAxis.0.axisLabel.color': '#000',
         'yAxis.axisLine.lineStyle.color': '#3b51f0'
       },
       chartSettings: {
@@ -53,31 +59,33 @@
         },
         columns: ['name', 'value'],
         rows: [
-          { 'name': '1月12日', 'value': 1393 },
-          { 'name': '1月13日', 'value': 3530 },
-          { 'name': '1月14日', 'value': 2923 },
-          { 'name': '1月15日', 'value': 1723 },
-          { 'name': '1月16日', 'value': 3792 },
-          { 'name': '1月17日', 'value': 4593 }
+          { 'name': '1月12日', 'value': 139 },
+          { 'name': '1月13日', 'value': 353 },
+          { 'name': '1月14日', 'value': 292 },
+          { 'name': '1月15日', 'value': 172 },
+          { 'name': '1月16日', 'value': 379 },
+          { 'name': '1月17日', 'value': 459 }
         ]
       }
     }
   },
   created() {
-    this.fetchData()
+    if (this.type) {
+      this.fetchData(this.type)
+    }
   },
   methods: {
-    fetchData() {
-      if (this.type === 'clean') {
+    fetchData(type) {
+      console.log('请求类型', type)
+      if (type === 'clean') {
         this.fetchCleanData()
-      } else if (this.type === 'waste') {
+      } else if (type === 'waste') {
         this.fetchWasteData()
-      } else {
+      } else if (type === 'toilet') {
         this.fetchToiletData()
       }
     },
     fetchCleanData() {
-      debugger
       getCleanJobCount(this.listQuery).then(response => {
         const data = response.data
         this.chartData.rows = data.map(item => {