-
监控设置
-
设置监控报表的数据来源，设置完成之后即可获得详细的API调用统计图表。
-
配置监控信息
+
+
{$t('监控设置')}
+
{$t('设置监控报表的数据来源，设置完成之后即可获得详细的API调用统计图表。')}
+
{$t('配置监控信息')}
}
diff --git a/frontend/packages/market/src/const/serviceHub/type.ts b/frontend/packages/market/src/const/serviceHub/type.ts
index e3041f3b..6747e2ac 100644
--- a/frontend/packages/market/src/const/serviceHub/type.ts
+++ b/frontend/packages/market/src/const/serviceHub/type.ts
@@ -1,6 +1,5 @@
import { DefaultOptionType } from "antd/es/select"
-import { ApiDetail } from "@common/const/api-detail"
import { EntityItem } from "@common/const/type"
import { SubscribeEnum, SubscribeFromEnum } from "@core/const/system/const"
import WithPermission from "@common/components/aoplatform/WithPermission"
@@ -22,7 +21,7 @@ export type ServiceDetailType = {
name:string
description:string
basic:ServiceBasicInfoType
- apis:ApiDetail[]
+ apiDoc:string
applied:boolean
}
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubApiDocument.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubApiDocument.tsx
index 7ac2fef8..187f1788 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubApiDocument.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubApiDocument.tsx
@@ -1,50 +1,25 @@
import { useParams} from "react-router-dom";
import {RouterParams} from "@core/components/aoplatform/RenderRoutes.tsx";
-import {Anchor, Button, Collapse, Drawer, FloatButton, Input, Space} from "antd";
-import { useEffect, useMemo, useState} from "react";
-import ApiPreview from "@common/components/postcat/ApiPreview.tsx";
+import { Button, Drawer, Empty} from "antd";
+import { useEffect, useState} from "react";
import ApiTestGroup from "./ApiTestGroup.tsx";
-import {ApiDetail} from "@common/const/api-detail";
import {ServiceDetailType } from "../../const/serviceHub/type.ts";
-import ApiMatch from "@common/components/postcat/api/ApiPreview/components/ApiMatch/index.tsx";
-import ApiProxy from "@common/components/postcat/api/ApiPreview/components/ApiProxy/index.tsx";
import { $t } from "@common/locales/index.ts";
+import ApiDocument from "@common/components/aoplatform/ApiDocument.tsx";
const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
const {serviceId} = useParams
();
const [apiTestDrawOpen, setApiTestDrawOpen] = useState(false);
const [serviceName, setServiceName] = useState()
- const [apiDocs,setApiDocs ] = useState()
const [selectedTestApi,setSelectedTestApi] = useState()
- const [activeKey, setActiveKey] = useState([])
+ const [apiDocument, setApiDocument] = useState()
useEffect(()=>{
if(!service) return
setServiceName(service?.name)
- setApiDocs(service?.apis)
- setActiveKey(service?.apis.map((x)=>x.id))
+ setApiDocument(service.apiDoc)
},[service])
- const category = useMemo(() => [
- {
- key: 'apiDocument-list',
- href: '#apiDocument-list',
- title:$t('API 列表'),
- children:apiDocs?.map((x)=>({
- key:x.id,
- href:`#apiDocument-${x.id}`,
- title:x.name
- })) || []
- },
- // {
- // key: 'apiDocument-statusCode',
- // href: '#apiDocument-statusCode',
- // title:$t('状态码',
- // },
- ], [apiDocs]);
-
- const floatButtonStyle = { top:'10px',position:'sticky', width:'180px',height:'200px'}
-
useEffect(() => {
if(!serviceId){
console.warn('缺少serviceId')
@@ -52,10 +27,6 @@ const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
}
}, [serviceId]);
- const testClick = (id:string)=>{//console.log('test');
- setApiTestDrawOpen(true)
- setSelectedTestApi(id)}
-
const onClose = () => {
setApiTestDrawOpen(false);
};
@@ -64,54 +35,9 @@ const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
return (
<>
-
-
-
{$t('API 列表')}
-
- {apiDocs?.map((apiDetail)=>(
-
-
(isActive? : )}
- items={[{
- key: apiDetail.id,
- label: {apiDetail.method}{apiDetail.name},
- children:
-
-
-
- {
- apiDetail?.match && apiDetail.match?.length > 0 &&
-
- }
-
- {
- apiDetail?.proxy && Object.keys(apiDetail?.proxy).length > 0 &&
-
- }
-
- {apiDetail &&
}
-
- ))}
-
-
-
-
-
- document.getElementById('layout-ref')!}
- items={category}
- />
-
+
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
index d3ba6379..06d78f14 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
@@ -28,22 +28,22 @@ const ServiceHubDetail = ()=>{
const applyRef = useRef
(null)
const { modal,message } = App.useApp()
const [mySystemOptionList, setMySystemOptionList] = useState()
- const [applied,setApplied] = useState(false)
- const [activeKey, setActiveKey] = useState([])
+ // const [applied,setApplied] = useState(false)
+ // const [activeKey, setActiveKey] = useState([])
const [service, setService] = useState()
const navigate = useNavigate();
const getServiceBasicInfo = ()=>{
- fetchData>('catalogue/service',{method:'GET',eoParams:{service:serviceId}, eoTransformKeys:['app_num','api_num','update_time']}).then(response=>{
+ fetchData>('catalogue/service',{method:'GET',eoParams:{service:serviceId}, eoTransformKeys:['app_num','api_num','update_time','api_doc']}).then(response=>{
const {code,data,msg} = response
if(code === STATUS_CODE.SUCCESS){
setService(data.service)
setServiceBasicInfo(data.service.basic)
setServiceName(data.service.name)
setServiceDesc(data.service.description)
- setApplied(data.service.applied)
+ // setApplied(data.service.applied)
setServiceDoc(DOMPurify.sanitize(data.service.document))
- setActiveKey(data.service.apis.map((x)=>x.id))
+ // setActiveKey(data.service.apis.map((x)=>x.id))
}else{
message.error(msg || $t(RESPONSE_TIPS.error))
}
@@ -91,7 +91,7 @@ const ServiceHubDetail = ()=>{
content:,
onOk:()=>{
return applyRef.current?.apply().then((res)=>{
- if(res === true) setApplied(true)
+ // if(res === true) setApplied(true)
})
},
okText:$t('确认'),