diff --git a/sgzb-screen/src/App.vue b/sgzb-screen/src/App.vue
index db667d31..1118af46 100644
--- a/sgzb-screen/src/App.vue
+++ b/sgzb-screen/src/App.vue
@@ -40,5 +40,80 @@ export default {
   .el-form-item__label {
     color: #fff;
   }
+
+  .el-table th {
+    // #253855  #30619B 背景色从上到下渐变
+    background: linear-gradient(to bottom, #2B313D, #3267A7);
+    color: #fff;
+    border-bottom:  1px solid #84FCFD !important;
+  }
+  .el-table tr {
+    background-color: #335684;
+    color: #fff;
+  }
+  .el-table--striped .el-table__body tr.el-table__row--striped td {
+    background-color: #25447D;
+    color: #fff;
+  }
+  .el-table td,.building-top .el-table th.is-leaf {
+    border-bottom:  1px solid #6983A5;
+  }
+  .el-table::before{
+    border-bottom:  1px solid #6983A5;
+    background-color: #6983A5;
+    height: 1px;
+  }
+  .el-table--enable-row-hover .el-table__body tr:hover>td {
+    background-color: #6983A5;
+  }
+  .el-pagination__total {
+    color: #E1E3E6;
+  }
+  .el-pagination__jump {
+    color: #E1E3E6;
+  }
+  .el-input__inner {
+    background-color: transparent;
+    border: 1px solid #77E2E7;
+    color: #E1E3E6;
+  }
+  .el-pagination__sizes .el-input .el-input__inner {
+    color: #E3E4E7;
+    border: 1px solid #E3E4E7;
+  }
+  .el-pagination__editor.el-input .el-input__inner {
+    color: #E3E4E7;
+    border: 1px solid #E3E4E7;
+  }
+  .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
+    color: #E3E4E7;
+    border: 1px solid #E3E4E7;
+    background-color: transparent;
+  }
+  .el-pagination.is-background .btn-next {
+    color: #E3E4E7;
+    border: 1px solid #E3E4E7;
+    background-color: transparent;
+  }
+  .el-pagination.is-background .el-pager li:not(.disabled).active {
+    background-color: #98F4FB;
+    color: #000;
+  }
+  .el-button--primary {
+    background-color: #84FCFD;
+    border: #84FCFD;
+    color: #285050;
+  }
+  .el-button--default {
+    background-color: transparent;
+    border: 1px solid #84FCFD;
+    color: #D5D6DA;
+  }
+  .el-table__empty-block {
+    background-color: #335684;
+    .el-table__empty-text {
+      color: #D5D6DA;
+    }
+  }
 }
 </style>
diff --git a/sgzb-screen/src/components/Pagination/index.vue b/sgzb-screen/src/components/Pagination/index.vue
index 1f991f9d..8472ceea 100644
--- a/sgzb-screen/src/components/Pagination/index.vue
+++ b/sgzb-screen/src/components/Pagination/index.vue
@@ -11,6 +11,7 @@
       v-bind="$attrs"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
+      style="color: #E1E3E6;"
     />
   </div>
 </template>
@@ -106,7 +107,7 @@ export default {
 <style scoped>
 .pagination-container {
   margin-top: 20px;
-  background: #fff;
+  /* background: #fff; */
   /* padding: 32px 16px; */
   display: flex;
   justify-content: end;
diff --git a/sgzb-screen/src/components/home/fixMaterialAnalysisDialog.vue b/sgzb-screen/src/components/home/fixMaterialAnalysisDialog.vue
index 2b4de7eb..5c39c185 100644
--- a/sgzb-screen/src/components/home/fixMaterialAnalysisDialog.vue
+++ b/sgzb-screen/src/components/home/fixMaterialAnalysisDialog.vue
@@ -11,13 +11,13 @@
         <el-form :model="formData" ref="form" label-width="80px" :inline="false" size="small" inline width="100%">
           <el-row >
             <el-col :span="12">
-              <el-form-item class="formItem" label="维修情况" size="small">
+              <el-form-item class="formItem" size="small">
                 <div class="chart" id="fixPieChart" ref="pieChart"></div>
               </el-form-item>
             
             </el-col>
             <el-col :span="12">
-              <el-form-item class="formItem" label=" 配件使用情况" label-width="110px" size="small">
+              <el-form-item class="formItem" size="small">
                 <div class="chart" id="fixBarChart"></div>
               </el-form-item>
             </el-col>
@@ -53,7 +53,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -76,9 +76,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -148,7 +148,7 @@ export default {
         },
         {
           label: '维修状态',
-          prop: 'repairStatus',
+          prop: 'statusName',
           align: 'center'
         }
       ],
@@ -162,8 +162,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
@@ -179,7 +179,7 @@ export default {
         pageNum: this.queryParams.pageNum,
         pageSize: this.queryParams.pageSize,
         maType: this.maType,
-        materialCode: this.formData.repairCode.trim(),
+        repairCode: this.formData.repairCode.trim(),
         unitId: this.formData.materialReqUnitValue,
         projectId: this.formData.materialReqProjectValue,
       }
@@ -224,13 +224,19 @@ export default {
         if (key === 'num2' && data[key]) pieData.push({ value: data[key], name: '维修合格' })
         if (key === 'num3' && data[key]) pieData.push({ value: data[key], name: '维修报废' })
       }
+      pieData.sort((a, b) => {
+        const order = ['待维修', '维修合格', '维修报废'];
+        return order.indexOf(a.name) - order.indexOf(b.name);
+      });
       data.accessVoList.forEach(item => {
         if (item.partName && item.partNum) {
           barData.yAxisData.push(item.partName)
           barData.seriesData.push(item.partNum)
         }
       })
-      console.log('🚀 ~ getChart ~ barData:', barData);
+
+      if (barData.yAxisData.length > 5) barData.yAxisData = barData.yAxisData.slice(0, 5)
+      if (barData.seriesData.length > 5) barData.seriesData = barData.seriesData.slice(0, 5)
       this.myPieChart(pieData)
       this.myBarChart(barData)
     },
