feat(componentMarket): 新增组件市场页面功能(未完成)

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';
@@ -13,3 +13,8 @@ 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 });
+}

src/api/interface/index.ts

@@ -264,3 +264,11 @@ export interface ReviewGroup {
   current?: number;
   size?: number;
 }
+
+export interface ComponentMarketParams {
+  componentClassify: string;
+  componentClassifyLabel: string;
+  keyword: string;
+  current?: string | number;
+  size?: string | number;
+}

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']}>