feat(*): 分页器修改

src/layout/index.vue

@@ -213,8 +213,8 @@ export default {
         position: absolute;
         right: 200px;
         color: #ffffff;
-        background: #2182a0;
-        border: 1px solid #2182a0;
+        background-color: var(--bg-primary);
+        border: 1px solid var(--success);
         border-radius: 6px;
         cursor: pointer;
         transition: all 0.3s ease;

src/style.css

@@ -54,16 +54,16 @@
 }
 
 .view-btn {
-  color: #2182a0 !important;
+  color: var(--success) !important;
 }
 
 .edit-btn {
-  color: #2182a0 !important;
+  color: var(--success) !important;
 }
 
 .el-button--primary {
-    background-color: #2182a0 !important;
-    border-color: #2182a0 !important;
+    background-color: var(--chart-blue) !important;
+    border-color: var(--chart-blue) !important;
 }
 
 .login-container .el-form-item {

src/theme.scss

@@ -291,4 +291,25 @@
     background-color: #181d21 !important;
     box-shadow: 0 0 0 1px #434343 inset !important;
   }
+}
+
+.el-pagination button {
+    background: var(--bg-secondary) !important;
+}
+
+.el-pager li {
+    background: var(--bg-secondary) !important;
+}
+
+.el-pager li.is-active, .el-pager li:hover {
+    color: var(--success) !important;
+}
+.el-pager li { 
+    color: var(--text-secondary) !important;
+    &:hover {
+        color: var(--success) !important;
+    }
+}
+.el-pagination__total {
+    color: var(--text-secondary) !important;
 }
\ No newline at end of file

src/views/AboutView/AboutView.vue

@@ -425,15 +425,15 @@ onBeforeUnmount(() => {});
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
   .add-btn {
     width: 85px;
   }
 
   .health-score {
-    color: #027ffc;
+    color: var(--success);
     cursor: pointer;
     display: block;
     width: 100%;
@@ -503,7 +503,7 @@ onBeforeUnmount(() => {});
 
   .table-title {
     font-size: 14px;
-    color: #2182a0;
+    color: var(--success);
     margin-bottom: 16px;
     font-weight: 500;
   }

src/views/closeManage/myAgency.vue

@@ -1649,8 +1649,8 @@ const handlePaginationChange = (pagination) => {
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
   :deep(.el-tag) {
     margin-right: 10px;

src/views/closeManage/myDone.vue

@@ -1733,8 +1733,8 @@ const handlePaginationChange = (pagination) => {
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
 }
 </style>
\ No newline at end of file

src/views/collectorList/collectorList.vue

@@ -361,15 +361,15 @@ onBeforeUnmount(() => {});
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
   .add-btn {
     width: 85px;
   }
 
   .health-score {
-    color: #027ffc;
+    color: var(--success);
     cursor: pointer;
     display: block;
     width: 100%;
@@ -439,7 +439,7 @@ onBeforeUnmount(() => {});
 
   .table-title {
     font-size: 14px;
-    color: #2182a0;
+    color: var(--success);
     margin-bottom: 16px;
     font-weight: 500;
   }

src/views/dustOverview/components/roomSettingDialog.vue

@@ -191,7 +191,7 @@ const handleConfirm = () => {
 
 .table-title {
   font-size: 14px;
-  color: #2182a0;
+  color: var(--success);
   margin-bottom: 16px;
   font-weight: 500;
 }

src/views/dustOverview/components/valveSettingDialog.vue

@@ -375,7 +375,7 @@ const cancel = () => {
 
 .table-title {
   font-size: 14px;
-  color: #2182a0;
+  color: var(--success);
   margin-bottom: 16px;
   font-weight: 500;
   

src/views/dustOverview/index.vue

@@ -586,25 +586,25 @@ onBeforeUnmount(() => {});
       align-items: center;
       margin-bottom: 16px;
       
-      :deep(.el-form-item__label) {
-        color: #fff;
-      }
+      // :deep(.el-form-item__label) {
+      //   color: #fff;
+      // }
       
-      :deep(.el-input__inner),
-      :deep(.el-select__input) {
-        background-color: #242a30;
-        border-color: #2c3136;
-        color: #fff;
-      }
+      // :deep(.el-input__inner),
+      // :deep(.el-select__input) {
+      //   background-color: #242a30;
+      //   border-color: #2c3136;
+      //   color: #fff;
+      // }
       
-      :deep(.el-select-dropdown__item) {
-        color: #fff;
-      }
+      // :deep(.el-select-dropdown__item) {
+      //   color: #fff;
+      // }
       
-      :deep(.el-select-dropdown) {
-        background-color: #242a30;
-        border-color: #2c3136;
-      }
+      // :deep(.el-select-dropdown) {
+      //   background-color: #242a30;
+      //   border-color: #2c3136;
+      // }
     }
     .table-box {
       width: 100%;
@@ -643,24 +643,24 @@ onBeforeUnmount(() => {});
         }
         
         .el-input__inner {
-          background-color: #242a30;
+          // background-color: #242a30;
           border-color: #2c3136;
           color: #fff;
-        }
+        } 
       }
     }
   }
 
   .default-btn {
     width: 85px;
-    background-color: #242a30;
+    background-color: var(--text-secondary);
     border-color: #2c3136;
     color: #fff;
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
   .add-btn {
     width: 85px;
@@ -669,7 +669,7 @@ onBeforeUnmount(() => {});
   }
 
   .health-score {
-    color: #027ffc;
+    color: var(--success);
     cursor: pointer;
     display: block;
     width: 100%;
@@ -766,7 +766,7 @@ onBeforeUnmount(() => {});
 
   .table-title {
     font-size: 14px;
-    color: #2182a0;
+    color: var(--success);
     margin-bottom: 16px;
     font-weight: 500;
   }

src/views/equipmentManagement/index.vue

@@ -488,8 +488,8 @@ onMounted(() => {
 }
 .search-btn {
   width: 85px;
-  background: #2182a0;
-  border: 1px solid #2182a0;
+  background-color: var(--bg-primary);
+  border: 1px solid var(--success);
 }
 .add-btn {
   width: 85px;

src/views/equipmentManagement/suspendManagement/suspendManagement.vue

@@ -331,15 +331,15 @@ onBeforeUnmount(() => {});
   }
   .search-btn {
     width: 85px;
-    background: #2182a0;
-    border: 1px solid #2182a0;
+    background-color: var(--bg-primary);
+    border: 1px solid var(--success);
   }
   .add-btn {
     width: 85px;
   }
 
   .health-score {
-    color: #027ffc;
+    color: var(--success);
     cursor: pointer;
     display: block;
     width: 100%;
@@ -409,7 +409,7 @@ onBeforeUnmount(() => {});
 
   .table-title {
     font-size: 14px;
-    color: #2182a0;
+    color: var(--success);
     margin-bottom: 16px;
     font-weight: 500;
   }

src/views/login/index.vue

@@ -1240,7 +1240,7 @@ $light_gray: #eee;
     .login-btn {
       width: 100%;
       margin-top: 40px;
-      background: #2182a0;
+      background-color: var(--bg-primary);
       height: 40px;
     }