fix: 修正面包屑导航的显示逻辑

- 竖屏下不显示面包屑导航
fix: 调整面包屑导航的显示逻辑
2025-12-27 17:06:03 +08:00 · 2025-12-27 17:05:41 +08:00 · 2025-12-26 15:01:35 +08:00 · 2025-12-24 14:56:28 +08:00 · 2025-12-19 13:28:54 +08:00 · 2025-12-19 13:26:48 +08:00
41 changed files with 813 additions and 285 deletions
--- a/app/components/pages/products/ProductHeader.vue
+++ b/app/components/pages/products/ProductHeader.vue
@ -38,6 +38,10 @@
    <div class="product-info">
      <h1>{{ product.name }}</h1>
      <p class="summary">{{ product.summary }}</p>
+      <p v-if="product.status === 'discontinued'" class="discontinued-warning">
+        <el-icon><ElIconWarning /></el-icon>
+        {{ $t('product-discontinued-warning') }}
+      </p>
    </div>
  </div>
 </template>
@ -105,6 +109,10 @@
    margin-bottom: 2rem;
  }

+  .discontinued-warning {
+    color: var(--el-color-error);
+  }
+
  @media (max-width: 768px) {
    .product-header {
      grid-template-columns: 1fr;
--- a/app/components/pages/search/SearchResultCard.vue
+++ b/app/components/pages/search/SearchResultCard.vue
@ -0,0 +1,75 @@
+<template>
+  <el-card class="result-card">
+    <el-row>
+      <el-col :span="12">
+        <h3 class="result-title">{{ item.title }}</h3>
+        <p v-if="item.summary" class="result-summary">
+          {{ item.summary }}
+        </p>
+        <p v-if="item.sectionType" class="result-type">
+          <span>{{ $t('search.section') }}: </span>
+          <span class="result-type-name">{{ typeLabel }}</span>
+          <span v-if="item.type" class="result-type-name"
+            >({{ item.type }})</span
+          >
+        </p>
+      </el-col>
+      <el-col :span="12" class="image-col">
+        <el-image
+          v-if="item.thumbnail"
+          :src="item.thumbnail"
+          :alt="item.title"
+          style="width: 150px"
+        />
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+  defineProps<{
+    item: SearchItemView;
+    typeLabel: string;
+  }>();
+</script>
+
+<style scoped>
+  .result-card {
+    border-radius: 12px;
+    transition: box-shadow 0.2s ease;
+  }
+
+  .result-card:hover {
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
+  }
+
+  .result-title {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: var(--el-color-primary);
+    display: inline-block;
+  }
+
+  .result-summary {
+    font-size: 0.95rem;
+    color: var(--el-text-color-regular);
+    margin-bottom: 0.5rem;
+    line-height: 1.6;
+  }
+
+  .result-type {
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
+  }
+
+  .result-type-name {
+    margin-left: 4px;
+    color: var(--el-color-primary);
+  }
+
+  .image-col {
+    display: flex;
+    justify-content: end;
+    align-items: center;
+  }
+</style>
--- a/app/components/pages/search/SearchResults.vue
+++ b/app/components/pages/search/SearchResults.vue
@ -3,19 +3,13 @@
    <div class="search-results">
      <NuxtLink
        v-for="hit in paginatedHits"
-        :key="`${hit.type}-${hit.id}`"
+        :key="`${hit.sectionType}-${hit.id}`"
        :to="localePath(resolveHitLink(hit))"
      >
-        <el-card class="result-card">
-          <h3 class="result-title">{{ hit.title }}</h3>
-          <p v-if="hit.summary" class="result-summary">
-            {{ hit.summary }}
-          </p>
-          <p v-if="hit.type" class="result-type">
-            <span>{{ $t('search.section') }}: </span>
-            <span class="result-type-name">{{ getIndexLabel(hit.type) }}</span>
-          </p>
-        </el-card>
+        <search-result-card
+          :item="hit"
+          :type-label="getIndexLabel(hit.sectionType)"
+        />
      </NuxtLink>
    </div>

@ -72,7 +66,7 @@
  const items = props.searchItems;
  const filteredHits = computed(() => {
    if (props.category) {
-      return items.filter((item) => item.type === props.category);
+      return items.filter((item) => item.sectionType === props.category);
    } else {
      return items;
    }
@ -116,19 +110,19 @@

    const slug = String(slugCandidate);

-    if (item.type === 'product') {
+    if (item.sectionType === 'product') {
      return localePath({ path: `/products/${slug}` });
    }

-    if (item.type === 'solution') {
+    if (item.sectionType === 'solution') {
      return localePath({ path: `/solutions/${slug}` });
    }

-    if (item.type === 'document') {
+    if (item.sectionType === 'document') {
      return localePath({ path: `/download/${slug}` });
    }

-    if (item.type === 'question') {
+    if (item.sectionType === 'question') {
      return localePath({ path: `/support/faq`, query: { focus: slug } });
    }

--- a/app/components/pages/search/SearchTabs.vue
+++ b/app/components/pages/search/SearchTabs.vue
@ -32,7 +32,7 @@
  const resultCount = computed(() => {
    const map: Record<string, number> = { all: props.searchItems.length };
    for (const item of props.searchItems) {
-      map[item.type] = (map[item.type] ?? 0) + 1;
+      map[item.sectionType] = (map[item.sectionType] ?? 0) + 1;
    }
    return map;
  });
@ -47,3 +47,9 @@
    currentPage.value = 1; // 重置页码
  });
 </script>
+
+<style scoped>
+  .el-tabs {
+    width: 100%;
+  }
+</style>
--- a/app/components/shared/DocumentList.vue
+++ b/app/components/shared/DocumentList.vue
@ -7,7 +7,17 @@
      @click="handleClick(doc.fileId)"
    >
      <div class="document-info">
-        <h3>{{ doc.title }}</h3>
+        <div class="document-title">
+          <h3>
+            {{ doc.title }}
+            <span v-if="showCategory && doc.type" class="document-category">
+              |
+            </span>
+            <span v-if="showCategory && doc.type" class="document-category">
+              {{ doc.type.name }}
+            </span>
+          </h3>
+        </div>
        <div class="document-content">
          <span v-if="doc.size" class="document-meta"
            >{{ $t('document-meta.size') }}: {{ formatFileSize(doc.size) }}
@ -28,6 +38,10 @@
      type: Array as () => Array<ProductDocumentView>,
      default: () => [],
    },
+    showCategory: {
+      type: Boolean,
+      default: true,
+    },
  });

  const localePath = useLocalePath();
@ -63,6 +77,15 @@
    color: var(--el-text-color-secondary);
  }

+  .document-title {
+    margin-bottom: 0.5rem;
+  }
+
+  .document-category {
+    font-size: 0.75rem;
+    color: var(--el-text-color-secondary);
+  }
+
  .download-button {
    margin-left: auto;
  }
--- a/app/components/shared/JinshenFooter.vue
+++ b/app/components/shared/JinshenFooter.vue
@ -48,7 +48,7 @@
        <ul class="footer-links">
          <li>
            <a
-              href="http://cal.3w.jinshen.cn"
+              href="http://cal.jinshen.cn"
              target="_blank"
              rel="noopener noreferer"
            >
@ -84,7 +84,12 @@
            &copy; {{ currentYear }} {{ $t('company-name') }}.
            {{ $t('all-rights-reserved') }}
          </p>
-          <p>备案号: 浙ICP备12003709号-5</p>
+          <p>
+            备案号:
+            <a href="https://beian.miit.gov.cn/" target="_blank"
+              >浙ICP备12003709号-5</a
+            >
+          </p>
        </div>
        <!-- <div class="footer-links-bottom"> -->
        <!--   <NuxtLink :to="$localePath('/privacy')">{{ -->
--- a/app/components/shared/JinshenHeader.vue
+++ b/app/components/shared/JinshenHeader.vue
@ -53,7 +53,7 @@
        class="hide-on-mobile"
        type="info"
        :underline="false"
-        href="http://cal.3w.jinshen.cn"
+        href="http://cal.jinshen.cn"
        target="_blank"
      >
        <el-icon class="mdi mdi-calculator action-icon" />
--- a/app/components/shared/QuestionList.vue
+++ b/app/components/shared/QuestionList.vue
@ -51,9 +51,19 @@
      // 展开目标项
      activeNames.value = [target.id];

+      await nextTick();
+      await new Promise((resolve) => setTimeout(resolve, 100)); // 等待动画完成
+
      // 平滑滚动到对应位置
+      // const el = document.querySelector(`#q-${target.id}`);
+      // el?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      setTimeout(() => {
        const el = document.querySelector(`#q-${target.id}`);
-      el?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        el?.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start',
+        });
+      }, 200); // 与 el-collapse 的 transition 时间匹配
    },
    { immediate: true }
  );
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@ -1,11 +1,12 @@
 <template>
  <div class="page-container">
