From efccdc42a67dd468d75fc684ce61ad1e2885a688 Mon Sep 17 00:00:00 2001
From: betaqi <3188864257@qq.com>
Date: Mon, 17 Nov 2025 13:43:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transfer/components/deviceDrawer.vue      | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/views/stationData/transfer/components/deviceDrawer.vue b/src/views/stationData/transfer/components/deviceDrawer.vue
index 99e1bcb..863be92 100644
--- a/src/views/stationData/transfer/components/deviceDrawer.vue
+++ b/src/views/stationData/transfer/components/deviceDrawer.vue
@@ -22,16 +22,17 @@
              element-loading-text="数据加载中请耐心等待..."
         >
           <div
-            class="absolute inset-0 z-[99] flex items-center justify-center bg-white/80 backdrop-blur-sm"
+            class="absolute inset-0 z-[99] flex items-center justify-center bg-white/80 backdrop-blur-sm transition-opacity duration-300"
             v-if="isFetching"
           >
-            <div class="w-full max-w-[600px] space-y-10 p-6">
-              <el-scrollbar height="70vh" max-height="600px">
-                <div
-                  v-for="deviceInfo in pointInfoData"
-                  :key="deviceInfo.id"
-                  class="space-y-3 text-center bg-white/90 p-5 rounded-xl shadow"
-                >
+            <div class="w-full max-w-[700px] mx-auto px-4 sm:px-6 lg:px-8">
+              <el-scrollbar height="70vh" max-height="600px" class="pr-2">
+                <div class="space-y-4 md:space-y-6">
+                  <div
+                    v-for="deviceInfo in pointInfoData"
+                    :key="deviceInfo.id"
+                    class="space-y-3 text-center bg-white/95 backdrop-blur-sm p-6 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-200"
+                  >
                   <div class="font-semibold text-gray-700 text-lg">
                     {{ chartGroupMap?.get(deviceInfo.id)?.cnName }} 数据加载中…
                   </div>
@@ -53,7 +54,7 @@
                       }}</span>
                   </div>
                 </div>
-
+                </div>
               </el-scrollbar>
             </div>
           </div>