feat: 请求进度增加滚动

src/views/stationData/transfer/components/deviceDrawer.vue

@@ -26,32 +26,35 @@
             v-if="isFetching"
           >
             <div class="w-full max-w-[600px] space-y-10 p-6">
-              <div
+              <el-scrollbar height="70vh" max-height="600px">
-                v-for="deviceInfo in pointInfoData"
+                <div
-                :key="deviceInfo.id"
+                  v-for="deviceInfo in pointInfoData"
-                class="space-y-3 text-center bg-white/90 p-5 rounded-xl shadow"
+                  :key="deviceInfo.id"
-              >
+                  class="space-y-3 text-center bg-white/90 p-5 rounded-xl shadow"
-                <div class="font-semibold text-gray-700 text-lg">
+                >
-                  {{ chartGroupMap?.get(deviceInfo.id)?.cnName }} 数据加载中…
+                  <div class="font-semibold text-gray-700 text-lg">
-                </div>
+                    {{ chartGroupMap?.get(deviceInfo.id)?.cnName }} 数据加载中…
-
+                  </div>
-                <el-progress
+
-                  :text-inside="true"
+                  <el-progress
-                  :stroke-width="20"
+                    :text-inside="true"
-                  :percentage="deviceInfo.progress"
+                    :stroke-width="20"
-                />
+                    :percentage="deviceInfo.progress"
-
+                  />
-                <div class="text-gray-600 text-base">已查询
+
-                  <span class="text-green-600 font-semibold">
+                  <div class="text-gray-600 text-base">已查询
+                    <span class="text-green-600 font-semibold">
                     {{ deviceInfo.fetchLimit }}
                   </span>/<span class="text-blue-600 font-semibold">{{
-                      deviceInfo.total
+                        deviceInfo.total
-                    }}</span>，剩余<span
+                      }}</span>，剩余<span
-                    class="text-red-500 font-semibold">{{
+                      class="text-red-500 font-semibold">{{
-                      deviceInfo.total - deviceInfo.fetchLimit
+                        deviceInfo.total - deviceInfo.fetchLimit
-                    }}</span>
+                      }}</span>
+                  </div>
                 </div>
-              </div>
+
+              </el-scrollbar>
             </div>
           </div>