-    <div v-if="!pending">
    <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />

    <div class="content">
+      <el-skeleton :loading="pending" :rows="10" animated>
+        <template #default>
          <!-- eslint-disable-next-line vue/no-v-html -->
-        <div class="html-typography" v-html="companyProfile.content || ''" />
+          <div class="html-typography" v-html="companyProfile?.content || ''" />
          <!-- <div v-if="!hydrated" v-html="companyProfile.content || ''" /> -->
          <!-- <div v-else> -->
          <!--   <html-renderer -->
@ -13,9 +14,10 @@
          <!--     :html="companyProfile.content || ''" -->
          <!--   /> -->
          <!-- </div> -->
-      </div>

-      <el-divider content-position="left">{{ $t('learn-more') }}</el-divider>
+          <el-divider content-position="left">{{
+            $t('learn-more')
+          }}</el-divider>
          <div class="button-group">
            <learn-more-card
              :title="$t('navigation.contact-info')"
@ -28,9 +30,8 @@
              @click="openMap"
            />
          </div>
-    </div>
-    <div v-else class="loading">
-      <el-skeleton :rows="5" animated />
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -42,7 +43,9 @@
    { label: $t('navigation.home'), to: localePath('/') },
    { label: $t('navigation.about-us') },
  ];
-  const { data: companyProfile, pending, error } = await useCompanyProfile();
+  const { data, pending, error } = useCompanyProfile();
+
+  const companyProfile = computed(() => data.value ?? null);

  const openMap = () => {
    window.open(localePath('/locate'));
@ -106,5 +109,9 @@
      margin-left: 0;
      gap: 0.5rem;
    }
+
+    .breadcrumb {
+      display: none;
+    }
  }
 </style>
--- a/app/pages/download/[id].vue
+++ b/app/pages/download/[id].vue
@ -4,11 +4,17 @@
      <h1 class="page-title">{{ $t('navigation.downloads') }}</h1>
      <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
    </div>
-    <div v-if="!pending" class="page-content">
+    <div class="page-content">
+      <el-skeleton
+        :loading="pending"
+        :rows="6"
+        animated
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #default>
          <file-card :file-id="id" :file="file" />
-    </div>
-    <div v-else>
-      <el-skeleton :rows="6" animated />
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -66,4 +72,10 @@
  .breadcrumb {
    margin-left: auto;
  }
+
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
 </style>
--- a/app/pages/locate.vue
+++ b/app/pages/locate.vue
@ -1,5 +1,7 @@
 <template>
-  <div>redirecting...</div>
+  <div class="page-container">
+    <h1>{{ $t('redirecting') }}</h1>
+  </div>
 </template>

 <script setup lang="ts">
@ -10,3 +12,17 @@
    window.location.href = platform;
  });
 </script>
+
+<style scoped>
+  .page-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 80vh;
+  }
+
+  h1 {
+    font-size: 1.5rem;
+    font-weight: bold;
+  }
+</style>
--- a/app/pages/products/[slug].vue
+++ b/app/pages/products/[slug].vue
@ -1,6 +1,5 @@
 <template>
  <div class="page-container">
-    <div v-if="!pending">
    <div v-if="product">
      <!-- 面包屑导航 -->
      <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
@ -19,15 +18,6 @@
      />
    </div>
  </div>
-    <div v-else class="loading">
-      <el-skeleton style="--el-skeleton-circle-size: 400px">
-        <template #template>
-          <el-skeleton-item variant="circle" />
-        </template>
-      </el-skeleton>
-      <el-skeleton :rows="5" animated />
-    </div>
-  </div>
 </template>

 <script setup lang="ts">
@ -37,7 +27,7 @@
  // 获取路由参数
  const id = route.params.slug as string;

