From 7142cda20feb323abaf87fa90b2d7d486fdba1cd Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Wed, 14 Jan 2026 10:10:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=89=A3=E5=88=86=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E5=BC=B9=E7=AA=97UI=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E9=9D=9Escoped=E6=A0=B7=E5=BC=8F=E5=92=8Cwra?=
 =?UTF-8?q?pClassName=E7=A1=AE=E4=BF=9D=E6=A0=B7=E5=BC=8F=E6=AD=A3?=
 =?UTF-8?q?=E7=A1=AE=E5=BA=94=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Analytics.vue | 115 +++++++++++++++++--------------
 1 file changed, 64 insertions(+), 51 deletions(-)

diff --git a/frontend/src/views/Analytics.vue b/frontend/src/views/Analytics.vue
index 9e4dda6..7344bc2 100644
--- a/frontend/src/views/Analytics.vue
+++ b/frontend/src/views/Analytics.vue
@@ -437,6 +437,7 @@
       title="扣分明细"
       width="800px"
       :footer="null"
+      wrap-class-name="deduction-detail-modal-wrap"
       class="deduction-detail-modal"
     >
       <a-spin :spinning="deductionDetailLoading">
@@ -1862,14 +1863,20 @@ onMounted(() => {
   }
 }
 
-// 扣分明细弹窗样式
-.deduction-detail-modal {
-  :deep(.ant-modal-content) {
+// 扣分明细弹窗样式（使用非scoped样式，因为Modal渲染到body）
+</style>
+
+<style lang="scss">
+@import "@/styles/variables.scss";
+
+// 扣分明细弹窗样式 - 非scoped，因为Modal渲染到body
+.deduction-detail-modal-wrap {
+  .ant-modal-content {
     background: $bg-card;
     border: 1px solid $border-primary;
   }
   
-  :deep(.ant-modal-header) {
+  .ant-modal-header {
     background: $bg-card;
     border-bottom: 1px solid $border-color;
     
@@ -1878,13 +1885,13 @@ onMounted(() => {
     }
   }
   
-  :deep(.ant-modal-body) {
+  .ant-modal-body {
     background: $bg-card;
     padding: 24px;
   }
   
-  // 表格样式 - 与用户管理页面严格一致（使用 !important 覆盖全局样式）
-  :deep(.ant-table) {
+  // 表格样式 - 与用户管理页面严格一致
+  .ant-table {
     background: transparent !important;
 
     .ant-table-container {
@@ -1908,9 +1915,11 @@ onMounted(() => {
 
     .ant-table-tbody > tr {
       background: transparent !important;
+      transition: none !important;
       
       &:hover > td {
         background: rgba($brand-primary, 0.03) !important;
+        transition: none !important;
       }
 
       > td {
@@ -1921,6 +1930,7 @@ onMounted(() => {
         border-left: none !important;
         border-right: none !important;
         border-top: none !important;
+        transition: none !important;
       }
     }
 
@@ -1930,56 +1940,59 @@ onMounted(() => {
       border-right: none !important;
     }
   }
-}
-
-.deduction-detail-content {
-  .designer-info {
-    margin-bottom: 24px;
-    padding-bottom: 16px;
-    border-bottom: 1px solid $border-color;
-    
-    h4 {
-      color: $text-primary;
-      font-size: 18px;
-      font-weight: 600;
-      margin: 0 0 8px 0;
-    }
-    
-    .designer-dept {
-      color: $text-secondary;
-      font-size: 14px;
-      margin: 0 0 8px 0;
-    }
-    
-    .total-deduction {
-      color: $text-primary;
-      font-size: 16px;
-      margin: 0;
+  
+  .deduction-detail-content {
+    .designer-info {
+      margin-bottom: 24px;
+      padding-bottom: 16px;
+      border-bottom: 1px solid $border-color;
       
-      .deduction-number {
-        color: #ef4444;
-        font-weight: 600;
+      h4 {
+        color: $text-primary;
         font-size: 18px;
+        font-weight: 600;
+        margin: 0 0 8px 0;
+      }
+      
+      .designer-dept {
+        color: $text-secondary;
+        font-size: 14px;
+        margin: 0 0 8px 0;
+      }
+      
+      .total-deduction {
+        color: $text-primary;
+        font-size: 16px;
+        margin: 0;
+        
+        .deduction-number {
+          color: #ef4444;
+          font-weight: 600;
+          font-size: 18px;
+        }
       }
     }
-  }
-  
-  .deduction-section {
-    margin-bottom: 24px;
     
-    h5 {
-      color: $text-primary;
-      font-size: 16px;
-      font-weight: 600;
-      margin: 0 0 12px 0;
+    .deduction-section {
+      margin-bottom: 24px;
+      
+      h5 {
+        color: $text-primary;
+        font-size: 16px;
+        font-weight: 600;
+        margin: 0 0 12px 0;
+      }
+    }
+    
+    .no-data {
+      text-align: center;
+      padding: 40px 0;
+      color: $text-tertiary;
     }
-  }
-  
-  
-  .no-data {
-    text-align: center;
-    padding: 40px 0;
-    color: $text-tertiary;
   }
 }
 </style>
+
+<style lang="scss" scoped>
+@import "@/styles/variables.scss";
+</style>