From 2fe03bd4b3d7a89cedcc1c282c1c59ca81ae08ab Mon Sep 17 00:00:00 2001 From: maggieyyy <61950669+maggieyyy@users.noreply.github.com> Date: Tue, 22 Oct 2024 17:05:40 +0800 Subject: [PATCH] fix: Modify Login Page styles and Api document path --- frontend/packages/core/src/App.css | 25 +++++++++- frontend/packages/core/src/pages/Login.tsx | 48 +++++++++++++++++-- .../src/pages/serviceHub/ServiceHubDetail.tsx | 22 ++++++++- 3 files changed, 87 insertions(+), 8 deletions(-) diff --git a/frontend/packages/core/src/App.css b/frontend/packages/core/src/App.css index 3b3d4e57..eee93cd3 100644 --- a/frontend/packages/core/src/App.css +++ b/frontend/packages/core/src/App.css @@ -248,4 +248,27 @@ a{ } .ai-service-api-preview .swagger-ui h3.opblock-tag{ display: none; -} \ No newline at end of file +} + + /* 整个背景容器设置 */ + .background-container { + background: radial-gradient(ellipse 80% 900px at top, rgb(255 255 255 / 10%) 0%, rgb(4 0 71) 30%, rgb(13 17 23) 100%); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow: hidden; + z-index: 1; + isolate: isolate; + } + + /* SVG背景图案 */ + .background-pattern { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + stroke: rgba(255, 255, 255, 0.1); + mask-image: radial-gradient(100% 100% at top right, white, transparent); + } diff --git a/frontend/packages/core/src/pages/Login.tsx b/frontend/packages/core/src/pages/Login.tsx index 7055699f..1a872229 100644 --- a/frontend/packages/core/src/pages/Login.tsx +++ b/frontend/packages/core/src/pages/Login.tsx @@ -2,10 +2,10 @@ import {FC, useCallback, useEffect, useRef, useState} from "react"; import {App, Button, Divider, Form, FormInstance, Input, Tooltip} from "antd"; import {useGlobalContext} from "@common/contexts/GlobalStateContext.tsx"; import {useFetch} from "@common/hooks/http.ts"; -import {BasicResponse, RESPONSE_TIPS, STATUS_CODE} from "@common/const/const.tsx"; +import {BasicResponse, STATUS_CODE} from "@common/const/const.tsx"; import {useNavigate} from "react-router-dom"; // import {useCrypto} from "../hooks/crypto.ts"; -import Logo from '@common/assets/logo.png' +import Logo from '@common/assets/layout-logo.png' import { $t } from "@common/locales"; import { Icon } from "@iconify/react/dist/iconify.js"; import LanguageSetting from "@common/components/aoplatform/LanguageSetting"; @@ -100,9 +100,46 @@ const Login:FC = ()=> { }, []); return ( -
-
-
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/*
*/} +
{

{$t('Version (0)-(1)',[state.version,state.updateDate])}

{$t(state.powered)}

+
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx index d7747c32..6e493606 100644 --- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx +++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx @@ -1,7 +1,7 @@ import {Link, useNavigate, useParams} from "react-router-dom"; import {RouterParams} from "@core/components/aoplatform/RenderRoutes.tsx"; import { App, Avatar, Button, Descriptions, Divider, Tabs} from "antd"; -import { useEffect, useRef, useState} from "react"; +import { useEffect, useMemo, useRef, useState} from "react"; import {useBreadcrumb} from "@common/contexts/BreadcrumbContext.tsx"; import {BasicResponse, RESPONSE_TIPS, STATUS_CODE} from "@common/const/const.tsx"; import {useFetch} from "@common/hooks/http.ts"; @@ -34,11 +34,29 @@ const ServiceHubDetail = ()=>{ const [service, setService] = useState() const navigate = useNavigate(); + const modifyApiDoc = (apiDoc:string, apiPrefix:string)=>{ + if(!apiDoc) return '' + if(!apiPrefix) return apiDoc + try{ + const openApiSpec = JSON.parse(apiDoc); + // 遍历并修改 paths，给每个路径添加前缀 + const modifiedPaths:Record = {}; + for (const [path, pathItem] of Object.entries(openApiSpec.paths)) { + modifiedPaths[apiPrefix + path] = pathItem; + } + openApiSpec.paths = modifiedPaths; + return JSON.stringify(openApiSpec); + }catch(err){ + console.warn('拼接api前缀失败',err) + } + return apiDoc + } + const getServiceBasicInfo = ()=>{ fetchData>('catalogue/service',{method:'GET',eoParams:{service:serviceId}, eoTransformKeys:['app_num','api_num','update_time','api_doc','invoke_address','approval_type','service_kind']}).then(response=>{ const {code,data,msg} = response if(code === STATUS_CODE.SUCCESS){ - setService(data.service) + setService({...data.service,apiDoc:modifyApiDoc(data.service.apiDoc, data.service.basic?.invokeAddress)}) setServiceBasicInfo(data.service.basic) setServiceName(data.service.name) setServiceDesc(data.service.description)