-  const { data: product, pending, error } = await useProduct(id);
+  const { data: product, error } = await useProduct(id);

  const breadcrumbItems = computed(() => [
    { label: $t('navigation.home'), to: localePath('/') },
--- a/app/pages/products/index.vue
+++ b/app/pages/products/index.vue
@ -1,10 +1,35 @@
 <template>
  <div class="page-container">
    <div class="page-header">
+      <div>
        <h1 class="page-title">{{ $t('our-products') }}</h1>
+        <p class="page-subtitle">
+          {{ $t('products-desc') }}{{ $t('find-discontinued-products') }}
+        </p>
+      </div>
+
      <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
    </div>
-    <div v-if="!pending" class="page-content">
+    <div>
+      <el-skeleton
+        animated
+        :loading="pending"
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #template>
+          <div v-for="i in 3" :key="i" class="products-container">
+            <el-skeleton-item variant="h1" class="skeleton-collapse" />
+            <div class="skeleton-group-list">
+              <el-skeleton-item
+                v-for="j in 3"
+                :key="j"
+                variant="rect"
+                class="skeleton-card"
+              />
+            </div>
+          </div>
+        </template>
+        <template #default>
          <div class="products-container">
            <el-collapse v-model="activeNames" class="product-collapse">
              <el-collapse-item
@ -26,9 +51,8 @@
              </el-collapse-item>
            </el-collapse>
          </div>
-    </div>
-    <div v-else>
-      <el-skeleton :rows="6" animated />
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -102,13 +126,18 @@

  .page-header {
    display: flex;
+    margin-bottom: 1rem;
  }

  .page-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--el-color-primary);
-    margin-bottom: 1rem;
+  }
+
+  .page-subtitle {
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
  }

  .breadcrumb {
@ -140,6 +169,50 @@
    justify-content: flex-start;
  }

