统一前端页面蓝灰换皮样式

ruoyi-ui/src/views/ccdiProject/components/detail/UploadData.vue

@@ -924,7 +924,7 @@ export default {
 <style lang="scss" scoped>
 .upload-data-container {
   padding: 16px;
-  background: #fff;
+  background: transparent;
   min-height: 100%;
 }
 
@@ -1028,9 +1028,9 @@ export default {
   .tagging-lock-tip {
     margin-bottom: 16px;
     padding: 10px 14px;
-    color: #ad6800;
-    background: #fff8ec;
-    border: 1px solid #ffe0b2;
+    color: #a56a2a;
+    background: #fbf3ea;
+    border: 1px solid #eddcc8;
     border-radius: 10px;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
   }
@@ -1039,10 +1039,10 @@ export default {
 // 文件列表区域
 .file-list-section {
   background: #fff;
-  border: 1px solid #ebeef5;
+  border: 1px solid var(--ccdi-border);
   border-radius: 12px;
   padding: 20px 24px 24px;
-  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
+  box-shadow: var(--ccdi-shadow);
 
   .list-toolbar {
     display: flex;
@@ -1050,7 +1050,7 @@ export default {
     align-items: center;
     margin-bottom: 16px;
     padding-bottom: 12px;
-    border-bottom: 1px solid #f0f2f5;
+    border-bottom: 1px solid var(--ccdi-line);
 
     .toolbar-actions {
       display: flex;
@@ -1065,7 +1065,7 @@ export default {
   }
 
   ::v-deep .el-table {
-    border: 1px solid #f0f2f5;
+    border: 1px solid var(--ccdi-border);
     border-radius: 10px;
     overflow: hidden;
   }
@@ -1095,7 +1095,7 @@ export default {
 
   .el-upload__tip {
     margin-top: 8px;
-    color: #909399;
+    color: var(--ccdi-text-muted);
     font-size: 12px;
   }
 }
@@ -1111,9 +1111,9 @@ export default {
 
 .pull-bank-file-panel {
   padding: 16px;
-  border: 1px solid #e4e7ed;
+  border: 1px solid var(--ccdi-border);
   border-radius: 8px;
-  background: #fafcff;
+  background: #f8fbfe;
 
   .pull-bank-file-actions {
     display: flex;
@@ -1124,7 +1124,7 @@ export default {
 
   .pull-bank-file-tip {
     font-size: 12px;
-    color: #606266;
+    color: var(--ccdi-text-secondary);
     line-height: 1.5;
   }
 }
@@ -1139,7 +1139,7 @@ export default {
   padding: 10px 12px;
   border-radius: 6px;
   background: #ffffff;
-  border: 1px solid #ebeef5;
+  border: 1px solid var(--ccdi-border);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1150,7 +1150,7 @@ export default {
     display: flex;
     align-items: center;
     gap: 8px;
-    color: #303133;
+    color: var(--ccdi-text-primary);
   }
 
   .selected-id-card-file__name {
@@ -1186,18 +1186,18 @@ export default {
 
 .selected-files {
   margin-top: 16px;
-  border: 1px solid #ebeef5;
+  border: 1px solid var(--ccdi-border);
   border-radius: 4px;
   max-height: 300px;
   overflow-y: auto;
 
   .files-header {
     padding: 12px 16px;
-    background: #f5f7fa;
-    border-bottom: 1px solid #ebeef5;
+    background: #f7fafd;
+    border-bottom: 1px solid var(--ccdi-line);
     font-size: 14px;
     font-weight: 500;
-    color: #606266;
+    color: var(--ccdi-text-secondary);
   }
 
   .files-list {
@@ -1211,19 +1211,19 @@ export default {
       transition: background 0.3s;
 
       &:hover {
-        background: #f5f7fa;
+        background: #f7fafd;
       }
 
       i {
         font-size: 18px;
-        color: #1890ff;
+        color: var(--ccdi-primary);
         margin-right: 8px;
       }
 
       .file-name {
         flex: 1;
         font-size: 14px;
-        color: #303133;
+        color: var(--ccdi-text-primary);
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -1231,16 +1231,16 @@ export default {
 
       .file-size {
         font-size: 12px;
-        color: #909399;
+        color: var(--ccdi-text-muted);
         margin: 0 12px;
       }
 
       .el-button {
         padding: 4px;
-        color: #909399;
+        color: var(--ccdi-text-muted);
 
         &:hover {
-          color: #f56c6c;
+          color: #b55252;
         }
       }
     }
@@ -1250,7 +1250,7 @@ export default {
 .parse-tip {
   margin-top: 8px;
   font-size: 12px;
-  color: #909399;
+  color: var(--ccdi-text-muted);
 }
 
 // 响应式