调整bpb预测页面表格为深色配色

src/pages/bpb/index.vue

@@ -109,8 +109,8 @@
                         <table cellspacing="0" cellpadding="0"><tbody>
                                 <tr><td rowspan="2"><div class="text_overflow" style="width:100%">{{ item.name }}</div>{{ item.bomSpec }}</td></tr>
                                 <tr><td>
-                                    <div v-if="!item.isalarm">产能充足,超额 {{item.neednum/1000}} T</div>
-                                    <div v-else>产能不足,差额 {{item.neednum/1000}}T</div>
+                                    <div v-if="!item.isalarm">产能充足,超额 {{(item.neednum/1000).toFixed(1)}} T</div>
+                                    <div v-else>产能不足,差额 {{(item.neednum/1000).toFixed(1)}}T</div>
                                 </td></tr>
                         </tbody></table>
                     </div>
@@ -146,12 +146,12 @@
             <el-table-column label="物料名称" align="center" prop="name" width="240px"/>
             <el-table-column label="需求(T)" align="center" prop="need">
                 <template #default="scope">
-                      <span>{{ scope.row.need/1000 }} T</span>
+                      <span>{{ (scope.row.need/1000).toFixed(1) }} T</span>
                     </template>
             </el-table-column>
             <el-table-column label="产能(T)" align="center" prop="plc">
                 <template #default="scope">
-                      <span>{{ scope.row.plc/1000 }} T</span>
+                      <span>{{ (scope.row.plc/1000).toFixed(1) }} T</span>
                     </template>
             </el-table-column>
         </el-table>
@@ -183,7 +183,7 @@
                     <el-table-column label="需求(T)" align="center" prop="xql"  fixed="left" width="60px"/>                    
                     <el-table-column label="预测(T)" align="center" prop="ycl"  fixed="left" width="60px"/>
                     
-                    <el-table-column label="剩余(T)" align="center" prop="sy"  fixed="left" width="60px"/>
+                    <el-table-column label="超额(T)" align="center" prop="sy"  fixed="left" width="60px"/>
                     <el-table-column label="纱线规格D" align="center">
                         <el-table-column label="L1、L5" align="center" prop="formula_data_4"></el-table-column>
                         <el-table-column label="L2、L4" align="center" prop="formula_data_5"></el-table-column>  
@@ -232,6 +232,8 @@
 .el-input__wrapper input{
     border:0px !important;
 }
+
+
 </style>
 <script>
 import { ref,onMounted,watch } from 'vue';
@@ -290,7 +292,7 @@ export default {
         }
         function getTable2CellStyle({row, column, rowIndex, columnIndex}){
                 if (column.property == 'kcl' || column.property == 'ycl'||column.property == 'xql'||column.property == 'sy') {
-                    return {"background-color": "rgb(245 247 250)","color": "#000"};
+                    return {"background-color": "rgb(11 64 99)","color": "#000"};
                 }
                 return {};
         }
@@ -727,4 +729,47 @@ export default {
     /deep/ .el-tabs__item.is-active{
         color: #fff !important;
     }
+/* 深色主题表格样式 */
+/deep/ .el-table {
+    background-color:#0c718900 !important;
+    color: #e0e0e0;
+}
+
+/deep/ .el-table__header-wrapper th {
+    background-color:#07284bf7 !important;
+    color: #ffffff !important;
+}
+
+/deep/ .el-table__body-wrapper tr {
+    background-color:#0d3b6185 !important;
+}
+
+/deep/ .el-table__body-wrapper tr:hover {
+    background-color: #495879 !important;
+}
+
+/deep/ .el-table__body-wrapper tr.el-table__row--striped td {
+    background-color: #252525 !important;
+}
+
+/deep/ .el-table td,
+/deep/ .el-table th {
+    border-bottom: 1px solid #b3b2b21c  !important;
+    color: #e0e0e0 !important;
+}
+
+/deep/ .el-table__header th {
+    border-bottom: 1px solid #b3b2b21c  !important;
+}
+
+/deep/ .el-table .el-table__row:hover > td {
+    background-color: #495879 !important;
+}
+
+/deep/.el-table--border .el-table__inner-wrapper:after, .el-table--border:after, .el-table--border:before, .el-table__inner-wrapper:before{
+    background-color: #495879 !important;
+}
+/deep/.el-table--border .el-table__cell {
+    border-right: 1px solid #213e5c !important;
+}
 </style>