1

src/styles/manage.css

@@ -8,6 +8,10 @@
 .is-horizontal {
   display: block !important;
 }
+.el-scrollbar__thumb {
+  background: #467bad !important;
+  opacity: 0.9 !important;
+}
 .system-manage-header {
   background: rgba(255, 255, 255, 0.9);
   border-radius: 8px;

src/styles/manage.less

@@ -9,6 +9,10 @@
   .is-horizontal {
       display: block !important;
   }
+  .el-scrollbar__thumb{
+    background:#467bad !important;
+    opacity: 0.9 !important;
+  }
 .system-manage-header {
   background: rgba(255, 255, 255, 0.9);
   border-radius: 8px;

src/views/everydayPage/annualAdd.vue

@@ -514,6 +514,8 @@
                     style="width: 100%"
                     border
                     :cell-style="tableCellStyle"
+                    :header-cell-style="tableHeaderCellStyle"
+                    :row-class-name="tableRowClassName"
                     row-key="serialNumber"
                   >
                     <!-- 序号列 -->
@@ -1609,8 +1611,35 @@ const saveClick = () => {
 
 // ========== 辅助方法（通用） ==========
 const backClick = () => router.back(-1);
-const tableCellStyle = ({ row }) =>
-  row.isTotal ? { background: "#f5f7fa", fontWeight: "bold" } : {};
+
+// 表格单元格样式
+const tableCellStyle = ({ row, columnIndex }) => {
+  const baseStyle = {
+    border: "1px solid #ebeef5"
+  };
+
+  if (row.isTotal) {
+    return { ...baseStyle, background: "#f5f7fa", fontWeight: "bold" };
+  }
+  // 左边三列（序号、指标项、合计）使用 #f7faff 背景色
+  if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2) {
+    return { ...baseStyle, background: "#f7faff" };
+  }
+  return baseStyle;
+};
+
+// 表头样式
+const tableHeaderCellStyle = () => ({
+  background: "#f0f2f5",
+  color: "#333",
+  fontWeight: "600",
+  textAlign: "center"
+});
+
+// 行类名（实现斑马纹效果）
+const tableRowClassName = ({ rowIndex }) => {
+  return rowIndex % 2 === 0 ? "even-row" : "odd-row";
+};
 
 // ========== 页面初始化：新增/编辑分离，严格保障执行顺序 ==========
 onMounted(() => {
@@ -1647,4 +1676,33 @@ onMounted(() => {
     }
   }
 }
+
+// 可研/决策信息表格样式
+:deep(.el-table) {
+  // 偶数行样式
+  .even-row {
+    background-color: #ffffff;
+  }
+
+  // 奇数行样式
+  .odd-row {
+    background-color: #fafafa;
+  }
+
+  // 鼠标悬停效果
+  .el-table__body tr:hover > td {
+    background-color: #e8f4ff !important;
+  }
+
+  // 表格边框颜色
+  .el-table__body-wrapper,
+  .el-table__header-wrapper {
+    border: 1px solid #ebeef5;
+  }
+
+  // 单元格样式
+  td {
+    border-color: #ebeef5;
+  }
+}
 </style>