sc

2026-01-30 14:08:23 +08:00
parent 36482fb428
commit ff3b306de0
38 changed files with 5491 additions and 190 deletions
--- a/src/pages/exception/profit.vue
+++ b/src/pages/exception/profit.vue
@@ -579,28 +579,170 @@
    color: #909399;
  }
  
-  /* 响应式设计 */
-  @media screen and (min-width: 500px) {
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
    .profit-exception-container {
      max-width: 900px;
      margin: 0 auto;
+      width: 100%;
    }
    
-    .stats-section,
-    .exception-section {
+    .stats-section {
+      margin: 32rpx;
      padding: 40rpx;
    }
    
+    .exception-section {
+      margin: 0 32rpx 24rpx;
+      padding: 40rpx;
+    }
+    
+    .tips-section {
+      margin: 0 32rpx 32rpx;
+      padding: 40rpx;
+    }
+    
+    .page-header {
+      padding: 0 48rpx;
+    }
+    
+    .header-title {
+      font-size: 36rpx;
+    }
+    
+    .refresh-btn {
+      font-size: 30rpx;
+    }
+    
+    .stats-grid {
+      gap: 24rpx;
+    }
+    
+    .stat-card {
+      padding: 32rpx;
+    }
+    
+    .stat-icon {
+      font-size: 56rpx;
+      margin-right: 32rpx;
+    }
+    
+    .stat-value {
+      font-size: 36rpx;
+    }
+    
+    .stat-label {
+      font-size: 26rpx;
+    }
+    
+    .section-title {
+      font-size: 36rpx;
+    }
+    
+    .filter-tab {
+      padding: 16rpx 32rpx;
+      font-size: 26rpx;
+    }
+    
+    .exception-item {
+      padding: 32rpx;
+    }
+    
    .exception-title {
      font-size: 32rpx;
    }
    
+    .exception-status {
+      padding: 12rpx 24rpx;
+      font-size: 22rpx;
+    }
+    
+    .exception-desc {
+      font-size: 26rpx;
+    }
+    
+    .info-label {
+      font-size: 24rpx;
+    }
+    
+    .info-value {
+      font-size: 24rpx;
+    }
+    
+    .action-btn {
+      padding: 16rpx 32rpx;
+      font-size: 26rpx;
+    }
+    
+    .tips-title {
+      font-size: 32rpx;
+    }
+    
+    .tips-content {
+      font-size: 26rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .profit-exception-container {
+      max-width: 1000px;
+    }
+    
+    .header-title {
+      font-size: 40rpx;
+    }
+    
+    .refresh-btn {
+      font-size: 32rpx;
+    }
+    
+    .stat-icon {
+      font-size: 64rpx;
+    }
+    
+    .stat-value {
+      font-size: 40rpx;
+    }
+    
+    .stat-label {
+      font-size: 28rpx;
+    }
+    
+    .section-title {
+      font-size: 40rpx;
+    }
+    
+    .filter-tab {
+      font-size: 28rpx;
+    }
+    
+    .exception-title {
+      font-size: 34rpx;
+    }
+    
    .exception-desc {
      font-size: 28rpx;
    }
    
-    .info-item {
-      font-size: 24rpx;
+    .info-label {
+      font-size: 26rpx;
+    }
+    
+    .info-value {
+      font-size: 26rpx;
+    }
+    
+    .action-btn {
+      font-size: 28rpx;
+    }
+    
+    .tips-title {
+      font-size: 34rpx;
+    }
+    
+    .tips-content {
+      font-size: 28rpx;
    }
  }
 </style>