+  .skeleton-collapse {
+    height: 50px;
+    width: 100%;
+  }
+
+  .skeleton-group-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 40px;
+    justify-content: flex-start;
+    margin-bottom: 2rem;
+  }
+
+  .skeleton-card {
+    width: 30%;
+    height: 250px;
+    margin-right: 1rem;
+  }
+
+  @media (max-width: 1200px) {
+    .skeleton-card {
+      width: 45%;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .group-list {
+      justify-content: center;
+      align-items: center;
+    }
+    .skeleton-group-list {
+      justify-content: center;
+      align-items: center;
+    }
+
+    .skeleton-card {
+      width: 90%;
+    }
+
+    .breadcrumb {
+      display: none;
+    }
+  }
+
  :deep(.el-collapse-item__header) {
    padding: 30px auto;
    font-size: 1.5rem;
--- a/app/pages/search.vue
+++ b/app/pages/search.vue
@ -1,11 +1,23 @@
 <template>
  <div class="search-page">
    <search-header v-model="keyword" />
-    <div v-if="loading" class="search-state">
-      <el-skeleton :rows="4" animated />
-    </div>
-    <search-tabs v-else-if="hasResults" :search-items="searchItems" />
-    <div v-else class="search-state">
+    <div class="search-state">
+      <el-skeleton
+        :loading="loading"
+        animated
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #template>
+          <el-skeleton-item
+            v-for="i in 10"
+            :key="i"
+            variant="rect"
+            class="skeleton-item"
+          />
+        </template>
+        <template #default>
+          <search-tabs v-if="hasResults" :search-items="searchItems" />
+          <div v-else>
            <el-empty
              :description="
                route.query.query
@ -14,6 +26,9 @@
              "
            />
          </div>
+        </template>
+      </el-skeleton>
+    </div>
  </div>
 </template>

@ -96,7 +111,11 @@
  .search-state {
    display: flex;
    justify-content: center;
-    padding: 3rem 0;
+  }
+
+  .skeleton-item {
+    height: 80px;
+    margin-bottom: 1rem;
  }

  @media (max-width: 640px) {
--- a/app/pages/solutions/[slug].vue
+++ b/app/pages/solutions/[slug].vue
@ -1,6 +1,5 @@
 <template>
  <div class="page-container">
-    <div v-if="!pending">
    <div v-if="solution">
      <div class="page-header">
        <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
@ -16,10 +15,6 @@
      />
    </div>
  </div>
-    <div v-else class="loading">
-      <el-skeleton :rows="5" animated />
-    </div>
-  </div>
 </template>

 <script setup lang="ts">
@ -29,7 +24,7 @@
  // 获取路由参数
  const id = route.params.slug as string;

-  const { data: solution, pending, error } = await useSolution(id);
+  const { data: solution, error } = await useSolution(id);

  const breadcrumbItems = computed(() => [
    { label: $t('navigation.home'), to: localePath('/') },
--- a/app/pages/solutions/index.vue
+++ b/app/pages/solutions/index.vue
@ -1,10 +1,33 @@
 <template>
  <div class="page-container">
    <div class="page-header">
+      <div>
        <h1 class="page-title">{{ $t('learn-our-solutions') }}</h1>
+        <p class="page-subtitle">{{ $t('solutions-desc') }}</p>
+      </div>
+
      <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
    </div>
-    <div v-if="!pending" class="solutions-container">
+    <div class="solutions-container">
+      <el-skeleton
+        :loading="pending"
+        animated
+        :throttle="{
+          leading: 500,
+          trailing: 500,
+        }"
+      >
+        <template #template>
+          <div class="skeleton-group-list">
+            <el-skeleton-item
+              v-for="i in 12"
+              :key="i"
+              variant="rect"
+              class="skeleton-card"
+            />
+          </div>
+        </template>
+        <template #default>
          <el-tabs v-model="activeName" class="solutions-tabs">
            <el-tab-pane :label="$t('all')" name="all">
              <div class="solution-list">
@ -36,9 +59,8 @@
              </div>
            </el-tab-pane>
          </el-tabs>
-    </div>
-    <div v-else>
-      <el-skeleton :rows="6" animated />
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -52,7 +74,9 @@
    { label: $t('navigation.solutions') },
  ];

-  const { data: solutions, pending, error } = await useSolutionList();
+  const { data, pending, error } = useSolutionList();
+
+  const solutions = computed(() => data.value ?? []);

  const activeName = ref<string>('all');

@ -94,15 +118,20 @@

  .page-header {
    display: flex;
+    margin-bottom: 1rem;
  }

  .page-title {
    font-size: 2rem;
    font-weight: bold;
-    margin-bottom: 1rem;
    color: var(--el-color-primary);
  }

+  .page-subtitle {
+    font-size: 0.8rem;
+    color: var(--el-text-color-secondary);
+  }
+
  .breadcrumb {
    margin-left: auto;
  }
@ -114,4 +143,38 @@
    margin-bottom: 2rem;
    gap: 40px;
  }
+
+  .skeleton-group-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    justify-content: flex-start;
+    margin-bottom: 2rem;
+  }
+
+  .skeleton-card {
+    width: 30%;
+    height: 200px;
+  }
+
+  @media (max-width: 1200px) {
+    .skeleton-card {
+      width: 45%;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .skeleton-group-list {
+      justify-content: center;
+      align-items: center;
+    }
+
+    .skeleton-card {
+      width: 90%;
+    }
+
+    .breadcrumb {
+      display: none;
+    }
+  }
 </style>
--- a/app/pages/support/contact-us.vue
+++ b/app/pages/support/contact-us.vue
@ -6,7 +6,14 @@
      <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
    </div>

-    <div v-if="!pending" class="page-content">
+    <div class="page-content">
+      <el-skeleton
+        :rows="10"
+        :loading="pending"
+        animated
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #default>
          <!-- eslint-disable-next-line vue/no-v-html -->
          <div class="html-typography" v-html="contactInfo?.content || ''" />
          <!-- <div v-if="!hydrated" v-html="contactInfo?.content || ''" /> -->
@ -16,9 +23,8 @@
          <!--     :html="contactInfo?.content || ''" -->
          <!--   /> -->
          <!-- </div> -->
-    </div>
-    <div v-else class="loading">
-      <el-skeleton :rows="5" animated />
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -31,7 +37,9 @@
    { label: $t('navigation.support'), to: localePath('/support') },
    { label: $t('navigation.contact-info') },
  ];
-  const { data: contactInfo, pending, error } = await useContactInfo();
+  const { data, pending, error } = useContactInfo();
+
+  const contactInfo = computed(() => data.value ?? null);

  watch(error, (value) => {
    if (value) {
@ -79,4 +87,10 @@
  :deep(.markdown-body ul) {
    list-style-type: none;
  }
+
+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
 </style>
--- a/app/pages/support/documents.vue
+++ b/app/pages/support/documents.vue
@ -1,9 +1,6 @@
 <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>
@ -17,7 +14,36 @@
          :document-type-options="documentTypeOptions"
        />

-        <document-list :documents="paginatedDocuments" />
+        <el-skeleton
+          :loading="pending"
+          animated
+          :throttle="{
+            leading: 500,
+            trailing: 500,
+          }"
+        >
+          <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>
+          <template #default>
+            <document-list
+              :documents="paginatedDocuments"
+              :show-category="
+                filters.selectedDocumentType === null ||
+                filters.selectedDocumentType === undefined
+              "
+            />

            <el-pagination
              v-model:current-page="page"
@ -27,6 +53,8 @@
              :page-size="documentsPerPage"
              :total="filteredDocuments.length"
            />
+          </template>
+        </el-skeleton>
      </div>
    </div>
  </div>
@ -50,7 +78,9 @@
  const page = ref(1);
  const documentsPerPage = 10;

-  const { data: documents, pending, error } = await useDocumentList();
+  const { data, pending, error } = useDocumentList();
+
+  const documents = computed(() => data.value ?? []);

  const documentTypeOptions = computed(() => {
    const types: DocumentTypeView[] = [];
@ -196,6 +226,12 @@
    margin-top: 2rem;
  }

+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
+
  :deep(.el-pagination) {
    .btn-prev,
    .btn-next {
--- a/app/pages/support/faq.vue
+++ b/app/pages/support/faq.vue
@ -1,9 +1,5 @@
 <template>
  <div class="page-container">
-    <div v-if="pending" class="flex justify-center items-center h-64">
-      <el-skeleton :rows="6" animated />
-    </div>
-    <div v-else>
    <support-tabs model-value="faq" />
    <div class="page-header">
      <h1 class="page-title">{{ $t('navigation.faq') }}</h1>
@ -18,6 +14,22 @@
        :question-type-options="questionTypeOptions"
      />

+      <el-skeleton
+        :loading="pending"
+        animated
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #template>
+          <div class="flex flex-col gap-xl">
+            <el-skeleton-item
+              v-for="i in 10"
+              :key="i"
+              variant="h1"
+              style="height: 80px"
+            />
+          </div>
+        </template>
+        <template #default>
          <question-list :questions="paginatedQuestions" />

          <el-pagination
@ -28,7 +40,8 @@
            :page-size="questionsPerPage"
            :total="filteredQuestions.length"
          />
-      </div>
+        </template>
+      </el-skeleton>
    </div>
  </div>
 </template>
@ -57,7 +70,9 @@
    { label: $t('navigation.faq') },
  ];

-  const { data: questions, pending, error } = await useQuestionList();
+  const { data, pending, error } = useQuestionList();
+
+  const questions = computed(() => data.value ?? []);

  const questionTypeOptions = computed(() => {
    const types: QuestionTypeView[] = [];
@ -208,6 +223,12 @@
    margin-top: 2rem;
  }

+  @media (max-width: 768px) {
+    .breadcrumb {
+      display: none;
+    }
+  }
+
  :deep(.el-pagination) {
    .btn-prev,
    .btn-next {
--- a/app/pages/support/index.vue
+++ b/app/pages/support/index.vue
@ -137,5 +137,9 @@
      grid-template-columns: 1fr;
      gap: 20px;
    }
+
+    .breadcrumb {
+      display: none;
+    }
  }
 </style>
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@ -23,8 +23,8 @@
  "company-name": "Jinshen Machinary Manufacturing Co., Ltd.",
  "company-description": "We specialize in manufacturing a range of paper tube and can equipment, integrating design, manufacturing, sales, and service.",
  "learn-more": "Learn More",
-  "products-desc": "We provide high-quality product solutions to meet various business needs.",
-  "solutions-desc": "Providing customized technology solutions for enterprises to accelerate digital transformation.",
+  "products-desc": "We provide the latest products an instant service support to meet various business needs of our customers.",
+  "solutions-desc": "We offer diversified technical solutions for enterprises, supporting various fields such as industry and packaging.",
  "support-desc": "24/7 professional technical support to ensure stable operation of your business.",
  "quick-links": "Quick Links",
  "utilities": "Utilities",
@ -63,7 +63,9 @@
  "back-to-home": "Back to Home",
  "no-content-available": "No detailed information available",
  "loading": "Loading...",
-  "our-products": "Our Products",
+  "our-products": "Our Latest Products",
+  "find-discontinued-products": "To find discontinued products, please use the search function.",
+  "product-discontinued-warning": "Product is discontinued and may no longer receive immediate support or updates",
  "learn-our-solutions": "Learn Our Solutions",
  "all": "All",
  "support-page-desc": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd is committed to providing high-quality products and services to our customers. For products such as paper tube machines, slitting machines, and paper straw equipment, we offer comprehensive after-sales support to ensure our customers can use our products with confidence.",
@ -125,5 +127,6 @@
    "specs": "Specifications",
    "faq": "FAQ",
    "documents": "Documents"
-  }
+  },
+  "redirecting": "Redirecting..."
 }
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@ -23,8 +23,8 @@
  "company-name": "Jinshen Machinary Manufacturing Co., Ltd.",
  "company-description": "Especializado en la producción de una serie de equipos de tubos y latas de papel, integrando diseño, fabricación, ventas y servicio.",
  "learn-more": "Saber más",
-  "products-desc": "Ofrecemos soluciones de productos de alta calidad que satisfacen diversas necesidades empresariales.",
-  "solutions-desc": "Providing customized technology solutions for enterprises to accelerate digital transformation.",
+  "products-desc": "Ofrecemos los últimos productos y un servicio de asistencia instantáneo para satisfacer las diversas necesidades comerciales de nuestros clientes.",
+  "solutions-desc": "Ofrecemos soluciones técnicas diversificadas para empresas, prestando apoyo en diversos campos, como la industria y el embalaje.",
  "support-desc": "Soporte técnico profesional 24/7, asegurando la estabilidad de su negocio.",
  "quick-links": "Enlaces rápidos",
  "utilities": "Herramientas útiles",
@ -63,7 +63,9 @@
  "back-to-home": "Volver al inicio",
  "no-content-available": "No hay información disponible",
  "loading": "Cargando...",
-  "our-products": "Nuestros productos",
+  "our-products": "Nuestros últimos productos",
+  "find-discontinued-products": "Para encontrar productos descatalogados, utilice la función de búsqueda.",
+  "product-discontinued-warning": "Este producto ha sido descontinuado y puede que ya no reciba soporte o actualizaciones inmediatas.",
  "learn-our-solutions": "Aprenda sobre nuestras soluciones",
  "all": "Todo",
  "support-page-desc": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd se dedica a proporcionar productos y servicios de alta calidad a los clientes. Para máquinas de tubos de papel, máquinas de corte y pajitas de papel, ofrecemos un servicio postventa integral para garantizar que los clientes puedan usar nuestros productos con confianza.",
@ -124,5 +126,6 @@
    "specs": "Especificaciones",
    "faq": "FAQ",
    "documents": "Documentos"
-  }
+  },
+  "redirecting": "Redirigiendo..."
 }
