From b1dab929657a8d796f4c83f9d7f6ac54cc15c4bf Mon Sep 17 00:00:00 2001
From: binbin_pan <max_163email@163.com>
Date: Sun, 28 Apr 2024 14:08:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E6=A1=86=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sgzb-screen/src/App.vue                       | 75 +++++++++++++++++++
 .../src/components/Pagination/index.vue       |  3 +-
 .../home/fixMaterialAnalysisDialog.vue        | 24 ++++--
 .../components/home/getMaterialsDialog.vue    |  6 +-
 .../home/inputStoreAnalysisDialog.vue         |  6 +-
 .../src/components/home/inventoryDialog.vue   |  6 +-
 .../home/materialAnalysisDialog.vue           |  6 +-
 .../home/returnMaterialAnalysisDialog.vue     |  6 +-
 .../components/home/returnMaterialsDialog.vue |  6 +-
 .../components/home/scrapAnalysisDialog.vue   |  6 +-
 10 files changed, 115 insertions(+), 29 deletions(-)

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..6c65a89b 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>
@@ -230,6 +230,9 @@ export default {
           barData.seriesData.push(item.partNum)
         }
       })
+
+      if (barData.yAxisData.length > 5) barData.yAxisData = barData.yAxisData.slice(0, 5)
+      if(barData.seriesData.length > 5) barData.seriesData = barData.seriesData.slice(0, 5)
       console.log('🚀 ~ getChart ~ barData:', barData);
       this.myPieChart(pieData)
       this.myBarChart(barData)
@@ -240,6 +243,7 @@ export default {
       let option = {
         color: ['#E89E42', '#ABF04B', '#C7352A'],
         title: {
+          text: ' 维修情况',
           subtext: '',
           left: 'left',
           textStyle: {
@@ -291,6 +295,7 @@ export default {
           color: '#fff'
         },
         title: {
+          text: ' 配件使用情况',
           subtext: '',
           left: 'left',
           textStyle: {
@@ -358,12 +363,14 @@ 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;
       padding-left: 10px;
+      .el-form--inline .el-form-item__label {
+        color: red;
+      }
       .chart {
         width: 39vw;
         height: 400px;
@@ -373,4 +380,7 @@ export default {
     margin-left: 60px;
   }
 }
+.el-form-item__label {
+  font-size: large !important;
+}
 </style>
\ No newline at end of file
diff --git a/sgzb-screen/src/components/home/getMaterialsDialog.vue b/sgzb-screen/src/components/home/getMaterialsDialog.vue
index c2607d2e..eaafcc55 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>
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..1148345c 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>
diff --git a/sgzb-screen/src/components/home/materialAnalysisDialog.vue b/sgzb-screen/src/components/home/materialAnalysisDialog.vue
index 31701621..c831efa9 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>
diff --git a/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue b/sgzb-screen/src/components/home/returnMaterialAnalysisDialog.vue
index 2d0429a4..e4b0ef4d 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>
diff --git a/sgzb-screen/src/components/home/returnMaterialsDialog.vue b/sgzb-screen/src/components/home/returnMaterialsDialog.vue
index ec08ba0f..c41eb5a2 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>
diff --git a/sgzb-screen/src/components/home/scrapAnalysisDialog.vue b/sgzb-screen/src/components/home/scrapAnalysisDialog.vue
index 927c6807..21a155b2 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>