月度工分汇总-样式优化

ygtx-ui/src/views/gxt/monthScore/index.vue

@@ -99,10 +99,10 @@
       <el-col :span="16">
         <el-card class="card-form-right" shadow="hover">
           <div slot="header" class="clearfix">
-            <span style="font-weight: bold;">机型：{{ currentSelectedModel }} 维保类型: {{ currentSelectedInspectionType }} [维保数量：{{ workOrderList.length }}]</span>
+            <span style="font-weight: bold;">维保工单明细</span>
           </div>
           <div class="form-content" style="margin-top: 20px;">
-            <el-table :data="workOrderList" style="width: 100%">
+            <el-table :data="workOrderList" style="width: 100%" class="custom-header-table">
               <el-table-column label="工单编号">
                 <template #default="scope">
                   <el-button link type="primary" @click="handleWorkOrderClick(scope.row)">{{ scope.row.workOrderProjectNo }}</el-button>
@@ -137,10 +137,10 @@
       <el-col :span="16">
         <el-card class="card-form-right" shadow="hover">
           <div slot="header" class="clearfix">
-            <span style="font-weight: bold;">检修类型：{{ currentSelectedRepairType }} [工单数量：{{ repairOrderList.length }}]</span>
+            <span style="font-weight: bold;">检修工单明细</span>
           </div>
           <div class="form-content" style="margin-top: 20px;">
-            <el-table :data="repairOrderList" style="width: 100%">
+            <el-table :data="repairOrderList" style="width: 100%" class="custom-header-table">
               <el-table-column label="工单编号">
                 <template #default="scope">
                   <el-button link type="primary" @click="handleRepairOrderClick(scope.row)">{{ scope.row.workOrderProjectNo }}</el-button>
@@ -750,4 +750,9 @@ export default {
 :deep(.el-table .el-table__body tr.el-table__row:hover > td) {
   background-color: #f5f7fa;
 }
+
+/* 自定义表头背景色 */
+:deep(.custom-header-table .el-table__header th) {
+  background-color: #e6f7ff !important;
+}
 </style>

ygtx-ui/src/views/gxt/monthScore/info.vue

@@ -34,10 +34,10 @@
       <el-col :span="16">
         <el-card class="card-form-right" shadow="hover">
           <div slot="header" class="clearfix">
-            <span style="font-weight: bold;">机型：{{ currentSelectedModel }} 维保类型: {{ currentSelectedInspectionType }} [维保数量：{{ workOrderList.length }}]</span>
+            <span style="font-weight: bold;">维保工单明细</span>
           </div>
           <div class="form-content" style="margin-top: 20px;">
-            <el-table :data="workOrderList" style="width: 100%">
+            <el-table :data="workOrderList" style="width: 100%" class="custom-header-table">
               <el-table-column label="工单编号">
                 <template #default="scope">
                   <el-button link type="primary" @click="handleWorkOrderClick(scope.row)">{{ scope.row.workOrderProjectNo }}</el-button>
@@ -73,10 +73,10 @@
       <el-col :span="16">
         <el-card class="card-form-right" shadow="hover">
           <div slot="header" class="clearfix">
-            <span style="font-weight: bold;">检修类型：{{ currentSelectedRepairType }} [工单数量：{{ repairOrderList.length }}]</span>
+            <span style="font-weight: bold;">检修工单明细</span>
           </div>
           <div class="form-content" style="margin-top: 20px;">
-            <el-table :data="repairOrderList" style="width: 100%">
+            <el-table :data="repairOrderList" style="width: 100%" class="custom-header-table">
               <el-table-column label="工单编号">
                 <template #default="scope">
                   <el-button link type="primary" @click="handleRepairOrderClick(scope.row)">{{ scope.row.workOrderProjectNo }}</el-button>
@@ -642,4 +642,9 @@ export default {
   background-color: #f5f7fa;
 }
 
+/* 自定义表头背景色 */
+:deep(.custom-header-table .el-table__header th) {
+  background-color: #e6f7ff !important;
+}
+
 </style>