feat(web): 增加跨站导航列表
This commit is contained in:
@@ -1,8 +1,17 @@
|
|||||||
import {ProLayout} from '@ant-design/pro-components'
|
import {ProLayout} from '@ant-design/pro-components'
|
||||||
|
import {ConfigProvider} from 'antd'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import {Outlet, useLocation, useNavigate} from 'react-router'
|
import {Outlet, useLocation, useNavigate} from 'react-router'
|
||||||
import {menus} from '../route.tsx'
|
import {menus} from '../route.tsx'
|
||||||
import {ConfigProvider} from 'antd'
|
|
||||||
|
const apps: { title: string, desc: string, url: string, icon?: string }[] = [
|
||||||
|
{
|
||||||
|
icon: 'http://132.126.207.124:8686/udal-manager/static/favicon.ico',
|
||||||
|
title: 'CSV-HUDI处理平台',
|
||||||
|
desc: 'Hudi 批量割接、稽核任务管理平台',
|
||||||
|
url: 'http://132.126.207.124:8686/udal-manager/',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
const App: React.FC = () => {
|
const App: React.FC = () => {
|
||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
@@ -10,6 +19,8 @@ const App: React.FC = () => {
|
|||||||
return (
|
return (
|
||||||
<ProLayout
|
<ProLayout
|
||||||
token={{
|
token={{
|
||||||
|
colorTextAppListIcon: '#dfdfdf',
|
||||||
|
colorTextAppListIconHover: '#ffffff',
|
||||||
header: {
|
header: {
|
||||||
colorBgHeader: '#292f33',
|
colorBgHeader: '#292f33',
|
||||||
colorHeaderTitle: '#ffffff',
|
colorHeaderTitle: '#ffffff',
|
||||||
@@ -21,6 +32,8 @@ const App: React.FC = () => {
|
|||||||
colorTextRightActionsItem: '#dfdfdf',
|
colorTextRightActionsItem: '#dfdfdf',
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
|
appList={apps}
|
||||||
|
disableMobile={true}
|
||||||
logo={<img src="icon.png" alt="logo"/>}
|
logo={<img src="icon.png" alt="logo"/>}
|
||||||
title="Hudi 服务总台"
|
title="Hudi 服务总台"
|
||||||
route={menus}
|
route={menus}
|
||||||
@@ -36,14 +49,14 @@ const App: React.FC = () => {
|
|||||||
contentStyle={{backgroundColor: 'white', padding: '10px 10px 10px 20px'}}
|
contentStyle={{backgroundColor: 'white', padding: '10px 10px 10px 20px'}}
|
||||||
>
|
>
|
||||||
<ConfigProvider
|
<ConfigProvider
|
||||||
theme={{
|
theme={{
|
||||||
components: {
|
components: {
|
||||||
Card: {
|
Card: {
|
||||||
bodyPadding: 0,
|
bodyPadding: 0,
|
||||||
bodyPaddingSM: 0,
|
bodyPaddingSM: 0,
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Outlet/>
|
<Outlet/>
|
||||||
</ConfigProvider>
|
</ConfigProvider>
|
||||||
|
|||||||
@@ -17,18 +17,16 @@ import {type JSX, useState} from 'react'
|
|||||||
import styled from 'styled-components'
|
import styled from 'styled-components'
|
||||||
import '@xyflow/react/dist/style.css'
|
import '@xyflow/react/dist/style.css'
|
||||||
import {amisRender, commonInfo, horizontalFormOptions} from '../../../util/amis.tsx'
|
import {amisRender, commonInfo, horizontalFormOptions} from '../../../util/amis.tsx'
|
||||||
import StartNode from './node/StartNode.tsx'
|
|
||||||
import EndNode from './node/EndNode.tsx'
|
import EndNode from './node/EndNode.tsx'
|
||||||
import LlmNode from './node/LlmNode.tsx'
|
import LlmNode from './node/LlmNode.tsx'
|
||||||
|
import StartNode from './node/StartNode.tsx'
|
||||||
import {useDataStore} from './store/DataStore.ts'
|
import {useDataStore} from './store/DataStore.ts'
|
||||||
import {useFlowStore} from './store/FlowStore.ts'
|
import {useFlowStore} from './store/FlowStore.ts'
|
||||||
|
|
||||||
const FlowableDiv = styled.div`
|
const FlowableDiv = styled.div`
|
||||||
height: 93vh;
|
height: 92vh;
|
||||||
|
|
||||||
.toolbar {
|
.toolbar {
|
||||||
z-index: 999;
|
|
||||||
position: absolute;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.node-card {
|
.node-card {
|
||||||
|
|||||||
Reference in New Issue
Block a user