feat: 服务支持页懒加载

- 骨架屏调整：服务支持页骨架屏布局调整
- 懒加载：服务支持页添加懒加载机制

app/pages/support/documents.vue

@@ -1,15 +1,30 @@
 <template>
   <div class="page-container">
-    <div v-if="pending">
-      <el-skeleton :rows="5" animated />
-    </div>
-    <div v-else>
+    <div>
       <support-tabs model-value="documents" />
       <div class="page-header">
         <h1 class="page-title">{{ $t('navigation.documents') }}</h1>
         <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
       </div>
-      <div class="page-content">
+      <div v-if="pending" class="page-content">
+        <el-skeleton :rows="10" animated class="py-4" throttle="100">
+          <template #template>
+            <div class="flex flex-col gap-xl">
+              <el-skeleton-item
+                variant="rect"
+                style="width: 100%; height: 100px"
+              />
+              <el-skeleton-item
+                v-for="i in 10"
+                :key="i"
+                variant="h1"
+                style="height: 60px"
+              />
+            </div>
+          </template>
+        </el-skeleton>
+      </div>
+      <div v-else class="page-content">
         <document-filter
           v-model="filters"
           :product-type-options="productTypeOptions"
@@ -56,7 +71,7 @@
   const page = ref(1);
   const documentsPerPage = 10;
 
-  const { data: documents, pending, error } = await useDocumentList();
+  const { data: documents, pending, error } = useDocumentList();
 
   const documentTypeOptions = computed(() => {
     const types: DocumentTypeView[] = [];