From 9b32ff930b9b433ce82584e3d64915ed846fdd05 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sat, 19 Jul 2025 17:15:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=90=88=E4=BD=9C=E4=BC=99=E4=BC=B4?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97):=20=E5=AE=9E=E7=8E=B0=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E5=90=88=E4=BD=9C=E4=BC=99=E4=BC=B4=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除静态数据，改为从API动态获取合作伙伴列表
- 添加加载状态显示
- 更新模板以匹配新的数据结构
---
 src/components/about/PartnersModule.vue | 66 ++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 35 deletions(-)

diff --git a/src/components/about/PartnersModule.vue b/src/components/about/PartnersModule.vue
index 4b876c5..0ff5437 100644
--- a/src/components/about/PartnersModule.vue
+++ b/src/components/about/PartnersModule.vue
@@ -1,40 +1,31 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { queryPartnerList, type PartnerItem } from '@/api';
 
 const { t } = useI18n();
 
 // 合作伙伴数据
-const partners = ref([
-  {
-    id: 1,
-    name: 'ABC区块链基金会',
-    description: '专注于区块链技术发展和应用推广的非营利组织，为MOSE提供技术支持和生态扩展。',
-    logo: '/LOGO.png',
-    url: 'https://example.com/partner1'
-  },
-  {
-    id: 2,
-    name: 'DEF科技集团',
-    description: '全球领先的科技集团，与MOSE共同推进区块链在企业级应用的落地和推广。',
-    logo: '/LOGO.png',
-    url: 'https://example.com/partner2'
-  },
-  {
-    id: 3,
-    name: 'GHI金融服务',
-    description: '创新型金融科技公司，与MOSE合作开发基于区块链的金融产品和服务。',
-    logo: '/LOGO.png',
-    url: 'https://example.com/partner3'
-  },
-  {
-    id: 4,
-    name: 'JKL研究院',
-    description: '专注于密码学和分布式系统研究的学术机构，为MOSE提供理论研究支持。',
-    logo: '/LOGO.png',
-    url: 'https://example.com/partner4'
+const partners = ref<PartnerItem[]>([]);
+const loading = ref(false);
+
+// 获取合作伙伴列表数据
+const fetchPartnerList = async () => {
+  try {
+    loading.value = true;
+    const data = await queryPartnerList();
+    partners.value = data;
+  } catch (error) {
+    console.error('获取合作伙伴列表数据失败:', error);
+  } finally {
+    loading.value = false;
   }
-]);
+};
+
+// 组件挂载时获取数据
+onMounted(() => {
+  fetchPartnerList();
+});
 </script>
 
 <template>
@@ -44,7 +35,12 @@ const partners = ref([
         {{ t('about.partners.title') }}
       </h2>
       
-      <div class="space-y-8">
+      <!-- 加载状态 -->
+      <div v-if="loading" class="flex justify-center py-10">
+        <div class="animate-spin rounded-full h-10 w-10 border-t-2 border-b-2 border-primary"></div>
+      </div>
+      
+      <div v-else class="space-y-8">
         <div
           v-for="(partner, index) in partners"
           :key="partner.id"
@@ -57,15 +53,15 @@ const partners = ref([
         >
           <!-- 合作伙伴Logo -->
           <div class="md:w-1/3 p-8 flex items-center justify-center bg-background-light">
-            <img :src="partner.logo" :alt="partner.name" class="max-w-full max-h-24 object-contain" />
+            <img :src="partner.image" :alt="partner.title" class="max-w-full max-h-24 object-contain" />
           </div>
           
           <!-- 合作伙伴信息 -->
           <div class="md:w-2/3 p-6">
-            <h3 class="text-xl font-bold text-text mb-3">{{ partner.name }}</h3>
-            <p class="text-text-secondary mb-4">{{ partner.description }}</p>
+            <h3 class="text-xl font-bold text-text mb-3">{{ partner.title }}</h3>
+            <p class="text-text-secondary mb-4" v-html="partner.description"></p>
             <a 
-              :href="partner.url" 
+              href="#" 
               target="_blank" 
               rel="noopener noreferrer" 
               class="inline-flex items-center text-primary-light hover:text-primary-dark transition-colors"