@@ -240,12 +246,11 @@ export default {
       let option = {
         color: ['#E89E42', '#ABF04B', '#C7352A'],
         title: {
+          text: ' 维修情况',
           subtext: '',
           left: 'left',
           textStyle: {
             color: '#fff',
-            // 背景图片
-            backgroundColor: 'url(../../../../assets/img/dialog/Heading.png)'
           }
         },
         tooltip: {
@@ -291,6 +296,7 @@ export default {
           color: '#fff'
         },
         title: {
+          text: ' 配件使用情况',
           subtext: '',
           left: 'left',
           textStyle: {
@@ -358,8 +364,7 @@ export default {
 .content{
   padding: 20px;
   .el-row {
-    .formItem {
-      font-size: 20px !important;
+     .formItem {
       background-image: url('../../assets/img/dialog/Heading.png');
       background-repeat: no-repeat;
       background-position: 0 10px;
diff --git a/sgzb-screen/src/components/home/getMaterialsDialog.vue b/sgzb-screen/src/components/home/getMaterialsDialog.vue
index c2607d2e..972868d8 100644
--- a/sgzb-screen/src/components/home/getMaterialsDialog.vue
+++ b/sgzb-screen/src/components/home/getMaterialsDialog.vue
@@ -48,7 +48,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -71,9 +71,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -164,8 +164,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
diff --git a/sgzb-screen/src/components/home/inputStoreAnalysisDialog.vue b/sgzb-screen/src/components/home/inputStoreAnalysisDialog.vue
index 19e5b80d..bf1bd49f 100644
--- a/sgzb-screen/src/components/home/inputStoreAnalysisDialog.vue
+++ b/sgzb-screen/src/components/home/inputStoreAnalysisDialog.vue
@@ -25,7 +25,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -48,9 +48,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
diff --git a/sgzb-screen/src/components/home/inventoryDialog.vue b/sgzb-screen/src/components/home/inventoryDialog.vue
index 2aa675ab..778ddbba 100644
--- a/sgzb-screen/src/components/home/inventoryDialog.vue
+++ b/sgzb-screen/src/components/home/inventoryDialog.vue
@@ -25,7 +25,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -48,9 +48,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -139,8 +139,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
diff --git a/sgzb-screen/src/components/home/materialAnalysisDialog.vue b/sgzb-screen/src/components/home/materialAnalysisDialog.vue
index 31701621..ecddbe36 100644
--- a/sgzb-screen/src/components/home/materialAnalysisDialog.vue
+++ b/sgzb-screen/src/components/home/materialAnalysisDialog.vue
@@ -39,7 +39,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -62,9 +62,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -141,8 +141,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
diff --git a/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue b/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue
index 2d0429a4..97911c81 100644
--- a/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue
+++ b/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue
@@ -39,7 +39,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -62,9 +62,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -141,8 +141,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
diff --git a/sgzb-screen/src/components/home/returnMaterialsDialog.vue b/sgzb-screen/src/components/home/returnMaterialsDialog.vue
index ec08ba0f..f4aec5bf 100644
--- a/sgzb-screen/src/components/home/returnMaterialsDialog.vue
+++ b/sgzb-screen/src/components/home/returnMaterialsDialog.vue
@@ -48,7 +48,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
           <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -71,9 +71,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -164,8 +164,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {
diff --git a/sgzb-screen/src/components/home/scrapAnalysisDialog.vue b/sgzb-screen/src/components/home/scrapAnalysisDialog.vue
index 927c6807..932061b1 100644
--- a/sgzb-screen/src/components/home/scrapAnalysisDialog.vue
+++ b/sgzb-screen/src/components/home/scrapAnalysisDialog.vue
@@ -48,7 +48,7 @@
           </el-form-item>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" stripe>
             <el-table-column
             v-for="item in tableColumn"
             :prop="item.prop"
@@ -82,9 +82,9 @@
         />
         
       </div>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -191,8 +191,8 @@ export default {
   },
   methods: {
     setOpen(params) {
-      this.open = params.open,
-      this.maType = params.maType,
+      this.open = params.open
+      this.maType = params.maType
       this.tableData = []
       this.total = 0
       setTimeout(() => {