From 11af8b98d3e2e3c8c4521646b79ede95f3779f46 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Thu, 13 Nov 2025 13:24:51 +0800
Subject: [PATCH] =?UTF-8?q?feat(componentMarket):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B8=82=E5=9C=BA=E9=A1=B5=E9=9D=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD(=E6=9C=AA=E5=AE=8C=E6=88=90)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/componentMarket.ts          |  7 ++++++-
 src/api/interface/index.ts          |  8 ++++++++
 src/pages/componentMarket/index.tsx | 28 +++++++++++++++++++++++++++-
 3 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/api/componentMarket.ts b/src/api/componentMarket.ts
index f6a089c..fa1f988 100644
--- a/src/api/componentMarket.ts
+++ b/src/api/componentMarket.ts
@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { ReviewGroup } from '@/api/interface';
+import { ComponentMarketParams, ReviewGroup } from '@/api/interface';
 
 // 公共路径
 const urlPrefix = '/api/v1/bpms-workbench';
@@ -12,4 +12,9 @@ export function getReviewGroupByNew(params: ReviewGroup) {
 // 复制组件设计
 export function copyDesign(params) {
   return axios.post(`${urlPrefix}/componentBase/copyDesign`, params);
+}
+
+// 组件市场
+export function getComponentMarket(params: ComponentMarketParams) {
+  return axios.get(`${urlPrefix}/componentMarket/list`, { params });
 }
\ No newline at end of file
diff --git a/src/api/interface/index.ts b/src/api/interface/index.ts
index 82906ab..723cafa 100644
--- a/src/api/interface/index.ts
+++ b/src/api/interface/index.ts
@@ -263,4 +263,12 @@ export interface ReviewGroup {
   queryType: string;
   current?: number;
   size?: number;
+}
+
+export interface ComponentMarketParams {
+  componentClassify: string;
+  componentClassifyLabel: string;
+  keyword: string;
+  current?: string | number;
+  size?: string | number;
 }
\ No newline at end of file
diff --git a/src/pages/componentMarket/index.tsx b/src/pages/componentMarket/index.tsx
index 56fb747..6163a4a 100644
--- a/src/pages/componentMarket/index.tsx
+++ b/src/pages/componentMarket/index.tsx
@@ -1,14 +1,40 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import styles from './style/index.module.less';
 import CustomCard from '@/components/CustomCard/index';
 import CompCard from './compCard';
 import { menu } from './test/data';
 import { Tabs, Input, Select } from '@arco-design/web-react';
+import { getComponentMarket } from '@/api/componentMarket';
+import { getComponentClassify } from '@/api/componentClassify';
 
 const TabPane = Tabs.TabPane;
 const InputSearch = Input.Search;
 
 function ComponentMarket() {
+
+  const getMarketData = async () => {
+    const params = {
+      componentClassify: '',
+      componentClassifyLabel: '全部',
+      keyword: '',
+      current: 1,
+      size: 15
+    };
+    const res: any = await getComponentMarket(params);
+    console.log('res:', res);
+  };
+
+  const getMenuList = async () => {
+    const res: any = await getComponentClassify('component');
+    console.log('menu:', res);
+  };
+
+
+  useEffect(() => {
+    getMarketData();
+    getMenuList();
+  }, []);
+
   return (
     <>
       <div className={styles['comp-market-container']}>