feat: 接口对接完成

src/pages-sub/introduction/index.vue

@@ -8,16 +8,27 @@
 </route>
 
 <template>
-  <view class="pt-15 pb-50 min-h-screen">
-    <view class="text-center text-16 font-bold">国际钱包</view>
+  <view class="pt-15 pb-50 min-h-screen" v-if="introductionDetail">
+    <view class="text-center text-16 font-bold">{{ introductionDetail.name }}</view>
     <image
       class="w-345 h-170 rounded-10 mt-15 mx-auto block"
-      src="@/static/images/page-sub/introduction.png"
+      :src="introductionDetail.image"
       mode="aspectFill"
     />
-    <view class="text-gray-500 mx-16 text-14 mt-15">
-      国际钱包（集团）有限公司由具有160年历史的上海纺织集团和具有70年外贸历史的原东方国际集团联合重组而成，是一家拥有先进制造业与现代服务业，以时尚产业、健康产业和供应链服务为核心主业，以科技实业、产业地产、金融投资为支撑，构建“一体两翼三支撑”总体格局的大型综合性企业集团。名列中国企业500强第275位，上海企业100强第25位。
-      集团拥有总资产627亿元、员工5.8万人（海外员工占70%），2023年快报营业收入780亿元，进出口56.64亿美元（出口41.34亿美元、进口15.3亿美元）。集团在海外拥有96家业务机构，分布在五大洲27个国家和地区。所属企业389家，上市公司4家（东方创业、申达股份、龙头股份、香港联泰控股）。
+    <view class="text-gray-500 mx-16 text-14 mt-15 break-all">
+      {{ introductionDetail.content }}
     </view>
   </view>
 </template>
+
+<script setup lang="ts">
+import { getIntroductionAPI } from '@/service'
+
+const { list: introductionList } = useListPageRequest((params) =>
+  getIntroductionAPI({ type: 3, ...params }),
+)
+
+const introductionDetail = computed(() => {
+  return introductionList.value[0]
+})
+</script>