style：产线运行看板大屏-任务列表、能耗监测样式优化

src/views/report/dashboardPage/dashboard1/components/EnergyMonitor.vue

@@ -7,18 +7,9 @@
       </div>
       <div class="tabs">
         <el-select
-          v-model="selectedEnergyTypeId"
+v-model="selectedEnergyTypeId" placeholder="请选择" style="width: 120px" size="small"
-          placeholder="请选择"
+          @change="getChartData">
-          style="width: 120px"
+          <el-option v-for="item in energyTypes" :key="item.id" :label="item.name" :value="item.id" />
-          size="small"
-          @change="getChartData"
-        >
-          <el-option
-            v-for="item in energyTypes"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          />
         </el-select>
       </div>
     </div>
@@ -142,9 +133,11 @@ onUnmounted(() => {
   background-color: rgba(2, 6, 23, 0.3);
   box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.4) inset;
 }
+
 :deep(.el-select .el-input__inner) {
   color: #e5f0ff;
 }
+
 :deep(.el-select .el-input.is-focus .el-input__wrapper) {
   box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.9) inset !important;
 }
@@ -255,4 +248,15 @@ onUnmounted(() => {
   height: 100%;
   min-height: 160px;
 }
+
+:deep(.el-select__wrapper) {
+  background-color: transparent;
+  border: 1px solid rgba(56, 189, 248, 0.55);
+  box-shadow: 0 0 18px rgba(56, 189, 248, 0.35);
+  color: #94a3b8;
+}
+
+:deep(.el-select__placeholder) {
+  color: #94a3b8;
+}
 </style>

src/views/report/dashboardPage/dashboard1/components/TaskList.vue

@@ -234,10 +234,13 @@ onUnmounted(() => {
 
 .table-body {
   padding: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 
 .task-table {
   width: 100%;
+  min-width: 450px;
   font-size: 12px;
   /* Element Plus Table Variables Override */
   --el-table-bg-color: transparent;
@@ -260,6 +263,22 @@ onUnmounted(() => {
   display: none;
 }
 
+/* 横向滚动条样式，贴合深色大屏风格，仅在任务列表区域生效 */
+.table-body::-webkit-scrollbar {
+  height: 6px;
+}
+
+.table-body::-webkit-scrollbar-track {
+  background: rgba(15, 23, 42, 0.9);
+  border-radius: 999px;
+}
+
+.table-body::-webkit-scrollbar-thumb {
+  background: linear-gradient(to right, rgba(56, 189, 248, 0.85), rgba(59, 130, 246, 0.8));
+  border-radius: 999px;
+  box-shadow: 0 0 10px rgba(56, 189, 248, 0.4);
+}
+
 /* Header Styles */
 .task-table :deep(thead th.el-table__cell) {
   background: radial-gradient(circle at 0 0, rgba(56,189,248,0.18), transparent 90%) !important;