--- a/i18n/locales/ru.json
+++ b/i18n/locales/ru.json
@ -23,8 +23,8 @@
  "company-name": "Jinshen Machinary Manufacturing Co., Ltd.",
  "company-description": "Профессионально производим оборудование для бумажных трубок и канистр, услуги по проектированию, производству, продаже и сервисному обслуживанию.",
  "learn-more": "Узнать больше",
-  "products-desc": "Мы предоставляем высококачественные решения для различных бизнес-потребностей.",
-  "solutions-desc": "Предлагаем индивидуальные технологические решения для содействия цифровой трансформации.",
+  "products-desc": "Мы предоставляем новейшие продукты и мгновенную сервисную поддержку для удовлетворения различных бизнес-потребностей наших клиентов.",
+  "solutions-desc": "Мы предлагаем разнообразные технические решения для предприятий, поддерживая различные области, такие как промышленность и упаковка.",
  "support-desc": "Профессиональная техническая поддержка 24/7, обеспечивающая стабильную работу вашего бизнеса.",
  "quick-links": "Быстрые ссылки",
  "utilities": "Полезные инструменты",
@ -63,7 +63,9 @@
  "back-to-home": "Вернуться на главную",
  "no-content-available": "Нет доступной информации",
  "loading": "Загрузка...",
-  "our-products": "Наши продукты",
+  "our-products": "Наши последние продукты",
+  "find-discontinued-products": "Чтобы найти другие продукты, используйте функцию поиска.",
+  "product-discontinued-warning": "Этот продукт снят с производства и может больше не получать мгновенную поддержку или обновления",
  "learn-our-solutions": "Узнайте о наших решениях",
  "all": "Все",
  "support-page-desc": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd Стремится предоставлять клиентам высококачественные продукты и услуги. Мы предлагаем послепродажное обслуживание для таких продуктов, как машины для бумажных трубок и соломинок, обеспечивая уверенность клиентов в использовании нашей продукции.",
@ -124,5 +126,6 @@
    "specs": "Технические спецификации",
    "faq": "Часто задаваемые вопросы",
    "documents": "Связанные документы"
-  }
+  },
+  "redirecting": "Перенаправление..."
 }
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@ -23,8 +23,8 @@
  "company-name": "金申机械制造有限公司",
  "company-description": "专业生产一系列纸管、纸罐设备，集设计、制造、销售、服务于一体。",
  "learn-more": "了解更多",
-  "products-desc": "我们提供高质量的产品解决方案，满足各种业务需求。",
-  "solutions-desc": "为企业提供定制化的技术解决方案，助力数字化转型。",
+  "products-desc": "我们提供最新的产品与即时的服务支持，满足客户的各类业务需求。",
+  "solutions-desc": "我们为企业提供多样化的技术解决方案，在工业、包装等多种领域提供支持。",
  "support-desc": "7x24小时专业技术支持，确保您的业务稳定运行。",
  "quick-links": "快速链接",
  "utilities": "实用工具",
@ -63,7 +63,9 @@
  "back-to-home": "返回首页",
  "no-content-available": "暂无详细信息",
  "loading": "加载中...",
-  "our-products": "我们的产品",
+  "our-products": "我们的最新产品",
+  "find-discontinued-products": "如需查找其他产品，请使用搜索功能",
+  "product-discontinued-warning": "本产品已停产，可能不再提供即时的支持或更新",
  "learn-our-solutions": "了解我们的解决方案",
  "all": "全部",
  "support-page-desc": "金申机械制造有限公司致力于为客户提供优质的产品与服务。针对纸管机、分纸机、纸吸管等产品，我们提供全方位的售后服务，确保客户能够安心地使用我们的产品。",
@ -124,5 +126,6 @@
    "specs": "技术规格",
    "faq": "常见问题",
    "documents": "相关文档"
-  }
+  },
+  "redirecting": "正在跳转..."
 }
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@ -20,7 +20,17 @@ export default defineNuxtConfig({
      htmlAttrs: {
        lang: 'zh',
      },
-      link: [{ rel: 'icon', type: 'image/x-icon', href: '/jinshen-logo.ico' }],
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/jinshen-logo.ico' },
+        {
+          rel: 'apple-touch-icon',
+          href: '/jinshen-logo.png',
+        },
+        {
+          rel: 'manifest',
+          href: '/manifest.json',
+        },
+      ],
    },
  },

