feat: 页脚添加ICP跳转链接

- ICP跳转：点击备案号跳转到工信部网站
feat: 页面描述 & 停产产品标示
2025-12-13 16:07:49 +08:00 · 2025-12-10 14:10:03 +08:00 · 2025-12-10 14:06:58 +08:00 · 2025-12-10 14:00:05 +08:00 · 2025-12-10 13:35:00 +08:00 · 2025-12-08 13:48:25 +08:00
51 changed files with 2137 additions and 624 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>内容类型: </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
@ -22,17 +22,17 @@
  }>();

  const tabs = [
-    { name: 'all', label: '全部' },
-    { name: 'product', label: '产品' },
-    { name: 'solution', label: '解决方案' },
-    { name: 'question', label: '相关问题' },
-    { name: 'document', label: '文档资料' },
+    { name: 'all', label: $t('all') },
+    { name: 'product', label: $t('search.sections.product') },
+    { name: 'solution', label: $t('search.sections.solution') },
+    { name: 'question', label: $t('search.sections.faq') },
+    { name: 'document', label: $t('search.sections.document') },
  ];

  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;
  });
--- a/app/components/pages/support/DocumentFilter.vue
+++ b/app/components/pages/support/DocumentFilter.vue
@ -0,0 +1,113 @@
+<template>
+  <div class="document-category">
+    <el-row :gutter="12">
+      <el-col :span="12" :xs="12">
+        <span class="select-label">{{
+          $t('product-filter.product-type')
+        }}</span>
+        <el-select
+          v-model="model.selectedProductType"
+          :placeholder="$t('product-filter.select-product-type')"
+          clearable
+        >
+          <el-option
+            v-for="type in productTypeOptions"
+            :key="type.id"
+            :label="type.name"
+            :value="type.id"
+          />
+        </el-select>
+      </el-col>
+
+      <el-col :span="12" :xs="12">
+        <span class="select-label">{{
+          $t('product-filter.product-model')
+        }}</span>
+        <el-select
+          v-model="model.selectedProduct"
+          :placeholder="$t('product-filter.select-product-model')"
+          clearable
+        >
+          <el-option
+            v-for="product in productOptions"
+            :key="product.id"
+            :label="product.name"
+            :value="product.id"
+          />
+        </el-select>
+      </el-col>
+
+      <el-col :span="12" :xs="24">
+        <span class="select-label">
+          {{ $t('product-filter.document-type') }}
+        </span>
+        <el-select
+          v-model="model.selectedDocumentType"
+          :placeholder="$t('product-filter.select-document-type')"
+          clearable
+        >
+          <el-option
+            v-for="questionType in documentTypeOptions"
+            :key="questionType.id"
+            :label="questionType.name"
+            :value="questionType.id"
+          />
+        </el-select>
+      </el-col>
+
+      <el-col :span="12" :xs="24">
+        <span class="select-label">{{ $t('product-filter.keyword') }}</span>
+        <el-input
+          v-model="model.keyword"
+          :placeholder="$t('product-filter.enter-keyword')"
+          clearable
+          :prefix-icon="Search"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { Search } from '@element-plus/icons-vue';
+
+  defineProps({
+    productTypeOptions: {
+      type: Array as () => Array<DocumentListProductType>,
+      default: () => [],
+    },
+    productOptions: {
+      type: Array as () => Array<DocumentListProduct>,
+      default: () => [],
+    },
+    documentTypeOptions: {
+      type: Array as () => Array<DocumentTypeView>,
+      default: () => [],
+    },
+  });
+
+  const model = defineModel<{
+    selectedProduct: string | null;
+    selectedProductType: string | null;
+    selectedDocumentType: string | null;
+    keyword: string;
+  }>();
+</script>
+
+<style scoped>
+  .document-category {
+    margin-bottom: 1rem;
+    padding: 0 0;
+  }
+
+  .select-label {
+    color: var(--el-text-color-secondary);
+    font-size: 0.9rem;
+  }
+
+  :deep(.el-select__wrapper),
+  :deep(.el-input__wrapper) {
+    height: 40px;
+    font-size: 0.9rem;
+  }
+</style>
--- a/app/components/pages/support/QuestionFilter.vue
+++ b/app/components/pages/support/QuestionFilter.vue
@ -1,12 +1,12 @@
 <template>
  <div class="question-category">
-    <el-row class="hide-on-mobile" :gutter="12">
-      <el-col :span="8">
+    <el-row :gutter="12">
+      <el-col :span="12" :xs="12">
        <span class="select-label">{{
          $t('product-filter.product-type')
        }}</span>
        <el-select
-          v-model="model.selectedType"
+          v-model="model.selectedProductType"
          :placeholder="$t('product-filter.select-product-type')"
          clearable
        >
@ -19,7 +19,7 @@
        </el-select>
      </el-col>

-      <el-col :span="8">
+      <el-col :span="12" :xs="12">
        <span class="select-label">{{
          $t('product-filter.product-model')
        }}</span>
@ -37,7 +37,25 @@
        </el-select>
      </el-col>

-      <el-col :span="8">
+      <el-col :span="12" :xs="24">
+        <span class="select-label">
+          {{ $t('product-filter.question-type') }}
+        </span>
+        <el-select
+          v-model="model.selectedQuestionType"
+          :placeholder="$t('product-filter.select-question-type')"
+          clearable
+        >
+          <el-option
+            v-for="questionType in questionTypeOptions"
+            :key="questionType.id"
+            :label="questionType.name"
+            :value="questionType.id"
+          />
+        </el-select>
+      </el-col>
+
+      <el-col :span="12" :xs="24">
        <span class="select-label">{{ $t('product-filter.keyword') }}</span>
        <el-input
          v-model="model.keyword"
@ -47,52 +65,6 @@
        />
      </el-col>
    </el-row>
-    <el-row class="display-on-mobile" :gutter="12">
-      <el-col :span="12">
-        <span class="select-label">{{
-          $t('product-filter.product-type')
-        }}</span>
-        <el-select
-          v-model="model.selectedType"
-          :placeholder="$t('product-filter.select-product-type')"
-          clearable
-        >
-          <el-option
-            v-for="type in productTypeOptions"
-            :key="type.id"
-            :label="type.name"
-            :value="type.id"
-          />
-        </el-select>
-      </el-col>
-
-      <el-col :span="12">
-        <span class="select-label">{{
-          $t('product-filter.product-model')
-        }}</span>
-        <el-select
-          v-model="model.selectedProduct"
-          :placeholder="$t('product-filter.select-product-model')"
-          clearable
-        >
-          <el-option
-            v-for="product in productOptions"
-            :key="product.id"
-            :label="product.name"
-            :value="product.id"
-          />
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row class="display-on-mobile">
-      <span class="select-label">{{ $t('product-filter.keyword') }}</span>
-      <el-input
-        v-model="model.keyword"
-        :placeholder="$t('product-filter.enter-keyword')"
-        clearable
-        :prefix-icon="Search"
-      />
-    </el-row>
  </div>
 </template>

@ -101,19 +73,24 @@

  defineProps({
    productTypeOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<QuestionListProductType>,
      default: () => [],
    },
    productOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<QuestionListProduct>,
+      default: () => [],
+    },
+    questionTypeOptions: {
+      type: Array as () => Array<QuestionTypeView>,
      default: () => [],
    },
  });

  const model = defineModel<{
+    selectedProduct: string | null;
+    selectedProductType: string | null;
+    selectedQuestionType: string | null;
    keyword: string;
-    selectedType: number | null;
-    selectedProduct: number | null;
  }>();
 </script>

@ -132,18 +109,4 @@
    height: 40px;
    font-size: 0.9rem;
  }
-
-  .display-on-mobile {
-    display: none;
-  }
-
-  @media (max-width: 768px) {
-    .hide-on-mobile {
-      display: none;
-    }
-    .display-on-mobile {
-      display: flex;
-      margin-bottom: 1rem;
-    }
-  }
 </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.jinshen.cn"
+              href="http://cal.3w.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.jinshen.cn"
+        href="http://cal.3w.jinshen.cn"
        target="_blank"
      >
        <el-icon class="mdi mdi-calculator action-icon" />
@ -67,6 +67,12 @@
          <el-dropdown-menu>
            <el-dropdown-item command="zh">简体中文</el-dropdown-item>
            <el-dropdown-item command="en">English</el-dropdown-item>
+            <el-dropdown-item command="es"
+              >Español(Machine Translate)</el-dropdown-item
+            >
+            <el-dropdown-item command="ru"
+              >Русский(Machine Translate)</el-dropdown-item
+            >
          </el-dropdown-menu>
        </template>
      </el-dropdown>
@ -125,7 +131,9 @@
              mode="vertical"
              @select="mobileMenuVisible = false"
            >
-              <el-menu-item @click="openExternalLink('http://cal.jinshen.cn')">
+              <el-menu-item
+                @click="openExternalLink('http://cal.3w.jinshen.cn')"
+              >
                {{ $t('navigation.calculator') }}
              </el-menu-item>
            </el-menu>
@ -140,6 +148,12 @@
                <el-dropdown-menu>
                  <el-dropdown-item command="zh">简体中文</el-dropdown-item>
                  <el-dropdown-item command="en">English</el-dropdown-item>
+                  <el-dropdown-item command="es"
+                    >Español(Machine Translate)</el-dropdown-item
+                  >
+                  <el-dropdown-item command="ru"
+                    >Русский(Machine Translate)</el-dropdown-item
+                  >
                </el-dropdown-menu>
              </template>
            </el-dropdown>
--- a/app/composables/useLocalizations.ts
+++ b/app/composables/useLocalizations.ts
@ -1,6 +1,8 @@
 import type { Language as ElementLanguage } from 'element-plus/es/locale';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 import en from 'element-plus/es/locale/lang/en';
+import es from 'element-plus/es/locale/lang/es';
+import ru from 'element-plus/es/locale/lang/ru';

 /**
 * 应用语言映射结构
@ -28,6 +30,14 @@ export const localeMap = {
    directus: 'en-US',
    element: en,
  },
+  es: {
+    directus: 'es-ES',
+    element: es,
+  },
+  ru: {
+    directus: 'ru-RU',
+    element: ru,
+  },
 } satisfies Record<string, LocaleMapping>;

 /** 应用支持的语言键类型 **/
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@ -25,7 +25,7 @@
        <learn-more-card
          :title="$t('navigation.address')"
          :icon="ElIconMapLocation"
-          :to="$localePath('/locate?lng=120.123&lat=30.231&name=xxx')"
+          @click="openMap"
        />
      </div>
    </div>
@ -44,6 +44,10 @@
  ];
  const { data: companyProfile, pending, error } = await useCompanyProfile();

+  const openMap = () => {
+    window.open(localePath('/locate'));
+  };
+
  watch(error, (value) => {
    if (value) {
      logger.error('数据获取失败: ', value);
--- a/app/pages/products/[slug].vue
+++ b/app/pages/products/[slug].vue
@ -53,8 +53,8 @@

  // SEO
  usePageSeo({
-    title: product.value.name || $t('page-title.products'),
-    description: product.value.summary || '',
+    title: product.value?.name || $t('page-title.products'),
+    description: product.value?.summary || '',
  });
 </script>

--- a/app/pages/products/index.vue
+++ b/app/pages/products/index.vue
@ -1,7 +1,13 @@
 <template>
  <div class="page-container">
    <div class="page-header">
-      <h1 class="page-title">{{ $t('our-products') }}</h1>
+      <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">
@ -102,13 +108,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 {
--- a/app/pages/solutions/[slug].vue
+++ b/app/pages/solutions/[slug].vue
@ -44,8 +44,8 @@
  });

  usePageSeo({
-    title: solution.value.title || $t('page-title.solutions'),
-    description: solution.value.summary || '',
+    title: solution.value?.title || $t('page-title.solutions'),
+    description: solution.value?.summary || '',
  });
 </script>

--- a/app/pages/solutions/index.vue
+++ b/app/pages/solutions/index.vue
@ -1,7 +1,11 @@
 <template>
  <div class="page-container">
    <div class="page-header">
-      <h1 class="page-title">{{ $t('learn-our-solutions') }}</h1>
+      <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">
@ -94,15 +98,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;
  }
--- a/app/pages/support/documents.vue
+++ b/app/pages/support/documents.vue
@ -10,12 +10,29 @@
        <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
      </div>
      <div class="page-content">
-        <product-filter
+        <document-filter
          v-model="filters"
          :product-type-options="productTypeOptions"
          :product-options="productOptions"
+          :document-type-options="documentTypeOptions"
+        />
+
+        <document-list
+          :documents="paginatedDocuments"
+          :show-category="
+            filters.selectedDocumentType === null ||
+            filters.selectedDocumentType === undefined
+          "
+        />
+
+        <el-pagination
+          v-model:current-page="page"
+          class="justify-center pagination-container"
+          layout="prev, pager, next"
+          hide-on-single-page
+          :page-size="documentsPerPage"
+          :total="filteredDocuments.length"
        />
-        <document-list :documents="filteredDocuments" />
      </div>
    </div>
  </div>
@ -30,13 +47,35 @@
  ];

  const filters = reactive({
-    selectedType: null as number | null,
-    selectedProduct: null as number | null,
+    selectedDocumentType: null as string | null,
+    selectedProductType: null as string | null,
+    selectedProduct: null as string | null,
    keyword: '',
  });

