小程序工单设备代码传入

urbanLifelineWeb/packages/workcase/src/assets/css/common.scss

@@ -1,5 +1,10 @@
 // 全局EL分页组件样式
 
+// ==================== 品牌色变量 ====================
+$brand-color: #0055AA;
+$brand-color-light: #EBF5FF;
+$brand-color-hover: #004488;
+
 .content-header {
     display: flex;
     align-items: center;
@@ -190,11 +195,32 @@
     align-items: center;
     gap: 10px;
 }
-
+// 分页样式
 .table-pagination {
-    margin-top: 12px;
+    padding: 16px 20px;
     display: flex;
     justify-content: flex-end;
+    border-top: 1px solid #f1f5f9;
+    background: #fff;
+}
+
+// 全局分页样式（不需要 :deep，因为这是全局样式）
+.el-pagination {
+    .el-pager {
+        li {
+            border-radius: 6px;
+            
+            &.is-active {
+                background: $brand-color;
+                color: #fff;
+            }
+        }
+    }
+    
+    .btn-prev,
+    .btn-next {
+        border-radius: 6px;
+    }
 }
 
 .file-name-cell {