fix:publish status & api doc

This commit is contained in:
maggieyyy
2024-08-30 19:38:59 +08:00
parent de74542e78
commit 77aa0080d9
4 changed files with 30 additions and 10 deletions
@@ -1,2 +1,3 @@
{
"K4758140d": "路由列表"
}
@@ -1,5 +1,3 @@
{
"K71753476": "是否放行",
"K597435c5": "监控",
"Kde9d6e8e": "开启拦截后,网关会拦截所有该路径的请求,相当于防火墙禁用了特定路径的访问。"
"K4758140d": "路由列表"
}
@@ -1,10 +1,13 @@
import { App, Table } from "antd";
import { App, Table, Tooltip } from "antd";
import { SYSTEM_PUBLISH_ONLINE_COLUMNS } from "../../../const/system/const";
import { useEffect, useState } from "react";
import { useEffect, useMemo, useState } from "react";
import { useFetch } from "@common/hooks/http";
import { BasicResponse, RESPONSE_TIPS, STATUS_CODE } from "@common/const/const";
import { BasicResponse, RESPONSE_TIPS, STATUS_CODE, STATUS_COLOR } from "@common/const/const";
import { EntityItem } from "@common/const/type";
import { LoadingOutlined } from "@ant-design/icons";
import { $t } from "@common/locales";
import { useGlobalContext } from "@common/contexts/GlobalStateContext";
type SystemInsidePublishOnlineProps = {
serviceId:string
@@ -23,6 +26,7 @@ export default function SystemInsidePublishOnline(props:SystemInsidePublishOnlin
const [dataSource, setDataSource] = useState<[]>()
const {fetchData} = useFetch()
const [isStopped, setIsStopped] = useState(false);
const { state } = useGlobalContext()
const getOnlineStatus = ()=>{
fetchData<BasicResponse<{publishStatusList:SystemInsidePublishOnlineItems[]}>>('service/publish/status',{method:'GET',eoParams:{service:serviceId,team:teamId, id}, eoTransformKeys:['publish_status_list']}).then(response=>{
@@ -55,11 +59,28 @@ export default function SystemInsidePublishOnline(props:SystemInsidePublishOnlin
};
}, [isStopped]);
const translatedPublishColumns = useMemo(()=>SYSTEM_PUBLISH_ONLINE_COLUMNS.map((x)=>{
if(x.dataIndex === 'status'){
return {...x,title:$t(x.title),
render:(_:unknown,entity:SystemInsidePublishOnlineItems)=>{
switch(entity.status){
case 'done':
return <span className={STATUS_COLOR[entity.status as keyof typeof STATUS_COLOR]}>{$t('成功')}</span>
case 'error':
return <Tooltip title={entity.error || $t('上线失败')}><span className={`${STATUS_COLOR[entity.status as keyof typeof STATUS_COLOR]} truncate block`}>{$t('失败')} {entity.error}</span></Tooltip>
default:
return <LoadingOutlined className="text-theme" spin />
}
}}
}
}),[state.language])
return (
<Table
className="min-h-[100px] h-full"
bordered={true}
columns={[...SYSTEM_PUBLISH_ONLINE_COLUMNS]}
columns={translatedPublishColumns}
size="small"
rowKey="id"
dataSource={dataSource}
@@ -17,7 +17,7 @@ const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
useEffect(()=>{
if(!service) return
setServiceName(service?.name)
setApiDocument(service.apiDoc)
setApiDocument(service?.apiDoc)
},[service])
useEffect(() => {
@@ -41,7 +41,7 @@ const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
</div>
</div>
<Drawer
{/* <Drawer
title={serviceName}
maskClosable={false}
width="100%" placement="right" onClose={onClose} open={apiTestDrawOpen}
@@ -51,7 +51,7 @@ const ServiceHubApiDocument = ({service}:{service:ServiceDetailType})=>{
closeIcon={false}
>
<ApiTestGroup apiInfoList={apiDocs} selectedApiId={selectedTestApi}/>
</Drawer>
</Drawer> */}
</>
)
}