+  const page = ref(1);
+  const documentsPerPage = 10;
+
  const { data: documents, pending, error } = await useDocumentList();

+  const documentTypeOptions = computed(() => {
+    const types: DocumentTypeView[] = [];
+    documents.value.forEach((doc: DocumentListView) => {
+      if (!types.some((item) => item.id === doc.type.id)) {
+        if (doc.type.id === '-1') {
+          types.push({
+            id: '-1',
+            name: $t('product-filter.misc'),
+          });
+        } else {
+          types.push(doc.type);
+        }
+      }
+    });
+
+    return types;
+  });
+
  const productTypeOptions = computed(() => {
    const types: DocumentListProductType[] = [];
    documents.value.forEach((doc: DocumentListView) => {
@ -52,13 +91,13 @@
  });

  const productOptions = computed(() => {
-    if (!filters.selectedType) return [];
+    if (!filters.selectedProductType) return [];
    const products: DocumentListProduct[] = [];

    documents.value.forEach((doc: DocumentListView) => {
      doc.products?.forEach((product: DocumentListProduct) => {
        if (
-          product.type.id === filters.selectedType &&
+          product.type.id === filters.selectedProductType &&
          !products.some((item) => item.id === product.id)
        ) {
          products.push(product);
@ -81,19 +120,30 @@
            (product: DocumentListProduct) =>
              product.id === filters.selectedProduct
          )
-        : filters.selectedType
+        : filters.selectedProductType
          ? doc.products?.some(
              (product: DocumentListProduct) =>
-                product.type?.id === filters.selectedType
+                product.type?.id === filters.selectedProductType
            )
          : true;

-      return matchProduct;
+      const matchDocumentType = filters.selectedDocumentType
+        ? doc.type.id === filters.selectedDocumentType
+        : true;
+
+      return matchProduct && matchDocumentType;
    });
  });

+  const paginatedDocuments = computed(() => {
+    return filteredDocuments.value.slice(
+      (page.value - 1) * documentsPerPage,
+      page.value * documentsPerPage
+    );
+  });
+
  watch(
-    () => filters.selectedType,
+    () => filters.selectedProductType,
    () => {
      filters.selectedProduct = null;
    }
@ -133,12 +183,6 @@
    margin-left: auto;
  }

-  .document-category {
-    padding: 0rem 2rem;
-    gap: 4px;
-    margin-bottom: 0.5rem;
-  }
-
  .page-content {
    padding: 1rem 2rem 2rem;
  }
@ -153,4 +197,35 @@
    height: 40px;
    font-size: 0.9rem;
  }
+
+  .pagination-container {
+    margin-top: 2rem;
+  }
+
+  :deep(.el-pagination) {
+    .btn-prev,
+    .btn-next {
+      .el-icon {
+        font-size: 24px;
+      }
+    }
+
+    .el-pager {
+      gap: 0.5rem;
+    }
+    .el-pager li {
+      font-size: 1rem;
+      /* border: 1px solid #409eff; */
+      border-radius: 50%;
+
+      &:hover {
+        background-color: #ecf5ff;
+      }
+
+      &.is-active {
+        background-color: var(--el-color-primary);
+        color: #fff;
+      }
+    }
+  }
 </style>
--- a/app/pages/support/faq.vue
+++ b/app/pages/support/faq.vue
@ -11,13 +11,23 @@
      </div>

      <div class="page-content">
-        <product-filter
+        <question-filter
          v-model="filters"
          :product-type-options="productTypeOptions"
          :product-options="productOptions"
+          :question-type-options="questionTypeOptions"
        />

-        <question-list :questions="filteredQuestions" />
+        <question-list :questions="paginatedQuestions" />
+
+        <el-pagination
+          v-model:current-page="page"
+          class="justify-center pagination-container"
+          layout="prev, pager, next"
+          hide-on-single-page
+          :page-size="questionsPerPage"
+          :total="filteredQuestions.length"
+        />
      </div>
    </div>
  </div>
@ -25,13 +35,22 @@

 <script setup lang="ts">
  const localePath = useLocalePath();
+  const route = useRoute();

  const filters = reactive({
-    selectedType: null as number | null,
-    selectedProduct: null as number | null,
+    selectedQuestionType: null as string | null,
+    selectedProduct: null as string | null,
+    selectedProductType: null as string | null,
    keyword: '',
  });

+  const page = ref(1);
+  const questionsPerPage = 10;
+
+  const focusQuestionId = ref<string | null>(
+    route.query.focus as string | null
+  );
+
  const breadcrumbItems = [
    { label: $t('navigation.home'), to: localePath('/') },
    { label: $t('navigation.support'), to: localePath('/support') },
@ -40,6 +59,23 @@

  const { data: questions, pending, error } = await useQuestionList();

+  const questionTypeOptions = computed(() => {
+    const types: QuestionTypeView[] = [];
+    questions.value.forEach((q: QuestionListView) => {
+      if (!types.some((t) => t.id === q.type.id)) {
+        if (q.type.id === '-1') {
+          types.push({
+            id: '-1',
+            name: $t('product-filter.misc'),
+          });
+        } else {
+          types.push(q.type);
+        }
+      }
+    });
+    return types;
+  });
+
  const productTypeOptions = computed(() => {
    const types: QuestionListProductType[] = [];
    questions.value.forEach((q: QuestionListView) => {
@ -54,12 +90,12 @@
  });

  const productOptions = computed(() => {
-    if (!filters.selectedType) return [];
+    if (!filters.selectedProductType) return [];
    const products: QuestionListProduct[] = [];
    questions.value.forEach((q: QuestionListView) => {
      q.products.forEach((product: QuestionListProduct) => {
        if (
-          product.type.id === filters.selectedType &&
+          product.type.id === filters.selectedProductType &&
          !products.some((p) => p.id === product.id)
        ) {
          products.push(product);
@ -81,19 +117,51 @@
            (product: QuestionListProduct) =>
              product.id === filters.selectedProduct
          )
-        : filters.selectedType
+        : filters.selectedProductType
          ? question.products?.some(
              (product: QuestionListProduct) =>
-                product.type.id === filters.selectedType
+                product.type.id === filters.selectedProductType
            )
          : true;

-      return matchProduct;
+      const matchQuestionType = filters.selectedQuestionType
+        ? question.type.id === filters.selectedQuestionType
+        : true;
+
+      return matchProduct && matchQuestionType;
    });
  });

+  const paginatedQuestions = computed(() => {
+    const start = (page.value - 1) * questionsPerPage;
+    const end = page.value * questionsPerPage;
+    return filteredQuestions.value.slice(start, end);
+  });
+
  watch(
-    () => filters.selectedType,
+    focusQuestionId,
+    async (focusId) => {
+      if (!focusId) return;
+      if (!import.meta.client) return;
+
+      await nextTick();
+
+      const question = filteredQuestions.value.find((q) => q.id === focusId);
+      if (!question) return;
+
+      const targetIndex = filteredQuestions.value.indexOf(question);
+      const targetPage = Math.floor(targetIndex / questionsPerPage) + 1;
+      onMounted(() => {
+        if (page.value !== targetPage) {
+          page.value = targetPage;
+        }
+      });
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => filters.selectedProductType,
    () => {
      filters.selectedProduct = null;
    }
@ -136,4 +204,34 @@
  .page-content {
    padding: 1rem 2rem 2rem;
  }
+  .pagination-container {
+    margin-top: 2rem;
+  }
+
+  :deep(.el-pagination) {
+    .btn-prev,
+    .btn-next {
+      .el-icon {
+        font-size: 24px;
+      }
+    }
+
+    .el-pager {
+      gap: 0.5rem;
+    }
+    .el-pager li {
+      font-size: 1rem;
+      /* border: 1px solid #409eff; */
+      border-radius: 50%;
+
+      &:hover {
+        background-color: #ecf5ff;
+      }
+
+      &.is-active {
+        background-color: var(--el-color-primary);
+        color: #fff;
+      }
+    }
+  }
 </style>
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@ -10,6 +10,7 @@
    "result-count": "{count} results",
    "no-results": "No results found for \"{query}\".",
    "no-query": "Enter a keyword to start searching.",
+    "section": "Section",
    "untitled": "Untitled",
    "sections": {
      "product": "Products",
@ -22,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",
@ -62,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.",
@ -78,7 +81,12 @@
    "keyword": "Keyword",
    "select-product-type": "Select product type",
    "select-product-model": "Select product model",
-    "enter-keyword": "Enter keyword"
+    "enter-keyword": "Enter keyword",
+    "question-type": "Question Type",
+    "select-question-type": "Select question type",
+    "document-type": "Document Type",
+    "select-document-type": "Select document type",
+    "misc": "Misc"
  },
  "document-meta": {
    "size": "Size",
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@ -0,0 +1,130 @@
+{
+  "back": "Volver",
+  "not-found": "Página no encontrada",
+  "search-placeholder": "Buscar...",
+  "search": {
+    "title": "Búsqueda en el sitio",
+    "head-title": "Búsqueda",
+    "search-button": "Buscar",
+    "results-for": "Resultados de la búsqueda para \"{query}\"",
+    "result-count": "{count} resultados",
+    "no-results": "No se encontraron coincidencias para \"{query}\".",
+    "no-query": "Ingrese una palabra clave para comenzar a buscar.",
+    "section": "sección",
+    "untitled": "sin título",
+    "sections": {
+      "product": "Productos",
+      "solution": "Soluciones",
+      "faq": "FAQ",
+      "document": "Documentaciones",
+      "default": "Otros contenidos"
+    }
+  },
+  "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 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",
+  "navigation": {
+    "home": "Inicio",
+    "products": "Productos",
+    "solutions": "Soluciones",
+    "support": "Soporte",
+    "about-us": "Sobre nosotros",
+    "contact-info": "Información de contacto",
+    "downloads": "Descargas",
+    "faq": "FAQ",
+    "documents": "Documentaciones",
+    "calculator": "Herramienta de cálculo de tubos de papel",
+    "address": "Dirección de la empresa"
+  },
+  "contact-info": "Contáctenos",
+  "telephone": "Teléfono",
+  "email": "Correo electrónico",
+  "address": "Dirección",
+  "company-address": "No. 689 Qiushi Road, Wutong Industrial Zone, Tongxiang City, Zhejiang Province, China",
+  "follow-us": "Síguenos",
+  "all-rights-reserved": "All rights reserved",
+  "privacy-policy": "Política de privacidad",
+  "terms-of-service": "Términos del servicio",
+  "sitemap": "Mapa del sitio",
+  "product-details": "Detalles del producto",
+  "product-not-found": "Producto no encontrado",
+  "product-not-found-desc": "Lo sentimos, el producto que busca no existe o ha sido eliminado.",
+  "back-to-products": "Volver a la lista de productos",
+  "solution-not-found": "Solución no encontrada",
+  "solution-not-found-desc": "Lo sentimos, la solución que busca no existe o ha sido eliminada.",
+  "back-to-solutions": "Volver a la lista de soluciones",
+  "page-not-found": "Página no encontrada",
+  "page-not-found-desc": "Lo sentimos, la página que busca no existe o ha sido eliminada.",
+  "back-to-home": "Volver al inicio",
+  "no-content-available": "No hay información disponible",
+  "loading": "Cargando...",
+  "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.",
+  "support-card-desc": {
+    "faq": "Hemos compilado respuestas a preguntas frecuentes para ayudarle a resolver dudas rápidamente.",
+    "documents": "Proporcionamos manuales de productos, especificaciones técnicas y otros documentos para la comodidad del usuario.",
+    "contact-info": "Contáctenos por teléfono o correo electrónico, y le brindaremos servicio presencial."
+  },
+  "product-filter": {
+    "product-type": "Tipo de producto",
+    "product-model": "Modelo del producto",
+    "keyword": "Palabra clave",
+    "select-product-type": "Seleccione el tipo de producto",
+    "select-product-model": "Seleccione modelo de producto",
+    "enter-keyword": "Ingrese palabra clave",
+    "misc": "Varios",
+    "document-type": "Tipo de documento",
+    "select-document-type": "Seleccionar tipo de documento",
+    "question-type": "Tipo de pregunta",
+    "select-question-type": "Seleccionar tipo de pregunta"
+  },
+  "document-meta": {
+    "size": "Tamaño",
+    "format": "Formato",
+    "type": "Tipo",
+    "upload-at": "Fecha de carga"
+  },
+  "document-action": {
+    "download": "Descargar",
+    "open-in-new-tab": "Abrir en una nueva pestaña",
+    "preview": "Vista previa"
+  },
+  "mobile-menu": {
+    "title": "Menú",
+    "navigation": "Navegación del sitio",
+    "utilities": "Herramientas útiles"
+  },
+  "homepage": {
+    "recommended-products": "Productos recomendados",
+    "recommended-products-desc": "Explore nuestros productos seleccionados para satisfacer sus diversas necesidades. Ya sea tecnología innovadora o diseño clásico, ofrecemos opciones de calidad para usted.",
+    "recommended-solutions": "Soluciones recomendadas",
+    "recommended-solutions-desc": "Aprenda sobre nuestras soluciones personalizadas, que le ayudarán a optimizar sus procesos de negocio y mejorar la eficiencia."
+  },
+  "page-title": {
+    "homepage": "Página principal",
+    "products": "Productos",
+    "solutions": "Soluciones",
+    "support": "Soporte",
+    "faq": "FAQ",
+    "documents": "Documentos",
+    "contact-us": "Contáctenos",
+    "download": "Descarga de documentos",
+    "preview": "Vista previa de documentos",
+    "about-us": "Sobre nosotros"
+  },
+  "product-tab": {
+    "details": "Detalles",
+    "specs": "Especificaciones",
+    "faq": "FAQ",
+    "documents": "Documentos"
+  }
+}
--- a/i18n/locales/ru.json
+++ b/i18n/locales/ru.json
@ -0,0 +1,130 @@
+{
+  "back": "Назад",
+  "not-found": "Страница не найдена",
+  "search-placeholder": "Поиск...",
+  "search": {
+    "title": "Поиск на сайте",
+    "head-title": "Поиск",
+    "search-button": "Поиск",
+    "results-for": "Результаты поиска для \"{query}\"",
+    "result-count": "Всего {count} результатов",
+    "no-results": "Ничего не найдено по запросу \"{query}\".",
+    "no-query": "Введите ключевые слова для начала поиска.",
+    "section": "раздел",
+    "untitled": "Без названия",
+    "sections": {
+      "product": "Продукты",
+      "solution": "Решения",
+      "faq": "Часто задаваемые вопросы",
+      "document": "Документация",
+      "default": "Другие материалы"
+    }
+  },
+  "company-name": "Jinshen Machinary Manufacturing Co., Ltd.",
+  "company-description": "Профессионально производим оборудование для бумажных трубок и канистр, услуги по проектированию, производству, продаже и сервисному обслуживанию.",
+  "learn-more": "Узнать больше",
+  "products-desc": "Мы предоставляем новейшие продукты и мгновенную сервисную поддержку для удовлетворения различных бизнес-потребностей наших клиентов.",
+  "solutions-desc": "Мы предлагаем разнообразные технические решения для предприятий, поддерживая различные области, такие как промышленность и упаковка.",
+  "support-desc": "Профессиональная техническая поддержка 24/7, обеспечивающая стабильную работу вашего бизнеса.",
+  "quick-links": "Быстрые ссылки",
+  "utilities": "Полезные инструменты",
+  "navigation": {
+    "home": "Главная",
+    "products": "Центр продуктов",
+    "solutions": "Решения",
+    "support": "Поддержка",
+    "about-us": "О нас",
+    "contact-info": "Контактная информация",
+    "downloads": "Файлы для скачивания",
+    "faq": "Часто задаваемые вопросы",
+    "documents": "Документация",
+    "calculator": "Калькулятор бумажных трубок",
+    "address": "Адрес компании"
+  },
+  "contact-info": "Свяжитесь с нами",
+  "telephone": "Телефон",
+  "email": "Электронная почта",
+  "address": "Адрес",
+  "company-address": "No. 689 Qiushi Road, Wutong Industrial Zone, Tongxiang City, Zhejiang Province, China",
+  "follow-us": "Следуйте за нами",
+  "all-rights-reserved": "All rights reserved",
+  "privacy-policy": "Политика конфиденциальности",
+  "terms-of-service": "Условия обслуживания",
+  "sitemap": "Карта сайта",
+  "product-details": "Детали продукта",
+  "product-not-found": "Продукт не найден",
+  "product-not-found-desc": "Извините, продукт, который вы ищете, не существует или был удален.",
+  "back-to-products": "Вернуться к списку продуктов",
+  "solution-not-found": "Решение не найдено",
+  "solution-not-found-desc": "Извините, решение, которое вы ищете, не существует или было удалено.",
+  "back-to-solutions": "Вернуться к списку решений",
+  "page-not-found": "Страница не найдена",
+  "page-not-found-desc": "Извините, страница, которую вы ищете, не существует или была удалена.",
+  "back-to-home": "Вернуться на главную",
+  "no-content-available": "Нет доступной информации",
+  "loading": "Загрузка...",
+  "our-products": "Наши последние продукты",
+  "find-discontinued-products": "Чтобы найти другие продукты, используйте функцию поиска.",
+  "product-discontinued-warning": "Этот продукт снят с производства и может больше не получать мгновенную поддержку или обновления",
+  "learn-our-solutions": "Узнайте о наших решениях",
+  "all": "Все",
+  "support-page-desc": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd Стремится предоставлять клиентам высококачественные продукты и услуги. Мы предлагаем послепродажное обслуживание для таких продуктов, как машины для бумажных трубок и соломинок, обеспечивая уверенность клиентов в использовании нашей продукции.",
+  "support-card-desc": {
+    "faq": "Мы собрали ответы на часто задаваемые вопросы, чтобы помочь вам быстро решить свои проблемы.",
+    "documents": "Предоставляем документацию, такую как руководства по продуктам, технические спецификации, для удобства пользователей.",
+    "contact-info": "Свяжитесь с нами по телефону или электронной почте, и мы оперативно вам поможем."
+  },
+  "product-filter": {
+    "product-type": "Тип продукта",
+    "product-model": "Модель продукта",
+    "keyword": "Ключевое слово",
+    "select-product-type": "Выберите тип продукта",
+    "select-product-model": "Выберите модель продукта",
+    "enter-keyword": "Введите ключевое слово",
+    "misc": "разное",
+    "document-type": "Тип документа",
+    "question-type": "Тип вопроса",
+    "select-document-type": "Выберите тип документа",
+    "select-question-type": "Выберите тип вопроса"
+  },
+  "document-meta": {
+    "size": "Размер",
+    "format": "Формат",
+    "type": "Тип",
+    "upload-at": "Дата загрузки"
+  },
+  "document-action": {
+    "download": "Скачать",
+    "open-in-new-tab": "Открыть в новой вкладке",
+    "preview": "Предварительный просмотр"
+  },
+  "mobile-menu": {
+    "title": "Меню",
+    "navigation": "Навигация по сайту",
+    "utilities": "Полезные инструменты"
+  },
+  "homepage": {
+    "recommended-products": "Рекомендуемые продукты",
+    "recommended-products-desc": "Исследуйте наши тщательно отобранные продукты, которые удовлетворят все ваши потребности. Мы предлагаем как инновационные технологии, так и классические решения.",
+    "recommended-solutions": "Рекомендуемые решения",
+    "recommended-solutions-desc": "Узнайте о наших индивидуальных решениях, чтобы оптимизировать бизнес-процессы и повысить эффективность."
+  },
+  "page-title": {
+    "homepage": "Главная",
+    "products": "Центр продуктов",
+    "solutions": "Решения",
+    "support": "Поддержка",
+    "faq": "Часто задаваемые вопросы",
+    "documents": "Документация",
+    "contact-us": "Свяжитесь с нами",
+    "download": "Скачать докумен",
+    "preview": "Просмотр документа",
+    "about-us": "О нас"
+  },
+  "product-tab": {
+    "details": "Детали продукта",
+    "specs": "Технические спецификации",
+    "faq": "Часто задаваемые вопросы",
+    "documents": "Связанные документы"
+  }
+}
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@ -10,6 +10,7 @@
    "result-count": "共 {count} 条结果",
    "no-results": "没有找到与 “{query}” 匹配的内容。",
    "no-query": "请输入关键字开始搜索。",
+    "section": "内容类型",
    "untitled": "未命名条目",
    "sections": {
      "product": "产品",
@ -22,8 +23,8 @@
  "company-name": "金申机械制造有限公司",
  "company-description": "专业生产一系列纸管、纸罐设备，集设计、制造、销售、服务于一体。",
  "learn-more": "了解更多",
-  "products-desc": "我们提供高质量的产品解决方案，满足各种业务需求。",
-  "solutions-desc": "为企业提供定制化的技术解决方案，助力数字化转型。",
+  "products-desc": "我们提供最新的产品与即时的服务支持，满足客户的各类业务需求。",
+  "solutions-desc": "我们为企业提供多样化的技术解决方案，在工业、包装等多种领域提供支持。",
  "support-desc": "7x24小时专业技术支持，确保您的业务稳定运行。",
  "quick-links": "快速链接",
  "utilities": "实用工具",
@ -62,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": "金申机械制造有限公司致力于为客户提供优质的产品与服务。针对纸管机、分纸机、纸吸管等产品，我们提供全方位的售后服务，确保客户能够安心地使用我们的产品。",
@ -77,7 +80,12 @@
    "keyword": "关键词",
    "select-product-type": "选择产品类型",
    "select-product-model": "选择产品系列",
-    "enter-keyword": "输入关键词"
+    "enter-keyword": "输入关键词",
+    "question-type": "问题类型",
+    "select-question-type": "选择问题类型",
+    "document-type": "文档类型",
+    "select-document-type": "选择文档类型",
+    "misc": "其他"
  },
  "document-meta": {
    "size": "大小",
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@ -122,6 +122,8 @@ export default defineNuxtConfig({
    locales: [
      { code: 'en', language: 'en-US', name: 'English', file: 'en.json' },
      { code: 'zh', language: 'zh-CN', name: '简体中文', file: 'zh.json' },
+      { code: 'es', language: 'es-ES', name: 'Español', file: 'es.json' },
+      { code: 'ru', language: 'ru-RU', name: 'Русский', file: 'ru.json' },
    ],
    defaultLocale: 'zh',
    strategy: 'prefix_except_default',
--- a/server/assets/graphql/documentList.graphql
+++ b/server/assets/graphql/documentList.graphql
@ -10,6 +10,13 @@ query GetDocumentList($locale: String!) {
      id
      title
    }
+    type {
+      id
+      translations(filter: { languages_code: { code: { _eq: $locale } } }) {
+        id
+        name
+      }
+    }
    products {
      id
      products_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/questionList.graphql
+++ b/server/assets/graphql/questionList.graphql
@ -1,6 +1,13 @@
 query GetQuestionList($locale: String!) {
  questions(filter: { status: { _eq: "published" } }) {
    id
+    type {
+      id
+      translations(filter: { languages_code: { code: { _eq: $locale } } }) {
+        id
+        name
+      }
+    }
    translations(filter: { languages_code: { code: { _eq: $locale } } }) {
      id
      title
--- a/server/mappers/documentMapper.test.ts
+++ b/server/mappers/documentMapper.test.ts
@ -1,60 +1,44 @@
 import { describe, test, expect } from 'vitest';
-import { toProductDocumentView, toDocumentListView } from './documentMapper';
+import { toDocumentListView, toDocumentTypeView } from './documentMapper';

 /**
- * 单元测试: toProductDocumentView
+ * 单元测试: toDocumentTypeView
 */
-describe('toProductDocumentView', () => {
-  const baseData: ProductDocument = {
+describe('toDocumentTypeView', () => {
+  const baseData: DocumentType = {
    id: 1,
-    file: {
-      id: 'rand-om__-uuid-1234',
-      filename_download: 'document.pdf',
-      filesize: 2048,
-    },
-    translations: [{ id: 10, title: 'Document Title' }],
+    translations: [{ id: 1, name: 'Type Name' }],
  };

-  test('convert raw data with fileMeta to ProductDocumentView correctly', () => {
-    const rawData: ProductDocument = { ...baseData };
-    expect(toProductDocumentView(rawData)).toEqual({
-      id: '1',
-      fileId: 'rand-om__-uuid-1234',
-      filename: 'document.pdf',
-      title: 'Document Title',
-      url: '/api/assets/rand-om__-uuid-1234',
-      size: 2048,
-    });
-  });
-
-  test('convert raw data with fileId', () => {
-    const rawData: ProductDocument = {
+  test('convert raw data to DocumentTypeView correctly', () => {
+    const rawData: DocumentType = {
      ...baseData,
-      file: 'rand-om__-uuid-1234',
    };

-    expect(toProductDocumentView(rawData)).toEqual({
+    expect(toDocumentTypeView(rawData)).toEqual({
      id: '1',
-      fileId: '',
-      filename: '',
-      title: 'Document Title',
-      url: '/api/assets/',
-      size: 0,
+      name: 'Type Name',
    });
  });

  test('convert raw data with missing translations', () => {
-    const rawData: ProductDocument = {
+    const rawData: DocumentType = {
      ...baseData,
      translations: [],
    };
-    expect(toProductDocumentView(rawData)).toEqual({
+
+    expect(toDocumentTypeView(rawData)).toEqual({
      id: '1',
-      fileId: 'rand-om__-uuid-1234',
-      filename: 'document.pdf',
-      title: '',
-      url: '/api/assets/rand-om__-uuid-1234',
-      size: 2048,
+      name: '',
+    });
+  });
+
+  test('convert null input to default DocumentTypeView', () => {
+    const rawData: DocumentType | null = null;
+
+    expect(toDocumentTypeView(rawData)).toEqual({
+      id: '-1',
+      name: '',
    });
  });
 });
@ -65,6 +49,15 @@ describe('toProductDocumentView', () => {
 describe('toDocumentListView', () => {
  const baseData: ProductDocument = {
    id: 1,
+    type: {
+      id: 1,
+      translations: [
+        {
+          id: 1,
+          name: 'Type A',
+        },
+      ],
+    },
    file: {
      id: 'rand-om__-uuid-1234',
      filename_download: 'document.pdf',
@ -94,6 +87,10 @@ describe('toDocumentListView', () => {
      title: 'Document Title',
      url: '/api/assets/rand-om__-uuid-1234',
      size: 2048,
+      type: {
+        id: '1',
+        name: 'Type A',
+      },
      products: [
        {
          id: '1',
--- a/server/mappers/documentMapper.ts
+++ b/server/mappers/documentMapper.ts
@ -1,30 +1,28 @@
 import { isObject } from '../../server/utils/object';

 /**
- * 将 Directus 返回的 Document 数据转换为 ProductDocumentView 视图模型
+ * 将 Directus 返回的 DocumentType 数据转换为 DocumentTypeView 视图模型
 *
- * @param raw: 原始的 Document 数据
- * @returns 转换后的 ProductDocumentView 对象
+ * @param raw: 原始的 DocumentType 数据
+ * @returns 转换后的 DocumentTypeView 对象
 *
 * @example
- * const view = toProductDocumentView(rawDocument);
+ * const view = toDocumentTypeView(rawDocumentType);
 */
-export function toProductDocumentView(
-  raw: ProductDocument
-): ProductDocumentView {
+export function toDocumentTypeView(
+  raw: DocumentType | string | null
+): DocumentTypeView {
+  if (typeof raw === 'string' || raw === null) {
+    return {
+      id: '-1',
+      name: '',
+    } satisfies DocumentTypeView;
+  }
  const trans = raw.translations?.[0];
-  const file = isObject<DirectusFile>(raw.file) ? raw.file : undefined;
-  const fileId = file?.id ?? '';
-
-  const url = `/api/assets/${fileId}`;

  return {
    id: raw.id.toString(),
-    fileId: fileId,
-    filename: file?.filename_download ?? '',
-    title: trans?.title ?? '',
-    url: url,
-    size: file?.filesize ?? 0,
+    name: trans?.name ?? '',
  };
 }

@ -40,6 +38,8 @@ export function toProductDocumentView(
 export function toDocumentListView(raw: ProductDocument): DocumentListView {
  const trans = raw.translations?.[0];

+  const type = toDocumentTypeView(raw.type ?? null);
+
  const file = isObject<DirectusFile>(raw.file) ? raw.file : undefined;
  const fileId = file?.id ?? '';

@ -73,6 +73,7 @@ export function toDocumentListView(raw: ProductDocument): DocumentListView {
    title: trans?.title ?? '',
    url: url,
    size: file?.filesize ?? 0,
+    type: type,
    products: related_products,
  };
 }
--- a/server/mappers/productListMapper.test.ts
+++ b/server/mappers/productListMapper.test.ts
@ -0,0 +1,125 @@
+import { describe, expect, test } from 'vitest';
+import { toProductTypeView, toProductListView } from './productListMapper';
+
+/**
+ * 单元测试: toProductTypeView
+ */
+describe('toProductTypeView', () => {
+  const baseData: ProductType = {
+    id: 1,
+    translations: [
+      {
+        id: 1,
+        name: 'Type Name',
+      },
+    ],
+    sort: 5,
+  };
+
+  test('convert raw data to ProductTypeView correctly', () => {
+    const rawData: ProductType = { ...baseData };
+
+    expect(toProductTypeView(rawData)).toEqual({
+      id: '1',
+      name: 'Type Name',
+      sort: 5,
+    });
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: ProductType = {
+      ...baseData,
+      translations: [],
+    };
+
+    expect(toProductTypeView(rawData)).toEqual({
+      id: '1',
+      name: '',
+      sort: 5,
+    });
+  });
+
+  test('convert raw data with missing sort', () => {
+    const rawData: ProductType = {
+      ...baseData,
+      sort: undefined,
+    };
+
+    expect(toProductTypeView(rawData)).toEqual({
+      id: '1',
+      name: 'Type Name',
+      sort: 999,
+    });
+  });
+
+  test('convert null input to default value', () => {
+    const rawData: ProductType | string | null = null;
+
+    expect(toProductTypeView(rawData)).toEqual({
+      id: '-1',
+      name: '',
+      sort: 999,
+    });
+  });
+});
+
+/**
+ * 单元测试: toProductListView
+ */
+describe('toProductListView', () => {
+  test('convert raw data to ProductListView correctly', () => {
+    const rawData: Product = {
+      id: 1,
+      translations: [
+        { id: 10, name: 'Product Name', summary: 'Product Summary' },
+      ],
+      cover: {
+        id: 'cover-file-uuid-1234',
+      },
+      product_type: {
+        id: 1,
+        translations: [{ id: 20, name: 'Type Name' }],
+        sort: 1,
+      },
+    };
+
+    expect(toProductListView(rawData)).toEqual({
+      id: '1',
+      name: 'Product Name',
+      summary: 'Product Summary',
+      cover: 'cover-file-uuid-1234',
+      product_type: {
+        id: '1',
+        name: 'Type Name',
+        sort: 1,
+      },
+    });
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: Product = {
+      id: 1,
+      translations: [],
+      cover: {
+        id: 'cover-file-uuid-1234',
+      },
+      product_type: {
+        id: 20,
+        translations: [],
+        sort: 1,
+      },
+    };
+
+    expect(toProductListView(rawData)).toEqual({
+      id: '1',
+      name: '',
+      summary: '',
+      cover: 'cover-file-uuid-1234',
+      product_type: {
+        id: '20',
+        name: '',
+        sort: 1,
+      },
+    });
+  });
+});
--- a/server/mappers/productListMapper.ts
+++ b/server/mappers/productListMapper.ts
@ -0,0 +1,54 @@
+import { isObject } from '../../server/utils/object';
+
+/**
+ * 将Directus返回的ProductType数据转换为ProductTypeView视图模型
+ *
+ * @param raw: 原始的ProductType数据
+ * @returns 转换后的ProductTypeView对象
+ *
+ * @example
+ * const view = toProductTypeView(rawProductType);
+ */
+export function toProductTypeView(
+  raw: ProductType | string | null
+): ProductTypeView {
+  if (typeof raw === 'string' || raw === null) {
+    return {
+      id: '-1',
+      name: '',
+      sort: 999,
+    } satisfies ProductTypeView;
+  }
+  const trans = raw.translations?.[0] ?? { name: '' };
+
+  return {
+    id: raw.id.toString(),
+    name: trans.name,
+    sort: raw?.sort ?? 999,
+  } satisfies ProductTypeView;
+}
+
+/**
+ * 将 Directus返回的 Product 数据转换为 ProductListView 视图模型
+ *
+ * @param raw: 原始的 Product 数据
+ * @returns 转换后的 ProductListView 对象
+ *
+ * @example
+ * const view = toProductListView(rawProduct);
+ */
+export function toProductListView(raw: Product): ProductListView {
+  const trans = raw.translations?.[0];
+
+  const type = toProductTypeView(raw.product_type ?? null);
+
+  const cover = isObject<DirectusFile>(raw.cover) ? raw.cover.id : '';
+
+  return {
+    id: raw.id.toString(),
+    product_type: type,
+    name: trans?.name ?? '',
+    summary: trans?.summary ?? '',
+    cover: cover,
+  } satisfies ProductListView;
+}
--- a/server/mappers/productMapper.test.ts
+++ b/server/mappers/productMapper.test.ts
@ -1,69 +1,111 @@
 import { describe, test, expect } from 'vitest';
 import {
-  toProductListView,
+  toProductImageView,
  toProductSpecView,
  toProductSpecGroupView,
+  toProductQuestionView,
+  toProductDocumentView,
  toProductView,
 } from './productMapper';

 /**
- * 单元测试: toProductListView
+ * 单元测试: toProductImageView
 */
-describe('toProductListView', () => {
-  test('convert raw data to ProductListView correctly', () => {
-    const rawData: Product = {
+describe('toProductImageView', () => {
+  const baseData: Array<ProductsProductImage> = [
+    {
      id: 1,
-      translations: [
-        { id: 10, name: 'Product Name', summary: 'Product Summary' },
-      ],
-      cover: {
-        id: 'cover-file-uuid-1234',
-      },
-      product_type: {
+      product_images_id: {
        id: 1,
-        translations: [{ id: 20, name: 'Type Name' }],
-        sort: 1,
+        image: {
+          id: 'rand-om__-uuid-1234',
+        },
+        translations: [
+          {
+            id: 1,
+            caption: 'Image Caption',
+          },
+        ],
      },
-    };
+    },
+    {
+      id: 2,
+      product_images_id: {
+        id: 2,
+        image: {
+          id: 'rand-om__-uuid-5678',
+        },
+        translations: [
+          {
+            id: 2,
+            caption: 'Image Caption 2',
+          },
+        ],
+      },
+    },
+  ];

-    expect(toProductListView(rawData)).toEqual({
-      id: '1',
-      name: 'Product Name',
-      summary: 'Product Summary',
-      cover: 'cover-file-uuid-1234',
-      product_type: {
+  test('convert raw data to ProductImageView correctly', () => {
+    const rawData: Array<ProductsProductImage> = [...baseData];
+
+    expect(toProductImageView(rawData)).toEqual([
+      {
        id: '1',
-        name: 'Type Name',
-        sort: 1,
+        image: 'rand-om__-uuid-1234',
+        caption: 'Image Caption',
      },
-    });
+      {
+        id: '2',
+        image: 'rand-om__-uuid-5678',
+        caption: 'Image Caption 2',
+      },
+    ]);
  });

  test('convert raw data with missing translations', () => {
-    const rawData: Product = {
-      id: 1,
-      translations: [],
-      cover: {
-        id: 'cover-file-uuid-1234',
+    const rawData: Array<ProductsProductImage> = [
+      {
+        id: 1,
+        product_images_id: {
+          id: 1,
+          image: {
+            id: 'rand-om__-uuid-1234',
+          },
+          translations: [],
+        },
      },
-      product_type: {
-        id: 20,
-        translations: [],
-        sort: 1,
-      },
-    };
+    ];

-    expect(toProductListView(rawData)).toEqual({
-      id: '1',
-      name: '',
-      summary: '',
-      cover: 'cover-file-uuid-1234',
-      product_type: {
-        id: '20',
-        name: '',
-        sort: 1,
+    expect(toProductImageView(rawData)).toEqual([
+      {
+        id: '1',
+        image: 'rand-om__-uuid-1234',
+        caption: '',
      },
-    });
+    ]);
+  });
+
+  test('convert empty array to empty ProductImageView array', () => {
+    const rawData: Array<ProductsProductImage> = [];
+
+    expect(toProductImageView(rawData)).toEqual([]);
+  });
+
+  test('convert input with wrong type to default value', () => {
+    const rawData: string[] = ['1', '2'];
+
+    expect(toProductImageView(rawData)).toEqual([
+      {
+        id: '1',
+        image: '',
+        caption: '',
+      },
+      {
+        id: '2',
+        image: '',
+        caption: '',
+      },
+    ]);
  });
 });

@ -71,30 +113,78 @@ describe('toProductListView', () => {
 * 单元测试: toProductSpecView
 */
 describe('toProductSpecView', () => {
-  test('convert raw data to ProductSpecView correctly', () => {
-    const rawData: ProductSpec = {
+  const baseData: ProductSpec[] = [
+    {
      id: 1,
-      translations: [{ id: 1, key: 'Key', value: 'Value' }],
-    };
+      translations: [
+        {
+          id: 1,
+          key: 'key 1',
+          value: 'value 1',
+        },
+      ],
+    },
+    {
+      id: 2,
+      translations: [
+        {
+          id: 2,
+          key: 'key 2',
+          value: 'value 2',
+        },
+      ],
+    },
+  ];
+  test('convert raw data to ProductSpecView correctly', () => {
+    const rawData: ProductSpec[] = [...baseData];

-    expect(toProductSpecView(rawData)).toEqual({
-      id: '1',
-      key: 'Key',
-      value: 'Value',
-    });
+    expect(toProductSpecView(rawData)).toEqual([
+      {
+        id: '1',
+        key: 'key 1',
+        value: 'value 1',
+      },
+      {
+        id: '2',
+        key: 'key 2',
+        value: 'value 2',
+      },
+    ]);
  });

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

-    expect(toProductSpecView(rawData)).toEqual({
-      id: '1',
-      key: '',
-      value: '',
-    });
+    expect(toProductSpecView(rawData)).toEqual([
+      {
+        id: '1',
+        key: '',
+        value: '',
+      },
+    ]);
+  });
+
+  test('convert empty input to empty array', () => {
+    const rawData: ProductSpec[] = [];
+
+    expect(toProductSpecView(rawData)).toEqual([]);
+  });
+
+  test('convert input with wrong type to default value', () => {
+    const rawData: string[] = ['1', '2'];
+
+    expect(toProductSpecView(rawData)).toEqual([
+      {
+        id: '1',
+        key: '',
+        value: '',
+      },
+      {
+        id: '2',
+        key: '',
+        value: '',
+      },
+    ]);
  });
 });

@ -103,37 +193,262 @@ describe('toProductSpecView', () => {
 */
 describe('toProductSpecGroupView', () => {
  test('convert raw data to ProductSpecGroupView correctly', () => {
-    const rawData: ProductSpecGroup = {
-      id: 1,
-      translations: [{ id: 1, name: 'Group Name' }],
-      specs: [
-        { id: 1, translations: [{ id: 1, key: 'Key1', value: 'Value1' }] },
-        { id: 2, translations: [{ id: 2, key: 'Key2', value: 'Value2' }] },
-      ],
-    };
+    const rawData: ProductSpecGroup[] = [
+      {
+        id: 1,
+        translations: [{ id: 1, name: 'Group Name' }],
+        specs: [
+          { id: 1, translations: [{ id: 1, key: 'Key1', value: 'Value1' }] },
+          { id: 2, translations: [{ id: 2, key: 'Key2', value: 'Value2' }] },
+        ],
+      },
+    ];

-    expect(toProductSpecGroupView(rawData)).toEqual({
-      id: '1',
-      name: 'Group Name',
-      specs: [
-        { id: '1', key: 'Key1', value: 'Value1' },
-        { id: '2', key: 'Key2', value: 'Value2' },
-      ],
-    });
+    expect(toProductSpecGroupView(rawData)).toEqual([
+      {
+        id: '1',
+        name: 'Group Name',
+        specs: [
+          { id: '1', key: 'Key1', value: 'Value1' },
+          { id: '2', key: 'Key2', value: 'Value2' },
+        ],
+      },
+    ]);
  });

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

-    expect(toProductSpecGroupView(rawData)).toEqual({
-      id: '1',
-      name: '',
-      specs: [],
-    });
+    expect(toProductSpecGroupView(rawData)).toEqual([
+      {
+        id: '1',
+        name: '',
+        specs: [],
+      },
+    ]);
+  });
+
+  test('convert input with wrong type to default value', () => {
+    const rawData: string[] = ['1', '2'];
+
+    expect(toProductSpecGroupView(rawData)).toEqual([
+      {
+        id: '1',
+        name: '',
+        specs: [],
+      },
+      {
+        id: '2',
+        name: '',
+        specs: [],
+      },
+    ]);
+  });
+
+  test('convert empty ar ray to empty ProductSpecGroupView array', () => {
+    const rawData: ProductSpec[] = [];
+
+    expect(toProductSpecGroupView(rawData)).toEqual([]);
+  });
+});
+
+/**
+ * 单元测试: toProductQuestionView
+ */
+describe('toProductQuestionView', () => {
+  test('convert raw data to ProductQuestionView correctly', () => {
+    const rawData: ProductsQuestion[] = [
+      {
+        id: 1,
+        questions_id: {
+          id: 1,
+          translations: [
+            {
+              id: 1,
+              title: 'Question Title',
+              content: 'Question Content',
+            },
+          ],
+        },
+      },
+    ];
+
+    expect(toProductQuestionView(rawData)).toEqual([
+      {
+        id: '1',
+        title: 'Question Title',
+        content: 'Question Content',
+      },
+    ]);
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: ProductsQuestion[] = [
+      {
+        id: 1,
+        questions_id: {
+          id: 1,
+          translations: [],
+        },
+      },
+    ];
+
+    expect(toProductQuestionView(rawData)).toEqual([
+      {
+        id: '1',
+        title: '',
+        content: '',
+      },
+    ]);
+  });
+
+  test('convert empty array to empty ProductQuestionView array', () => {
+    const rawData: ProductsQuestion[] = [];
+
+    expect(toProductQuestionView(rawData)).toEqual([]);
+  });
+
+  test('convert input with wrong type to default value', () => {
+    const rawData: string[] = ['1', '2'];
+
+    expect(toProductQuestionView(rawData)).toEqual([
+      {
+        id: '1',
+        title: '',
+        content: '',
+      },
+      {
+        id: '2',
+        title: '',
+        content: '',
+      },
+    ]);
+  });
+});
+
+/**
+ * 单元测试: toProductDocumentView
+ */
+describe('toProductDocumentView', () => {
+  test('convert raw data to ProductDocumentView correctly', () => {
+    const rawData: ProductsProductDocument[] = [
+      {
+        id: 1,
+        product_documents_id: {
+          id: 1,
+          file: {
+            id: 'rand-om__-uuid-1234',
+            filesize: 1000,
+            filename_download: 'doc1.pdf',
+          },
+          type: {
+            id: 1,
+            translations: [
+              {
+                id: 1,
+                name: 'manual',
+              },
+            ],
+          },
+          translations: [
+            {
+              id: 1,
+              title: 'Document Title 1',
+            },
+          ],
+        },
+      },
+    ];
+
+    expect(toProductDocumentView(rawData)).toEqual([
+      {
+        id: '1',
+        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',
+      },
+    ]);
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: ProductsProductDocument[] = [
+      {
+        id: 1,
+        product_documents_id: {
+          id: 1,
+          file: {
+            id: 'rand-om__-uuid-1234',
+            filesize: 1000,
+            filename_download: 'doc1.pdf',
+          },
+          translations: [],
+        },
+      },
+    ];
+
+    expect(toProductDocumentView(rawData)).toEqual([
+      {
+        id: '1',
+        fileId: 'rand-om__-uuid-1234',
+        filename: 'doc1.pdf',
+        title: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
+        size: 1000,
+        url: '/api/assets/rand-om__-uuid-1234',
+      },
+    ]);
+  });
+
+  test('convert empty array to empty ProductDocumentView array', () => {
+    const rawData: ProductsProductDocument[] = [];
+
+    expect(toProductDocumentView(rawData)).toEqual([]);
+  });
+
+  test('convert input with wrong type to default value', () => {
+    const rawData: string[] = ['1', '2'];
+
+    expect(toProductDocumentView(rawData)).toEqual([
+      {
+        id: '1',
+        fileId: '',
+        filename: '',
+        title: '',
+        size: 0,
+        type: {
+          id: '-1',
+          name: '',
+        },
+        url: '',
+      },
+      {
+        id: '2',
+        fileId: '',
+        filename: '',
+        title: '',
+        size: 0,
+        type: {
+          id: '-1',
+          name: '',
+        },
+        url: '',
+      },
+    ]);
  });
 });

@ -141,25 +456,29 @@ describe('toProductSpecGroupView', () => {
 * 单元测试: toProductView
 */
 describe('toProductView', () => {
+  const baseData: Product = {
+    id: 1,
+    status: 'in-production',
+    translations: [
+      {
+        id: 1,
+        name: 'Product Name',
+        summary: 'Product Summary',
+        description: 'Product Description',
+      },
+    ],
+  };
  test('convert raw data to ProductView correctly', () => {
    const rawData: Product = {
-      id: 1,
-      translations: [
-        {
-          id: 1,
-          name: 'Product Name',
-          summary: 'Product Summary',
-          description: 'Product Description',
-        },
-      ],
+      ...baseData,
    };

    expect(toProductView(rawData)).toEqual({
      id: '1',
+      status: 'in-production',
      name: 'Product Name',
      summary: 'Product Summary',
      description: 'Product Description',
-      product_type: '',
      images: [],
      documents: [],
      faqs: [],
@ -169,16 +488,35 @@ 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: '',
-      product_type: '',
+      images: [],
+      documents: [],
+      faqs: [],
+      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: [],
--- a/server/mappers/productMapper.ts
+++ b/server/mappers/productMapper.ts
@ -1,55 +1,42 @@
-import { toProductQuestionView } from './questionMapper';
-import { toProductDocumentView } from './documentMapper';
 import { isObject } from '../../server/utils/object';
+import { toDocumentTypeView } from './documentMapper';

 /**
- * 将Directus返回的ProductType数据转换为ProductTypeView视图模型
+ * 将 Directus 返回的 ProductImage 数据转换为 ProductImageView 视图模型
 *
- * @param raw: 原始的ProductType数据
- * @returns 转换后的ProductTypeView对象
+ * @param raw: 原始的 ProductsProductImage 数据
+ * @returns 转换后的 ProductImageView 对象
 *
 * @example
- * const view = toProductTypeView(rawProductType);
+ * const view = toProductImageView(rawProductImage);
 */
-export function toProductTypeView(raw: ProductType): ProductTypeView {
-  const trans = raw.translations?.[0] ?? { name: '' };
+export function toProductImageView(
+  raw: (ProductsProductImage | string)[]
+): ProductImageView[] {
+  return (raw ?? []).map((item) => {
+    if (!isObject<ProductsProductImage>(item))
+      return {
+        id: item,
+        image: '',
+        caption: '',
+      } satisfies ProductImageView;

-  return {
-    id: raw.id.toString(),
-    name: trans.name,
-    sort: raw?.sort ?? 999,
-  };
-}
+    const image = item.product_images_id;
+    if (!isObject<ProductImage>(image))
+      return {
+        id: item.id.toString(),
+        image: '',
+        caption: '',
+      } satisfies ProductImageView;

-/**
- * 将 Directus返回的 Product 数据转换为 ProductListView 视图模型
- *
- * @param raw: 原始的 Product 数据
- * @returns 转换后的 ProductListView 对象
- *
- * @example
- * const view = toProductListView(rawProduct);
- */
-export function toProductListView(raw: Product): ProductListView {
-  const trans = raw.translations?.[0];
+    const trans = image.translations?.[0];

-  const type = isObject<ProductType>(raw.product_type)
-    ? toProductTypeView(raw.product_type)
-    : ({
-        id: '',
-        name: '',
-        sort: 999,
-      } satisfies ProductTypeView);
-
-  const cover = isObject<DirectusFile>(raw.cover) ? raw.cover.id : '';
-
-  return {
-    id: raw.id.toString(),
-    product_type: type,
-    name: trans?.name ?? '',
-    summary: trans?.summary ?? '',
-    cover: cover,
-  };
+    return {
+      id: item.id.toString(),
+      image: isObject<DirectusFile>(image.image) ? image.image.id : '',
+      caption: trans?.caption || '',
+    } satisfies ProductImageView;
+  });
 }

 /**
@ -62,19 +49,26 @@ export function toProductListView(raw: Product): ProductListView {
 * const view = toProductSpecGroupView(rawSpecGroup);
 */
 export function toProductSpecGroupView(
-  raw: ProductSpecGroup
-): ProductSpecGroupView {
-  const trans = raw.translations?.[0];
+  raw: (ProductSpecGroup | string)[]
+): ProductSpecGroupView[] {
+  return (raw ?? []).map((item) => {
+    if (!isObject<ProductSpecGroup>(item)) {
+      return {
+        id: item,
+        name: '',
+        specs: [],
+      } satisfies ProductSpecGroupView;
+    }
+    const trans = item.translations?.[0];

-  const specs = raw.specs ?? [];
+    const specs = toProductSpecView(item?.specs ?? []);

-  return {
-    id: raw.id.toString(),
-    name: trans?.name ?? '',
-    specs: specs
-      .filter(isObject<ProductSpec>)
-      .map((item) => toProductSpecView(item)),
-  };
+    return {
+      id: item.id.toString(),
+      name: trans?.name ?? '',
+      specs: specs,
+    } satisfies ProductSpecGroupView;
+  });
 }

 /**
@ -86,14 +80,131 @@ export function toProductSpecGroupView(
 * @example
 * const view = toProductSpecView(rawSpecGroup);
 */
-export function toProductSpecView(raw: ProductSpec): ProductSpecView {
-  const trans = raw.translations?.[0];
+export function toProductSpecView(
+  raw: (ProductSpec | string)[]
+): ProductSpecView[] {
+  return (raw ?? []).map((item) => {
+    if (!isObject<ProductSpec>(item)) {
+      return {
+        id: item,
+        key: '',
+        value: '',
+      } satisfies ProductSpecView;
+    }
+    const trans = item.translations?.[0];

-  return {
-    id: raw.id.toString(),
-    key: trans?.key ?? '',
-    value: trans?.value ?? '',
-  };
+    return {
+      id: item.id.toString(),
+      key: trans?.key ?? '',
+      value: trans?.value ?? '',
+    } satisfies ProductSpecView;
+  });
+}
+
+/**
+ * 将 Directus 返回的 ProductQuestion 数据转换为 ProductQuestionView 视图模型
+ *
+ * @param raw: 原始的ProductQuestion 数据
+ * @returns 转换后的 ProductQuestionView 对象
+ *
+ * @example
+ * const view = toProductQuestionView(rawQuestion);
+ */
+export function toProductQuestionView(
+  raw: (ProductsQuestion | string)[]
+): ProductQuestionView[] {
+  return (raw ?? []).map((item) => {
+    if (!isObject<ProductsQuestion>(item)) {
+      return {
+        id: item,
+        title: '',
+        content: '',
+      } satisfies ProductQuestionView;
+    }
+
+    const question = item.questions_id;
+    if (!isObject<Question>(question)) {
+      return {
+        id: item.id.toString(),
+        title: '',
+        content: '',
+      } satisfies ProductQuestionView;
+    }
+
+    const trans = question.translations?.[0];
+
+    return {
+      id: item.id.toString(),
+      title: trans?.title ?? '',
+      content: trans?.content ?? '',
+    } satisfies ProductQuestionView;
+  });
+}
+
+/**
+ * 将 Directus 返回的 ProductDocument 数据转换为 ProductDocumentView 视图模型
+ *
+ * @param raw: 原始的ProductDocument 数据
+ * @returns 转换后的 ProductDocumentView 对象
+ *
+ * @example
+ * const view = toProductDocumentView(rawDocument);
+ */
+export function toProductDocumentView(
+  raw: (ProductsProductDocument | string)[]
+): ProductDocumentView[] {
+  return (raw ?? []).map((item) => {
+    if (!isObject<ProductsProductDocument>(item)) {
+      return {
+        id: item,
+        fileId: '',
+        filename: '',
+        size: 0,
+        title: '',
+        url: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
+      } satisfies ProductDocumentView;
+    }
+
+    const document = item.product_documents_id;
+    if (!isObject<ProductDocument>(document)) {
+      return {
+        id: item.id.toString(),
+        fileId: '',
+        filename: '',
+        size: 0,
+        title: '',
+        url: '',
+        type: {
+          id: '-1',
+          name: '',
+        },
+      } satisfies ProductDocumentView;
+    }
+
+    const file = isObject<DirectusFile>(document.file)
+      ? document.file
+      : undefined;
+
+    const url = file ? `/api/assets/${file.id}` : '';
+
+    const trans = document.translations?.[0];
+
+    const typeView = toDocumentTypeView(document.type ?? null);
+
+    return {
+      id: item.id.toString(),
+      fileId: file?.id ?? '',
+      filename: file?.filename_download ?? '',
+      size: file?.filesize ?? 0,
+      title: trans?.title ?? '',
+      url: url,
+      type: typeView,
+    } satisfies ProductDocumentView;
+  });
 }

 /**
@ -108,42 +219,19 @@ export function toProductSpecView(raw: ProductSpec): ProductSpecView {
 export function toProductView(raw: Product): ProductView {
  const trans = raw.translations?.[0];

-  const images = (raw.images ?? [])
-    .filter(isObject<ProductsProductImage>)
-    .map((item) => item.product_images_id)
-    .filter(isObject<ProductImage>)
-    .map((item) => {
-      const image = isObject<DirectusFile>(item.image) ? item.image.id : '';
-      return {
-        id: item.id.toString(),
-        image: image,
-        caption: item.translations?.[0]?.caption || '',
-      };
-    });
+  const status = raw.status ?? 'discontinued';

-  const type = isObject<ProductType>(raw.product_type)
-    ? (raw.product_type.translations?.[0]?.name ?? '')
-    : '';
+  const images = toProductImageView(raw.images ?? []);

-  const specs = (raw.specs ?? [])
-    .filter(isObject<ProductSpecGroup>)
-    .map((item) => toProductSpecGroupView(item));
+  const specs = toProductSpecGroupView(raw.specs ?? []);

-  const faqs = (raw.faqs ?? [])
-    .filter(isObject<ProductsQuestion>)
-    .map((item) => item.questions_id)
-    .filter(isObject<Question>)
-    .map((item) => toProductQuestionView(item));
+  const faqs = toProductQuestionView(raw.faqs ?? []);

-  const documents = (raw.documents ?? [])
-    .filter(isObject<ProductsProductDocument>)
-    .map((item) => item.product_documents_id)
-    .filter(isObject<ProductDocument>)
-    .map((item) => toProductDocumentView(item));
+  const documents = toProductDocumentView(raw.documents ?? []);

  return {
    id: raw.id.toString(),
-    product_type: type,
+    status: status,
    name: trans?.name ?? '',
    summary: trans?.summary ?? '',
    images: images,
@ -151,5 +239,5 @@ export function toProductView(raw: Product): ProductView {
    specs: specs,
    faqs: faqs,
    documents: documents,
-  };
+  } satisfies ProductView;
 }
--- a/server/mappers/questionMapper.test.ts
+++ b/server/mappers/questionMapper.test.ts
@ -1,38 +1,44 @@
 import { describe, expect, test } from 'vitest';
-import { toProductQuestionView, toQuestionListView } from './questionMapper';
+import { toQuestionListView, toQuestionTypeView } from './questionMapper';

 /**
- * 单元测试: toProductQuestionView
+ * 单元测试: toQuestionTypeView
 */
-describe('toProductQuestionView', () => {
-  const baseData: Question = {
+describe('toQuestionTypeView', () => {
+  const baseData: QuestionType = {
    id: 1,
-    translations: [
-      { id: 1, title: 'Question Title', content: 'Question Answer' },
-    ],
+    translations: [{ id: 1, name: 'Type Name' }],
  };
-  test('convert raw data to ProductQuestionView correctly', () => {
-    const rawData: Question = {
+
+  test('convert raw data to QuestionTypeView correctly', () => {
+    const rawData: QuestionType = {
      ...baseData,
    };

-    expect(toProductQuestionView(rawData)).toEqual({
+    expect(toQuestionTypeView(rawData)).toEqual({
      id: '1',
-      title: 'Question Title',
-      content: 'Question Answer',
+      name: 'Type Name',
    });
  });

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

-    expect(toProductQuestionView(rawData)).toEqual({
+    expect(toQuestionTypeView(rawData)).toEqual({
      id: '1',
-      title: '',
-      content: '',
+      name: '',
+    });
+  });
+
+  test('convert null input to default QuestionTypeView', () => {
+    const rawData: QuestionType | null = null;
+
+    expect(toQuestionTypeView(rawData)).toEqual({
+      id: '-1',
+      name: '',
    });
  });
 });
@ -43,6 +49,10 @@ describe('toProductQuestionView', () => {
 describe('toQuestionListView', () => {
  const baseData: Question = {
    id: 1,
+    type: {
+      id: 1,
+      translations: [{ id: 1, name: 'Type Name' }],
+    },
    translations: [
      { id: 1, title: 'Question Title', content: 'Question Answer' },
    ],
@ -68,6 +78,10 @@ describe('toQuestionListView', () => {

    expect(toQuestionListView(rawData)).toEqual({
      id: '1',
+      type: {
+        id: '1',
+        name: 'Type Name',
+      },
      title: 'Question Title',
      content: 'Question Answer',
      products: [
@ -104,6 +118,10 @@ describe('toQuestionListView', () => {

    expect(toQuestionListView(rawData)).toEqual({
      id: '1',
+      type: {
+        id: '1',
+        name: 'Type Name',
+      },
      title: '',
      content: '',
      products: [
--- a/server/mappers/questionMapper.ts
+++ b/server/mappers/questionMapper.ts
@ -1,21 +1,28 @@
 import { isObject } from '../../server/utils/object';

 /**
- * 将 Directus 返回的 Question 数据转换为 ProductQuestionView 视图模型
+ * 将 Directus 返回的 QuestionType 类型转换为 QuestionTypeView 视图模型
 *
- * @param raw: 原始的 Question 数据
- * @returns 转换后的 ProductQuestionView 对象
+ * @param raw: 原始的 QuestionType 数据
+ * @returns 转换后的 QuestionTypeView 对象
 *
 * @example
- * const view = toProductQuestionView(rawQuestion);
+ * const view = toQuestionTypeView(rawQuestionType);
 */
-export function toProductQuestionView(raw: Question): ProductQuestionView {
+export function toQuestionTypeView(
+  raw: QuestionType | string | null
+): QuestionTypeView {
+  if (typeof raw === 'string' || raw === null) {
+    return {
+      id: '-1',
+      name: '',
+    } satisfies QuestionTypeView;
+  }
  const trans = raw.translations?.[0];

  return {
    id: raw.id.toString(),
-    title: trans?.title ?? '',
-    content: trans?.content ?? '',
+    name: trans?.name ?? '',
  };
 }

@ -31,6 +38,8 @@ export function toProductQuestionView(raw: Question): ProductQuestionView {
 export function toQuestionListView(raw: Question): QuestionListView {
  const trans = raw.translations?.[0];

+  const type = toQuestionTypeView(raw.type ?? null);
+
  const related_products: QuestionListProduct[] = (raw.products ?? [])
    .filter(isObject<ProductsQuestion>)
    .map((item) => item.products_id)
@ -57,6 +66,7 @@ export function toQuestionListView(raw: Question): QuestionListView {

  return {
    id: raw.id.toString(),
+    type: type,
    title: trans?.title ?? '',
    content: trans?.content ?? '',
    products: related_products,
--- a/server/mappers/solutionListMapper.test.ts
+++ b/server/mappers/solutionListMapper.test.ts
@ -0,0 +1,109 @@
+import { describe, test, expect } from 'vitest';
+import { toSolutionListView, toSolutionTypeView } from './solutionListMapper';
+
+/**
+ * 单元测试: toSolutionTypeView
+ */
+describe('toSolutionTypeView', () => {
+  const baseData: SolutionType = {
+    id: 1,
+    translations: [
+      {
+        id: 1,
+        name: 'Type Name',
+      },
+    ],
+    sort: 5,
+  };
+
+  test('convert raw data to SolutionTypeView correctly', () => {
+    const rawData: SolutionType = { ...baseData };
+
+    expect(toSolutionTypeView(rawData)).toEqual({
+      id: '1',
+      name: 'Type Name',
+      sort: 5,
+    });
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: SolutionType = { ...baseData, translations: [] };
+
+    expect(toSolutionTypeView(rawData)).toEqual({
+      id: '1',
+      name: '',
+      sort: 5,
+    });
+  });
+
+  test('convert raw data with missing sort', () => {
+    const rawData: SolutionType = { ...baseData, sort: undefined };
+
+    expect(toSolutionTypeView(rawData)).toEqual({
+      id: '1',
+      name: 'Type Name',
+      sort: 999,
+    });
+  });
+
+  test('convert null input to default value', () => {
+    const rawData: SolutionType | string | null = null;
+
+    expect(toSolutionTypeView(rawData)).toEqual({
+      id: '-1',
+      name: 'uncategory',
+      sort: 999,
+    });
+  });
+});
+
+/**
+ * 单元测试: toSolutionListView
+ */
+describe('toSolutionListView', () => {
+  const baseData: Solution = {
+    id: 1,
+    translations: [
+      { id: 1, title: 'Solution Title', summary: 'Solution Summary' },
+    ],
+    type: {
+      id: 1,
+      translations: [{ id: 1, name: 'Type Name' }],
+      sort: 1,
+    },
+  };
+  test('convert raw data to SolutionListView correctly', () => {
+    const rawData: Solution = { ...baseData };
+
+    expect(toSolutionListView(rawData)).toEqual({
+      id: '1',
+      title: 'Solution Title',
+      summary: 'Solution Summary',
+      solution_type: {
+        id: '1',
+        name: 'Type Name',
+        sort: 1,
+      },
+      cover: '',
+    });
+  });
+
+  test('convert raw data with missing translations', () => {
+    const rawData: Solution = {
+      ...baseData,
+      translations: [],
+    };
+
+    expect(toSolutionListView(rawData)).toEqual({
+      id: '1',
+      title: '',
+      summary: '',
+      solution_type: {
+        id: '1',
+        name: 'Type Name',
+        sort: 1,
+      },
+      cover: '',
+    });
+  });
+});
--- a/server/mappers/solutionListMapper.ts
+++ b/server/mappers/solutionListMapper.ts
@ -0,0 +1,58 @@
+import { isObject } from '../../server/utils/object';
+
+/**
+ * 将 Directus 返回的 SolutionType 数据转换为 SolutionTypeView 视图模型
+ *
+ * @param raw: 原始的 SolutionType 数据
+ * @returns 转换后的 SolutionTypeView 对象
+ *
+ * ---
+ *
+ *  @example
+ *  const view = toSolutionTypeView(rawSolutionType);
+ */
+export function toSolutionTypeView(
+  raw: SolutionType | string | null
+): SolutionTypeView {
+  if (typeof raw === 'string' || raw === null) {
+    return {
+      id: '-1',
+      name: 'uncategory',
+      sort: 999,
+    } satisfies SolutionTypeView;
+  }
+  const trans = raw?.translations?.[0];
+
+  return {
+    id: raw.id.toString(),
+    name: trans?.name ?? '',
+    sort: raw?.sort ?? 999,
+  };
+}
+
+/**
+ * 将 Directus 返回的 Solution 数据转换为 SolutionListView 视图模型
+ *
+ * @param raw: 原始的 Solution 数据
+ * @returns 转换后的 SolutionListView 对象
+ *
+ * ---
+ *
+ * @example
+ * const view = toSolutionListView(rawSolution);
+ */
+export function toSolutionListView(raw: Solution): SolutionListView {
+  const trans = raw.translations?.[0];
+
+  const type = toSolutionTypeView(raw.type ?? null);
+
+  const cover = isObject<DirectusFile>(raw.cover) ? (raw?.cover.id ?? '') : '';
+
+  return {
+    id: raw.id.toString(),
+    title: trans?.title ?? '',
+    summary: trans?.summary ?? '',
+    solution_type: type,
+    cover: cover,
+  };
+}
--- a/server/mappers/solutionMapper.test.ts
+++ b/server/mappers/solutionMapper.test.ts
@ -1,56 +1,5 @@
 import { describe, test, expect } from 'vitest';
-import { toSolutionListView, toSolutionView } from './solutionMapper';
-
-/**
- * 单元测试: toSolutionListView
- */
-describe('toSolutionListView', () => {
-  const baseData: Solution = {
-    id: 1,
-    translations: [
-      { id: 1, title: 'Solution Title', summary: 'Solution Summary' },
-    ],
-    type: {
-      id: 1,
-      translations: [{ id: 1, name: 'Type Name' }],
-      sort: 1,
-    },
-  };
-  test('convert raw data to SolutionListView correctly', () => {
-    const rawData: Solution = { ...baseData };
-
-    expect(toSolutionListView(rawData)).toEqual({
-      id: '1',
-      title: 'Solution Title',
-      summary: 'Solution Summary',
-      solution_type: {
-        id: '1',
-        name: 'Type Name',
-        sort: 1,
-      },
-      cover: '',
-    });
-  });
-
-  test('convert raw data with missing translations', () => {
-    const rawData: Solution = {
-      ...baseData,
-      translations: [],
-    };
-
-    expect(toSolutionListView(rawData)).toEqual({
-      id: '1',
-      title: '',
-      summary: '',
-      solution_type: {
-        id: '1',
-        name: 'Type Name',
-        sort: 1,
-      },
-      cover: '',
-    });
-  });
-});
+import { toSolutionView } from './solutionMapper';

 /**
 * 单元测试: toSolutionView
--- a/server/mappers/solutionMapper.ts
+++ b/server/mappers/solutionMapper.ts
@ -1,59 +1,3 @@
-import { isObject } from '../../server/utils/object';
-
-/**
- * 将 Directus 返回的 SolutionType 数据转换为 SolutionTypeView 视图模型
- *
- * @param raw: 原始的 SolutionType 数据
- * @returns 转换后的 SolutionTypeView 对象
- *
- * ---
- *
- *  @example
- *  const view = toSolutionTypeView(rawSolutionType);
- */
-export function toSolutionTypeView(raw: SolutionType): SolutionTypeView {
-  const trans = raw?.translations?.[0];
-
-  return {
-    id: raw.id.toString(),
-    name: trans?.name ?? '',
-    sort: raw?.sort ?? 999,
-  };
-}
-
-/**
- * 将 Directus 返回的 Solution 数据转换为 SolutionListView 视图模型
- *
- * @param raw: 原始的 Solution 数据
- * @returns 转换后的 SolutionListView 对象
- *
- * ---
- *
- * @example
- * const view = toSolutionListView(rawSolution);
- */
-export function toSolutionListView(raw: Solution): SolutionListView {
-  const trans = raw.translations?.[0];
-
-  const type = isObject<SolutionType>(raw.type)
-    ? toSolutionTypeView(raw.type)
-    : ({
-        id: '',
-        name: 'uncategory',
-        sort: 999,
-      } satisfies SolutionTypeView);
-
-  const cover = isObject<DirectusFile>(raw.cover) ? (raw?.cover.id ?? '') : '';
-
-  return {
-    id: raw.id.toString(),
-    title: trans?.title ?? '',
-    summary: trans?.summary ?? '',
-    solution_type: type,
-    cover: cover,
-  };
-}
-
 /**
 * 将 Directus 返回的 Solution 数据转换为 SolutionView 视图模型
 *
--- a/server/services/cms/productService.ts
+++ b/server/services/cms/productService.ts
@ -1,7 +1,5 @@
-import {
-  toProductView,
-  toProductListView,
-} from '~~/server/mappers/productMapper';
+import { toProductView } from '~~/server/mappers/productMapper';
+import { toProductListView } from '~~/server/mappers/productListMapper';

 export const productService = {
  async getProductList(locale: string) {
--- a/server/services/cms/solutionService.ts
+++ b/server/services/cms/solutionService.ts
@ -1,7 +1,5 @@
-import {
-  toSolutionView,
-  toSolutionListView,
-} from '~~/server/mappers/solutionMapper';
+import { toSolutionView } from '~~/server/mappers/solutionMapper';
+import { toSolutionListView } from '~~/server/mappers/solutionListMapper';

 export const solutionService = {
  async getSolutionList(locale: string) {
--- 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/directus/my-schema.ts
+++ b/shared/types/directus/my-schema.ts
@ -1,3 +1,19 @@
+export interface AiPrompt {
+  /** @primaryKey */
+  id: string;
+  sort?: number | null;
+  date_created?: string | null;
+  user_created?: DirectusUser | string | null;
+  date_updated?: string | null;
+  user_updated?: DirectusUser | string | null;
+  /** @required */
+  name: string;
+  status?: 'published' | 'draft' | 'archived' | null;
+  description?: string | null;
+  system_prompt?: string | null;
+  messages?: Array<{ role: 'user' | 'assistant'; text: string }> | null;
+}
+
 export interface CompanyProfile {
  /** @primaryKey */
  id: number;
@ -26,6 +42,20 @@ export interface ContactInfoTranslation {
  content?: string | null;
 }

+export interface DocumentType {
+  /** @primaryKey */
+  id: number;
+  translations?: DocumentTypesTranslation[] | null;
+}
+
+export interface DocumentTypesTranslation {
+  /** @primaryKey */
+  id: number;
+  document_types_id?: DocumentType | string | null;
+  languages_code?: Language | string | null;
+  name?: string | null;
+}
+
 export interface Homepage {
  /** @primaryKey */
  id: number;
@ -75,8 +105,9 @@ export interface ProductDocument {
  id: number;
  status?: 'published' | 'draft' | 'archived';
  file?: DirectusFile | string | null;
-  products?: ProductsProductDocument[] | string[];
+  type?: DocumentType | string | null;
  translations?: ProductDocumentsTranslation[] | null;
+  products?: ProductsProductDocument[] | string[];
 }

 export interface ProductDocumentsTranslation {
@ -209,10 +240,25 @@ export interface ProductsTranslation {
  description?: string | null;
 }

+export interface QuestionType {
+  /** @primaryKey */
+  id: number;
+  translations?: QuestionTypesTranslation[] | null;
+}
+
+export interface QuestionTypesTranslation {
+  /** @primaryKey */
+  id: number;
+  question_types_id?: QuestionType | string | null;
+  languages_code?: Language | string | null;
+  name?: string | null;
+}
+
 export interface Question {
  /** @primaryKey */
  id: number;
  status?: 'published' | 'draft' | 'archived';
+  type?: QuestionType | string | null;
  /** @description i18n字段 */
  translations?: QuestionsTranslation[] | null;
  products?: ProductsQuestion[] | string[];
@ -741,10 +787,13 @@ export interface DirectusExtension {
 }

 export interface Schema {
+  ai_prompts: AiPrompt[];
  company_profile: CompanyProfile;
  company_profile_translations: CompanyProfileTranslation[];
  contact_info: ContactInfo;
  contact_info_translations: ContactInfoTranslation[];
+  document_types: DocumentType[];
+  document_types_translations: DocumentTypesTranslation[];
  homepage: Homepage;
  homepage_files: HomepageFile[];
  languages: Language[];
@ -765,6 +814,8 @@ export interface Schema {
  products_product_images: ProductsProductImage[];
  products_questions: ProductsQuestion[];
  products_translations: ProductsTranslation[];
+  question_types: QuestionType[];
+  question_types_translations: QuestionTypesTranslation[];
  questions: Question[];
  questions_translations: QuestionsTranslation[];
  solution_types: SolutionType[];
@ -801,10 +852,13 @@ export interface Schema {
 }

 export enum CollectionNames {
+  ai_prompts = 'ai_prompts',
  company_profile = 'company_profile',
  company_profile_translations = 'company_profile_translations',
  contact_info = 'contact_info',
  contact_info_translations = 'contact_info_translations',
+  document_types = 'document_types',
+  document_types_translations = 'document_types_translations',
  homepage = 'homepage',
  homepage_files = 'homepage_files',
  languages = 'languages',
@ -825,6 +879,8 @@ export enum CollectionNames {
  products_product_images = 'products_product_images',
  products_questions = 'products_questions',
  products_translations = 'products_translations',
+  question_types = 'question_types',
+  question_types_translations = 'question_types_translations',
  questions = 'questions',
  questions_translations = 'questions_translations',
  solution_types = 'solution_types',
--- 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/document-list-view.ts
+++ b/shared/types/views/document-list-view.ts
@ -1,3 +1,14 @@
+/**
+ * 文档类型视图模型
+ * 用于在文档库中提供类型筛选功能
+ */
+export interface DocumentTypeView {
+  /** 唯一标识符 **/
+  id: string;
+  /** 类型名 **/
+  name: string;
+}
+
 /**
 * 文档关联产品类型模型
 * 用于在文档库中提供产品筛选功能
@ -40,6 +51,9 @@ export interface DocumentListView {
  /** 文档链接 **/
  url: string;

+  /** 文档类型 **/
+  type: DocumentTypeView;
+
  /** 相关产品 **/
  products: DocumentListProduct[];
 }
--- a/shared/types/views/index.ts
+++ b/shared/types/views/index.ts
@ -2,9 +2,6 @@ export * from './solution-view';
 export * from './solution-list-view';
 export * from './product-view';
 export * from './product-list-view';
-export * from './product-spec-group-view';
-export * from './product-document-view';
-export * from './product-question-view';
 export * from './document-list-view';
 export * from './question-list-view';
 export * from './company-profile-view';
--- a/shared/types/views/product-document-view.ts
+++ b/shared/types/views/product-document-view.ts
@ -1,23 +0,0 @@
-/**
- * 文档视图模型
- * 用于文档列表渲染的数据结构
- */
-export interface ProductDocumentView {
-  /** 唯一标识符 **/
-  id: string;
-
-  /** 文件UUID **/
-  fileId: string;
-
-  /** 文件名 **/
-  filename: string;
-
-  /** 文档标题 **/
-  title: string;
-
-  /** 文档大小 **/
-  size: number;
-
-  /** 文档链接 **/
-  url: string;
-}
--- a/shared/types/views/product-question-view.ts
+++ b/shared/types/views/product-question-view.ts
@ -1,14 +0,0 @@
-/**
- * 常见问题视图模型
- * 用于产品页常见问题渲染的数据结构
- */
-export interface ProductQuestionView {
-  /** 唯一标识符 **/
-  id: string;
-
-  /** 问题标题 **/
-  title: string;
-
-  /** 问题内容 **/
-  content: string;
-}
--- a/shared/types/views/product-spec-group-view.ts
+++ b/shared/types/views/product-spec-group-view.ts
@ -1,29 +0,0 @@
-/**
- * 产品规格模型
- * 用于产品规格渲染的数据结构
- */
-export interface ProductSpecView {
-  /** 唯一标识符 **/
-  id: string;
-
-  /** 规格名称 **/
-  key: string;
-
-  /** 规格值 **/
-  value: string;
-}
-
-/**
- * 产品规格表模型
- * 用于产品规格表渲染的数据结构
- */
-export interface ProductSpecGroupView {
-  /** 唯一标识符 **/
-  id: string;
-
-  /** 规格组名称 **/
-  name: string;
-
-  /** 规格组 **/
-  specs: ProductSpecView[];
-}
--- a/shared/types/views/product-view.ts
+++ b/shared/types/views/product-view.ts
@ -1,13 +1,90 @@
-import type { ProductSpecGroupView } from './product-spec-group-view';
-import type { ProductQuestionView } from './product-question-view';
-import type { ProductDocumentView } from './product-document-view';
+import type { DocumentTypeView } from './document-list-view';
+import type { Product } from '../directus/my-schema.ts';

-interface ImageView {
+type ProductStatus = Product['status'];
+
+/**
+ * 产品图片视图模型
+ * 用于产品详情页(/products/[slug])中的产品图片数据结构
+ */
+export interface ProductImageView {
  id: string;
  image: string;
  caption: string;
 }

+/**
+ * 产品规格模型
+ * 用于产品规格渲染的数据结构
+ */
+export interface ProductSpecView {
+  /** 唯一标识符 **/
+  id: string;
+
+  /** 规格名称 **/
+  key: string;
+
+  /** 规格值 **/
+  value: string;
+}
+
+/**
+ * 产品规格表模型
+ * 用于产品规格表渲染的数据结构
+ */
+export interface ProductSpecGroupView {
+  /** 唯一标识符 **/
+  id: string;
+
+  /** 规格组名称 **/
+  name: string;
+
+  /** 规格组 **/
+  specs: ProductSpecView[];
+}
+
+/**
+ * 常见问题视图模型
+ * 用于产品页常见问题渲染的数据结构
+ */
+export interface ProductQuestionView {
+  /** 唯一标识符 **/
+  id: string;
+
+  /** 问题标题 **/
+  title: string;
+
+  /** 问题内容 **/
+  content: string;
+}
+
+/**
+ * 文档视图模型
+ * 用于文档列表渲染的数据结构
+ */
+export interface ProductDocumentView {
+  /** 唯一标识符 **/
+  id: string;
+
+  /** 文件UUID **/
+  fileId: string;
+
+  /** 文件名 **/
+  filename: string;
+
+  /** 文档标题 **/
+  title: string;
+
+  /** 文档大小 **/
+  size: number;
+
+  /** 文档类型 **/
+  type: DocumentTypeView;
+
+  /** 文档链接 **/
+  url: string;
+}
+
 /**
 * 产品视图模型
 * 用于产品详情页(/products/[slug])渲染的数据结构
@ -16,17 +93,17 @@ export interface ProductView {
  /** 唯一标识符 **/
  id: string;

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

  /** 产品简介 **/
  summary: string;

-  /** 产品类型 **/
-  product_type: string;
-
  /** 产品图片 **/
-  images: ImageView[];
+  images: ProductImageView[];

  /** 产品详情 **/
  description: string;
--- a/shared/types/views/question-list-view.ts
+++ b/shared/types/views/question-list-view.ts
@ -7,6 +7,18 @@ export interface QuestionListProductType {
  name: string;
 }

+/**
+ * 问题类型
+ * 用于在常见问题列表中提供产品筛选功能
+ */
+export interface QuestionTypeView {
+  /** 唯一标识符 **/
+  id: string;
+
+  /** 类型名 **/
+  name: string;
+}
+
 /**
 * 问题关联产品模型
 * 用于在常见问题列表中提供产品筛选功能
@ -25,6 +37,9 @@ export interface QuestionListView {
  /** 唯一标识符 **/
  id: string;

+  /** 问题类型 **/
+  type: QuestionTypeView;
+
  /** 问题标题 **/
  title: 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	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
R2m1liA	246a0b9d4f	refactor(mapper): 为Server端的Mapper添加空值处理与类型控制逻辑 All checks were successful deploy to server / build-and-deploy (push) Successful in 2m53s Details - 空值处理与类型控制：为相关关系型字段的数据处理添加空值处理与类型控制 - 目录结构调整：分离Product/ProductList与Solution/SolutionList - 修复bug：修复产品页与解决方案页无法正常触发404逻辑的问题	2025-12-04 17:57:07 +08:00
R2m1liA	c3ac7c0985	fix: 修正产品/解决方案在归档后无法正常触发404 UI的问题 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m0s Details	2025-12-04 17:52:36 +08:00
R2m1liA	63c3e2e364	refactor: 重构解决方案相关Mapper - 空值处理与类型控制：为关系型字段添加空值处理与类型控制逻辑 - 目录结构调整：分离SolutionList与Solution相关的Mapper为不同的文件	2025-12-04 17:40:04 +08:00
R2m1liA	1245df497b	refactor: 重构产品相关Mapper - 空值处理与类型控制：为相关关系型字段的数据处理添加空值处理与类型控制 - 调整目录结构：将文件目录按照实际查询划分为Product和ProductList两个文件	2025-12-04 17:38:43 +08:00
R2m1liA	f081a3b33a	feat(support): 为文档库/相关问题页面添加类型筛选功能 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m1s Details - 功能添加：文档库/FAQ页添加类型筛选功能 - 类型同步：前端补全问题类型与文档类型的类型标注，与后端移至 - 查询变更：GraphQL查询增添文档/问题类型查询 - 组件分离：将原先文档库与FAQ页共用的ProductFilter分离为两个不同的组件：DocumentFilter与QuestionFilter - i18n文本补全：为新增的相关文本补全国际化翻译	2025-12-03 18:00:03 +08:00
R2m1liA	3c6bff4d31	chore: 删除无用组件 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m4s Details - 文档页与问题页的筛选器分离为两个不同的组件，原先product-filter删除	2025-12-03 17:58:26 +08:00
R2m1liA	5011448902	chore: 补全i18n文本 All checks were successful deploy to server / build-and-deploy (push) Successful in 2m55s Details - 补全俄语与西班牙语的i18n翻译	2025-12-03 17:53:18 +08:00
R2m1liA	53f3e99d90	feat: 文档库页面添加文档类型筛选功能 - 功能添加：添加按照文档类型筛选文档的功能 - 组件更改：将筛选器由product-filter改为document-filter	2025-12-03 17:47:57 +08:00
R2m1liA	815df40745	style: 删除无用class	2025-12-03 17:33:28 +08:00
R2m1liA	c27337a145	feat: 文档库查询添加文档类型字段 - graphQL查询修改：添加type字段查询 - 视图模型字段更新：添加DocumentTypeView视图模型并为DocumentList类型添加type字段 - mapper更新: 添加DocumentType的转换方法	2025-12-03 17:30:16 +08:00
R2m1liA	3fb721f278	test: 修改测试用例	2025-12-03 17:17:34 +08:00
R2m1liA	a4dc28fc97	feat: 问题列表添加问题类型筛选功能 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m4s Details - 功能添加：添加问题筛选功能 - 组件更改：将product-filter改为question-filter - 文本添加：i18n文本添加	2025-12-03 16:59:11 +08:00
R2m1liA	55a35b5498	chore: 调整字段名 - 将问题类型的类型名字段命名由type改为name	2025-12-03 16:56:57 +08:00
R2m1liA	f4ec82a150	feat: 相关问题查询添加问题类型查询 - 查询语句更改：添加type字段 - mapper增添：添加type字段的mapper - 视图模型更改：QuestionListView添加type字段	2025-12-03 15:53:20 +08:00
R2m1liA	c82fea48b8	chore: 类型同步 - 后端CMS为问题/文档添加类型字段，前端同步更改	2025-12-03 14:26:20 +08:00
R2m1liA	39a23fb382	feat: 计算器跳转链接修改 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m14s Details - 将纸管计算工具跳转链接修改为正式版本版本	2025-12-02 17:03:47 +08:00
R2m1liA	871b203a5e	feat: 调整计算器URL - 将计算器链接改为云服务器上的服务	2025-12-02 17:01:25 +08:00
R2m1liA	b746247ccc	feat(pagination): 问题库/文档库的分页功能实现 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m18s Details - 为文档库/问题库实现分页功能，当前按照一页10个栏目分页 - 问题跳转时确保能够正常触发分页逻辑与聚焦逻辑 - 调整部分graphQL改动导致的类型匹配问题	2025-12-02 15:31:25 +08:00
R2m1liA	97069815dc	feat: 常见问题页面分页逻辑 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m31s Details - el-pagination提供分页功能 - 从搜索页跳转到本路由时，自动跳转并聚焦指定问题	2025-12-02 15:29:06 +08:00
R2m1liA	5194c72695	feat: 文档库分页功能 - el-pagination提供分页功能	2025-12-02 14:49:26 +08:00
R2m1liA	dbe75ee080	fix: 调整变量类型 - 将id相关类型由number修改为string，符合graphQL规范	2025-12-02 14:33:10 +08:00
R2m1liA	4471851c62	fix: 补全缺失的i18n文本 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m15s Details - 搜索栏目与搜索卡片内部分文本补全	2025-11-24 14:23:13 +08:00
R2m1liA	15a75f965b	fix: 补全搜索页面缺失的翻译内容 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m13s Details - 栏目标题、搜索卡片类型翻译	2025-11-24 14:18:41 +08:00
R2m1liA	5a4cef52be	feat: 添加西班牙语与俄语适配 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m5s Details - 西班牙语与俄语i18n文本 - 对应语言切换选项	2025-11-21 16:53:03 +08:00
R2m1liA	30ffc7e557	feat: 添加机器翻译标注 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m1s Details	2025-11-21 16:51:49 +08:00
R2m1liA	c4b9ed7bae	feat: 补全i18n文本 Some checks failed deploy to server / build-and-deploy (push) Has been cancelled Details - 补全西班牙语与俄语文本	2025-11-21 16:50:05 +08:00
R2m1liA	fc6c922ac3	feat: 站点的语言切换选项添加西班牙语与俄语选项 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m18s Details - WIP: i18n文本尚未完善	2025-11-20 15:35:20 +08:00
R2m1liA	54389b32ac	fix: 修改地图开启逻辑 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m7s Details - 当单击公司地址时，先在新标签页开启locate路由，再异步定向到合适的地图服务商页面	2025-11-19 15:04:51 +08:00
R2m1liA	d8002a8265	fix: 修改地图开启逻辑 All checks were successful deploy to server / build-and-deploy (push) Successful in 3m4s Details - 当单击公司地址时，先在新标签页开启locate路由，再异步定向到合适的地图服务商页面	2025-11-19 15:03:59 +08:00