--- a/public/logo196x196.png
+++ b/public/logo196x196.png
--- a/public/logo512x512.png
+++ b/public/logo512x512.png
--- a/public/manifest.json
+++ b/public/manifest.json
@ -0,0 +1,20 @@
+{
+  "name": "金申机械制造有限公司",
+  "short_name": "金申机械",
+  "icons": [
+    {
+      "src": "/logo196x196.png",
+      "sizes": "196x196",
+      "type": "image/png"
+    },
+    {
+      "src": "/logo512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#0f172a"
+}
--- a/server/api/search.get.ts
+++ b/server/api/search.get.ts
@ -11,7 +11,7 @@ export default defineEventHandler(async (event) => {
  if (!q) return [];

  const meili = getMeiliService();
-  const sections = await meili.search(q, { limit: 12 }, locale);
+  const sections = await meili.search(q, { limit: 500 }, locale);

  // 空Section过滤
  const filteredSections = sections.filter(
--- a/server/assets/graphql/documentList.graphql
+++ b/server/assets/graphql/documentList.graphql
@ -1,5 +1,5 @@
 query GetDocumentList($locale: String!) {
-  product_documents(filter: { status: { _eq: "published" } }) {
+  product_documents(filter: { status: { _eq: "published" } }, limit: 500) {
    id
    file {
      id
--- a/server/assets/graphql/product.graphql
+++ b/server/assets/graphql/product.graphql
@ -51,6 +51,13 @@ query GetProduct($id: ID!, $locale: String!) {
      id
      product_documents_id(filter: { status: { _eq: "published" } }) {
        id
+        type {
+          id
+          translations(filter: { languages_code: { code: { _eq: $locale } } }) {
+            id
+            name
+          }
+        }
        file {
          id
          filesize
--- a/server/assets/graphql/productList.graphql
+++ b/server/assets/graphql/productList.graphql
@ -1,5 +1,5 @@
 query GetProductList($locale: String!) {
-  products(filter: { status: { _eq: "in-production" } }) {
+  products(filter: { status: { _eq: "in-production" } }, limit: 200) {
    id
    status
    translations(filter: { languages_code: { code: { _eq: $locale } } }) {
--- a/server/assets/graphql/questionList.graphql
+++ b/server/assets/graphql/questionList.graphql
@ -1,5 +1,5 @@
 query GetQuestionList($locale: String!) {
-  questions(filter: { status: { _eq: "published" } }) {
+  questions(filter: { status: { _eq: "published" } }, limit: 500) {
    id
    type {
      id
--- a/server/assets/graphql/solutionList.graphql
+++ b/server/assets/graphql/solutionList.graphql
@ -1,5 +1,5 @@
 query GetSolutionList($locale: String!) {
-  solutions(filter: { status: { _eq: "published" } }) {
+  solutions(filter: { status: { _eq: "published" } }, limit: 200) {
    id
    cover {
      id
--- a/server/mappers/productMapper.test.ts
+++ b/server/mappers/productMapper.test.ts
@ -347,6 +347,15 @@ describe('toProductDocumentView', () => {
            filesize: 1000,
            filename_download: 'doc1.pdf',
          },
+          type: {
+            id: 1,
+            translations: [
+              {
+                id: 1,
+                name: 'manual',
+              },
+            ],
+          },
          translations: [
            {
              id: 1,
@ -363,6 +372,10 @@ describe('toProductDocumentView', () => {
        fileId: 'rand-om__-uuid-1234',
        filename: 'doc1.pdf',
        title: 'Document Title 1',
+        type: {
+          id: '1',
+          name: 'manual',
+        },
        size: 1000,
        url: '/api/assets/rand-om__-uuid-1234',
      },
@ -391,6 +404,10 @@ describe('toProductDocumentView', () => {
        fileId: 'rand-om__-uuid-1234',
        filename: 'doc1.pdf',
        title: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
        size: 1000,
        url: '/api/assets/rand-om__-uuid-1234',
      },
@ -413,6 +430,10 @@ describe('toProductDocumentView', () => {
        filename: '',
        title: '',
        size: 0,
+        type: {
+          id: '-1',
+          name: '',
+        },
        url: '',
      },
      {
@ -421,6 +442,10 @@ describe('toProductDocumentView', () => {
        filename: '',
        title: '',
        size: 0,
+        type: {
+          id: '-1',
+          name: '',
+        },
        url: '',
      },
    ]);
@ -431,9 +456,9 @@ describe('toProductDocumentView', () => {
 * 单元测试: toProductView
 */
 describe('toProductView', () => {
-  test('convert raw data to ProductView correctly', () => {
-    const rawData: Product = {
+  const baseData: Product = {
    id: 1,
+    status: 'in-production',
    translations: [
      {
        id: 1,
@ -443,9 +468,14 @@ describe('toProductView', () => {
      },
    ],
  };
+  test('convert raw data to ProductView correctly', () => {
+    const rawData: Product = {
+      ...baseData,
+    };

    expect(toProductView(rawData)).toEqual({
      id: '1',
+      status: 'in-production',
      name: 'Product Name',
      summary: 'Product Summary',
      description: 'Product Description',
@ -458,12 +488,13 @@ describe('toProductView', () => {

  test('convert raw data with missing translations', () => {
    const rawData: Product = {
-      id: 1,
+      ...baseData,
      translations: [],
    };

    expect(toProductView(rawData)).toEqual({
      id: '1',
+      status: 'in-production',
      name: '',
      summary: '',
      description: '',
@ -473,4 +504,23 @@ describe('toProductView', () => {
      specs: [],
    });
  });
+
+  test('conert raw data with missing status', () => {
+    const rawData: Product = {
+      ...baseData,
+      status: undefined,
+    };
+
+    expect(toProductView(rawData)).toEqual({
+      id: '1',
+      status: 'discontinued',
+      name: 'Product Name',
+      summary: 'Product Summary',
+      description: 'Product Description',
+      images: [],
+      documents: [],
+      faqs: [],
+      specs: [],
+    });
+  });
 });
--- a/server/mappers/productMapper.ts
+++ b/server/mappers/productMapper.ts
@ -1,4 +1,5 @@
 import { isObject } from '../../server/utils/object';
+import { toDocumentTypeView } from './documentMapper';

 /**
 * 将 Directus 返回的 ProductImage 数据转换为 ProductImageView 视图模型
@ -161,6 +162,10 @@ export function toProductDocumentView(
        size: 0,
        title: '',
        url: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
      } satisfies ProductDocumentView;
    }

@ -173,6 +178,10 @@ export function toProductDocumentView(
        size: 0,
        title: '',
        url: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
      } satisfies ProductDocumentView;
    }

@ -184,6 +193,8 @@ export function toProductDocumentView(

    const trans = document.translations?.[0];

+    const typeView = toDocumentTypeView(document.type ?? null);
+
    return {
      id: item.id.toString(),
      fileId: file?.id ?? '',
@ -191,6 +202,7 @@ export function toProductDocumentView(
      size: file?.filesize ?? 0,
      title: trans?.title ?? '',
      url: url,
+      type: typeView,
    } satisfies ProductDocumentView;
  });
 }
@ -207,6 +219,8 @@ export function toProductDocumentView(
 export function toProductView(raw: Product): ProductView {
  const trans = raw.translations?.[0];

+  const status = raw.status ?? 'discontinued';
+
  const images = toProductImageView(raw.images ?? []);

  const specs = toProductSpecGroupView(raw.specs ?? []);
@ -217,6 +231,7 @@ export function toProductView(raw: Product): ProductView {

  return {
    id: raw.id.toString(),
+    status: status,
    name: trans?.name ?? '',
    summary: trans?.summary ?? '',
    images: images,
--- a/server/utils/search-converters.test.ts
+++ b/server/utils/search-converters.test.ts
@ -12,13 +12,16 @@ describe('converters', () => {
      summary: 'High efficiency',
      description: 'Detailed description',
      type: 'pump',
+      cover: 'rand-om__-uuid-1234',
    };
    const result = converters.products(item);
    expect(result).toEqual({
      id: 1,
-      type: 'product',
+      sectionType: 'product',
      title: 'Hydraulic Pump',
      summary: 'High efficiency',
+      type: 'pump',
+      thumbnail: '/api/assets/rand-om__-uuid-1234',
    });
  });

@ -29,13 +32,16 @@ describe('converters', () => {
      summary: 'Effective solution',
      content: 'Detailed content',
      type: 'Type A',
+      cover: 'rand-om__-uuid-5678',
    };
    const result = converters.solutions(item);
    expect(result).toEqual({
      id: 1,
-      type: 'solution',
+      sectionType: 'solution',
      title: 'Solution A',
      summary: 'Effective solution',
+      type: 'Type A',
+      thumbnail: '/api/assets/rand-om__-uuid-5678',
    });
  });

@ -47,13 +53,15 @@ describe('converters', () => {
        'This is a detailed explanation of how to use the product effectively.',
      products: ['Product A'],
      product_types: ['Type A'],
+      type: 'Question Type',
    };
    const result = converters.questions(item);
    expect(result).toEqual({
      id: 1,
      title: 'How to use product?',
-      summary: '',
-      type: 'question',
+      summary: undefined,
+      type: 'Question Type',
+      sectionType: 'question',
    });
  });

@ -64,13 +72,15 @@ describe('converters', () => {
      products: ['Product A'],
      product_types: ['Type A'],
      fileUUID: 'TEST-UUID',
+      type: 'manual',
    };
    const result = converters.product_documents(item);
    expect(result).toEqual({
      id: 'TEST-UUID',
      title: 'User Manual',
-      summary: '',
-      type: 'document',
+      summary: undefined,
+      sectionType: 'document',
+      type: 'manual',
    });
  });
 });
--- a/server/utils/search-converters.ts
+++ b/server/utils/search-converters.ts
@ -6,31 +6,35 @@ export const converters: {
 } = {
  products: (item: MeiliIndexMap['products']): SearchItemView => ({
    id: item.id,
-    type: 'product',
+    sectionType: 'product',
    title: item.name,
-    summary: item.summary,
+    summary: item?.summary,
+    type: item?.type,
+    thumbnail: item?.cover ? `/api/assets/${item.cover}` : undefined,
  }),

  solutions: (item: MeiliIndexMap['solutions']): SearchItemView => ({
    id: item.id,
-    type: 'solution',
+    sectionType: 'solution',
    title: item.title,
-    summary: item.summary,
+    summary: item?.summary,
+    type: item?.type,
+    thumbnail: item?.cover ? `/api/assets/${item.cover}` : undefined,
  }),

  questions: (item: MeiliIndexMap['questions']): SearchItemView => ({
    id: item.id,
-    type: 'question',
+    sectionType: 'question',
    title: item.title,
-    summary: '',
+    type: item?.type,
  }),

  product_documents: (
    item: MeiliIndexMap['product_documents']
  ): SearchItemView => ({
    id: item.fileUUID || item.id,
-    type: 'document',
+    sectionType: 'document',
    title: item.title,
-    summary: '',
+    type: item?.type,
  }),
 };
--- a/shared/types/meilisearch/meili-index.ts
+++ b/shared/types/meilisearch/meili-index.ts
@ -9,13 +9,16 @@ export interface MeiliProductIndex {
  name: string;

  /** 产品简介 **/
-  summary: string;
+  summary?: string;

  /** 产品详情 **/
-  description: string;
+  description?: string;

  /** 产品类型 **/
-  type: string;
+  type?: string;
+
+  /** 产品缩略图 **/
+  cover?: string;
 }

 /**
@ -29,13 +32,16 @@ export interface MeiliSolutionIndex {
  title: string;

  /** 解决方案摘要 **/
-  summary: string;
+  summary?: string;

  /** 解决方案内容 **/
-  content: string;
+  content?: string;

  /** 解决方案类型 **/
-  type: string;
+  type?: string;
+
+  /** 解决方案缩略图 **/
+  cover?: string;
 }

 /**
@ -49,7 +55,10 @@ export interface MeiliQuestionIndex {
  title: string;

  /** 问题内容 **/
-  content: string;
+  content?: string;
+
+  /** 问题类型 **/
+  type?: string;

  /** 相关产品 **/
  products: string[];
@ -68,6 +77,9 @@ export interface MeiliProductDocumentIndex {
  /** 文档标题 **/
  title: string;

+  /** 文档类型 **/
+  type?: string;
+
  /** 相关产品 **/
  products: string[];

--- a/shared/types/views/product-view.ts
+++ b/shared/types/views/product-view.ts
@ -1,3 +1,8 @@
+import type { DocumentTypeView } from './document-list-view';
+import type { Product } from '../directus/my-schema.ts';
+
+type ProductStatus = Product['status'];
+
 /**
 * 产品图片视图模型
 * 用于产品详情页(/products/[slug])中的产品图片数据结构
@ -73,6 +78,9 @@ export interface ProductDocumentView {
  /** 文档大小 **/
  size: number;

+  /** 文档类型 **/
+  type: DocumentTypeView;
+
  /** 文档链接 **/
  url: string;
 }
@ -85,6 +93,9 @@ export interface ProductView {
  /** 唯一标识符 **/
  id: string;

+  /** 产品状态 **/
+  status: ProductStatus;
+
  /** 产品名称 **/
  name: string;

--- a/shared/types/views/search-item-view.ts
+++ b/shared/types/views/search-item-view.ts
@ -3,11 +3,17 @@ export interface SearchItemView {
  id: number | string;

  /** 条目类型 **/
-  type: 'product' | 'solution' | 'question' | 'document';
+  sectionType: 'product' | 'solution' | 'question' | 'document';

  /** 条目标题 **/
  title: string;

  /** 条目摘要 **/
-  summary: string;
+  summary?: string;
+
+  /** 条目分类 **/
+  type?: string;
+
+  /** 条目预览图 **/
+  thumbnail?: string;
 }
Author	SHA1	Message	Date
R2m1liA	66adf7f545	fix: 修正面包屑导航的显示逻辑 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m7s Details - 竖屏下不显示面包屑导航	2025-12-27 17:06:03 +08:00
R2m1liA	f87b977c87	fix: 调整面包屑导航的显示逻辑 - 在移动端隐藏面包屑导航	2025-12-27 17:05:41 +08:00
R2m1liA	601c4abe53	fix: 修正计算器连接 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m3s Details - 域名改为cal.jinshen.cn	2025-12-26 15:01:35 +08:00
R2m1liA	b71ee98129	feat: 为Apple/PWA进行图标适配 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m23s Details	2025-12-24 14:56:28 +08:00
R2m1liA	7611d4f079	fix: 调整页面渲染机制 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m9s Details - 懒加载：部分页面添加懒加载机制，在用户访问时先加载静态资源在获取动态资源 - 骨架屏机制：各个页面的骨架屏渲染有el-skeleton自身模板控制 - 布局调整：部分页面布局调整 - i18n文本：新增国际化文本redirecting	2025-12-19 13:28:54 +08:00
R2m1liA	76fb3ddcb7	fix: 重定向页布局调整 All checks were successful deploy to server / build-and-deploy (push) Successful in 2m54s Details	2025-12-19 13:26:48 +08:00
R2m1liA	aa26731731	fix: 补全骨架屏渲染机制 - 补全各个页面的骨架屏渲染机制修改	2025-12-19 13:26:26 +08:00
R2m1liA	f2533767d2	fix: 调整关于我们页面渲染机制 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m3s Details - 骨架屏：骨架屏由el-skeleton模板控制	2025-12-19 12:53:01 +08:00
R2m1liA	f1116491b6	fix: 调整解决方案列表渲染机制 - 骨架屏：解决方案列表页骨架屏渲染由el-skeleton模板控制	2025-12-19 12:48:36 +08:00
R2m1liA	537a6b0bd6	fix: 调整产品列表页渲染机制 - 渲染机制：产品列表页懒加载采用el-skeleton自身模板机制 - 布局调整：调整产品页/骨架屏在竖屏下的布局	2025-12-19 12:00:42 +08:00
R2m1liA	bcc08a53ea	fix: 调整服务支持页面渲染模式 - 将条件渲染由div判断改为el-skeleton template	2025-12-19 11:38:33 +08:00
R2m1liA	fa1a22b286	feat: 服务支持页懒加载 - 骨架屏调整：服务支持页骨架屏布局调整 - 懒加载：服务支持页添加懒加载机制	2025-12-19 11:17:32 +08:00
R2m1liA	8c720b7ac3	fix: 修正查询/搜索无法完全显示的问题 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m7s Details - 扩大查询/搜索的最大条目数	2025-12-18 15:05:57 +08:00
R2m1liA	33c0b9cc43	fix: 修正搜索条目无法完全显示的问题 - 为查询/搜索添加更大的limit	2025-12-18 15:05:17 +08:00
R2m1liA	fcaf595b73	feat: 添加ICP跳转链接 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m13s Details	2025-12-13 16:08:38 +08:00
R2m1liA	ef20832761	feat: 页脚添加ICP跳转链接 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m11s Details - ICP跳转：点击备案号跳转到工信部网站	2025-12-13 16:07:49 +08:00
R2m1liA	03a692afb5	feat: 页面描述 & 停产产品标示 All checks were successful deploy to server / build-and-deploy (push) Successful in 2m59s Details - 页面描述：产品列表与解决方案列表添加页面描述 - 停产标示：对于已停产产品，在产品详情页添加已停产标示 - 视图变更：产品视图添加Status字段，用于标示已停产产品 - 文案变更与补全：调整部分页面UI文案，并补全各个语言的新增文案	2025-12-10 14:10:03 +08:00
R2m1liA	7b21def74f	feat: 补全i18n翻译 All checks were successful deploy to server / build-and-deploy (push) Successful in 2m59s Details - 翻译补全: 补全英语、西班牙语、俄语的翻译	2025-12-10 14:06:58 +08:00
R2m1liA	783d482e0a	feat: 产品/解决方案列表页描述 - 页面描述：为产品列表与解决方案列表添加页面描述 - 停产提示：在产品列表中提示停产产品使用搜索功能	2025-12-10 14:00:05 +08:00
R2m1liA	62ec215340	feat: 产品视图模型添加状态 - 产品状态：从Directus Schema获取Product的Status字段 - 视图字段：添加Status字段用于标示产品状态 - 测试方法：为Status字段添加单元测试	2025-12-10 13:35:00 +08:00
R2m1liA	e02f975217	fix: 修正计算器跳转链接 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m9s Details - 修正页面在竖屏状态下页面无法正确跳转到计算器页面的问题	2025-12-08 13:48:25 +08:00
R2m1liA	5530776035	feat: 搜索页图片预览 & 文档列表显示文档类型 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m21s Details - 缩略图预览：搜索页栏目右侧添加缩略图预览功能 - 细分类型：搜索页栏目添加细分类型展示：如产品(原纸分切机) - 接口调整：调整可选字段类型使其符合搜索引擎索引格式；将搜索条目中的type改为sectionType用于大类分类，并将type作为细分类型使用 - 文档类型：文档页添加文档类型展示功能，当用户未指定文档类型时，在标题右侧显示文档类型 - 查询调整：产品查询添加文档类型查询 ISSUE: Resolve #94	2025-12-05 17:23:34 +08:00
R2m1liA	63cdff9c41	feat: 为文档库添加文档类型显示功能 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m10s Details - 功能添加：在文档列表中，当未指定文档类型时，在标题右侧显示文档类型 - 查询更改：产品查询添加文档类型查询方法 - mapper更改：productDocumentView添加文档类型	2025-12-05 17:18:48 +08:00
R2m1liA	f1398a5545	feat: 为搜索条目添加细分类型 - 类型细分：有原先的四大分类添加细分类型，例如产品（原纸分切机） - 接口调整：原先的type分类改为sectionType并将type作为细分类型使用	2025-12-05 16:49:09 +08:00
R2m1liA	36d24a4740	fix: 可选字段处理 - 为搜索条目中的可选字段进行判断并处理	2025-12-05 16:25:57 +08:00
R2m1liA	c9b5b1fad9	feat: 为搜索页栏目添加图片缩略图功能 - 图片预览：产品与解决方案栏目添加缩略图功能 - 组件提取：在搜索结果页，将单个搜索结果单独提取为组件SearchResultCard	2025-12-05 14:56:24 +08:00