28 lines
739 B
TypeScript
28 lines
739 B
TypeScript
|
|
import { Alert } from 'antd';
|
||
|
|
|
||
|
|
const DruidMonitorPage = () => {
|
||
|
|
return (
|
||
|
|
<div className="app-container" style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
|
||
|
|
<Alert
|
||
|
|
type="info"
|
||
|
|
showIcon
|
||
|
|
message="Druid 数据监控"
|
||
|
|
description="本地开发环境通过 `/druid` 代理嵌入后端监控页面。如果页面没有显示,请确认本地后端服务已启动。"
|
||
|
|
/>
|
||
|
|
<iframe
|
||
|
|
title="Druid Monitor"
|
||
|
|
src="/druid/index.html"
|
||
|
|
style={{
|
||
|
|
width: '100%',
|
||
|
|
minHeight: 'calc(100vh - 240px)',
|
||
|
|
border: 0,
|
||
|
|
borderRadius: 16,
|
||
|
|
background: '#fff',
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default DruidMonitorPage;
|