From 1fc9e226a70063e946c596b335f13a898985b345 Mon Sep 17 00:00:00 2001
From: huanshuo-W <15258427350@163.com>
Date: Fri, 11 Jul 2025 17:16:47 +0800
Subject: [PATCH] =?UTF-8?q?Feature:=20=E4=B8=BA=E8=A1=A8=E6=A0=BC=E5=A2=9E?=
 =?UTF-8?q?=E5=88=A0=E6=B7=BB=E5=8A=A0=E5=8A=A8=E7=94=BB=20&=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E8=A1=A8=E6=A0=BC=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...MultiLayerPaperTapeWidthAngleCalculate.vue | 27 ++++++++++++++++---
 src/plugins/vuetify.ts                        |  1 +
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue b/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
index 1b40cc4..b6e10b5 100644
--- a/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
+++ b/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
@@ -129,6 +129,7 @@
 
           <v-table
             fixed-header
+            theme="primary"
           >
             <thead>
               <tr>
@@ -139,17 +140,18 @@
                 <th>{{ $t('paperWidth') }}</th>
               </tr>
             </thead>
-            <tbody>
-              <tr v-for="(record, index) in recordList" :key="index">
+            <transition-group name="fade" tag="tbody">
+              <tr v-for="(record, index) in recordList" :key="index" class="table-row-item">
                 <td>{{ record.layer }}</td>
                 <td>{{ record.grammage.value.toFixed(2) }} {{ record.grammage.unit }}</td>
                 <td>{{ record.cumulativeThickness.value.toFixed(2) }} {{ record.cumulativeThickness.unit }}</td>
                 <td>{{ record.angle.value.toFixed(2) }} {{ record.angle.unit }}</td>
                 <td>{{ record.paperWidth.value.toFixed(2) }} {{ record.paperWidth.unit }}</td>
               </tr>
-            </tbody>
+            </transition-group>
           </v-table>
         </v-card>
+
       </v-col>
     </v-row>
   </div>
@@ -220,3 +222,22 @@
     recordList.value.pop()
   }
 </script>
+
+<style scoped>
+.table-row-item {
+  /* ensure rows still render as table rows */
+  display: table-row;
+}
+
+/* enter/leave transitions */
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 300ms ease;
+}
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}
+
+</style>
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index 3ee5a9e..679f22e 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -22,6 +22,7 @@ const jinshenLightTheme: ThemeDefinition = {
     info: '#2196F3', // Light Blue
     success: '#4CAF50', // Green
     warning: '#FB8C00', // Orange
+    surface: '#FFFFFF', // White
   },
 }