feat: 继续完善外层页面
parent
d6014aa998
commit
967a6785e0
Binary file not shown.
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,22 @@
|
|||||||
|
<svg width="705" height="71" viewBox="0 0 705 71" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path opacity="0.1" d="M0 17H210.443L233.103 1H419" stroke="url(#paint0_linear_423_4086)" stroke-width="1.5"/>
|
||||||
|
<path opacity="0.1" d="M286 70H496.443L519.103 54H705" stroke="url(#paint1_linear_423_4086)" stroke-width="1.5"/>
|
||||||
|
<path opacity="0.1" d="M157 44H367.443L390.103 28H576" stroke="url(#paint2_linear_423_4086)" stroke-width="1.5"/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear_423_4086" x1="35" y1="17" x2="383.5" y2="17" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
<stop offset="0.48" stop-color="#20A0FD"/>
|
||||||
|
<stop offset="1" stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint1_linear_423_4086" x1="286" y1="70" x2="698.5" y2="70" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
<stop offset="0.48" stop-color="#20A0FD"/>
|
||||||
|
<stop offset="1" stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint2_linear_423_4086" x1="157" y1="44" x2="569.5" y2="44" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
<stop offset="0.48" stop-color="#20A0FD"/>
|
||||||
|
<stop offset="1" stop-color="#20A0FD" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
After Width: | Height: | Size: 880 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg t="1715917277990" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2382" id="mx_n_1715917277991" width="200" height="200"><path d="M187.690667 187.690667A457.344 457.344 0 0 1 512 53.333333c126.634667 0 241.365333 51.370667 324.309333 134.357334A457.344 457.344 0 0 1 970.666667 512c0 126.634667-51.370667 241.365333-134.357334 324.309333A457.344 457.344 0 0 1 512 970.666667a457.344 457.344 0 0 1-324.309333-134.357334A457.344 457.344 0 0 1 53.333333 512c0-126.634667 51.370667-241.365333 134.357334-324.309333zM512 117.333333a393.344 393.344 0 0 0-279.04 115.626667A393.344 393.344 0 0 0 117.333333 512a393.344 393.344 0 0 0 115.626667 279.04A393.344 393.344 0 0 0 512 906.666667a393.301333 393.301333 0 0 0 279.04-115.626667A393.301333 393.301333 0 0 0 906.666667 512a393.344 393.344 0 0 0-115.626667-279.04A393.344 393.344 0 0 0 512 117.333333z" fill="#FAAD14" p-id="2383"></path><path d="M352 397.312a32 32 0 0 0 64 0 96 96 0 1 1 96 96 32 32 0 0 0-32 32v85.333333a32 32 0 0 0 64 0v-56.533333A160.042667 160.042667 0 0 0 512 237.312a160 160 0 0 0-160 160zM512 802.645333a53.333333 53.333333 0 1 0 0-106.666666 53.333333 53.333333 0 0 0 0 106.666666z" fill="#FAAD14" p-id="2384"></path></svg>
|
After Width: | Height: | Size: 1.2 KiB |
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 199 KiB |
@ -0,0 +1,13 @@
|
|||||||
|
.ant-modal-content .questionIcon_svg__icon {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
.ant-modal-content .ant-modal-confirm-title {
|
||||||
|
color: #333;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.ant-modal-content .ant-modal-confirm-content {
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
@ -0,0 +1,16 @@
|
|||||||
|
.ant-modal-content {
|
||||||
|
// width: 560px;
|
||||||
|
.questionIcon_svg__icon {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
.ant-modal-confirm-title {
|
||||||
|
color: #333;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.ant-modal-confirm-content {
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,54 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zhoux zhouxia@supervision.ltd
|
||||||
|
* @Date: 2023-12-27 10:30:10
|
||||||
|
* @LastEditors: donghao donghao@supervision.ltd
|
||||||
|
* @LastEditTime: 2024-05-17 13:19:01
|
||||||
|
* @FilePath: \general-ai-platform-web\src\components\TableActionCard\isConfirmModal.tsx
|
||||||
|
* @Description: 确认操作弹框
|
||||||
|
*/
|
||||||
|
import { useIntl } from '@umijs/max';
|
||||||
|
import modal from 'antd/es/modal';
|
||||||
|
import './isConfirmModal.less';
|
||||||
|
import { ReactComponent as QuestionIcon } from '/public/icons/questionIcon.svg';
|
||||||
|
type IsConfirmModalProps = {
|
||||||
|
modalProps: ModalType;
|
||||||
|
confirmButton: string | React.ReactNode;
|
||||||
|
};
|
||||||
|
|
||||||
|
const IsConfirmModal: React.FC<IsConfirmModalProps> = (props) => {
|
||||||
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||||
|
const intl = useIntl();
|
||||||
|
const confirm = () => {
|
||||||
|
modal.confirm({
|
||||||
|
width: 560,
|
||||||
|
title: '确认删除吗?',
|
||||||
|
content: '确认删除吗?删除后将无法找回,请谨慎操作。',
|
||||||
|
okText: intl.formatMessage({ id: 'common.okText', defaultMessage: '$$$' }),
|
||||||
|
cancelText: intl.formatMessage({ id: 'common.cancelText', defaultMessage: '$$$' }),
|
||||||
|
icon: (
|
||||||
|
<span>
|
||||||
|
<QuestionIcon></QuestionIcon>
|
||||||
|
</span>
|
||||||
|
),
|
||||||
|
// onCancel() {
|
||||||
|
// console.log('Cancel');
|
||||||
|
// },
|
||||||
|
...props?.modalProps,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="isConfirmModal_wrap">
|
||||||
|
<span
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
confirm();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{props.confirmButton}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default IsConfirmModal;
|
@ -1,448 +0,0 @@
|
|||||||
import {
|
|
||||||
CaretDownFilled,
|
|
||||||
DoubleRightOutlined,
|
|
||||||
GithubFilled,
|
|
||||||
InfoCircleFilled,
|
|
||||||
LogoutOutlined,
|
|
||||||
PlusCircleFilled,
|
|
||||||
QuestionCircleFilled,
|
|
||||||
SearchOutlined,
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
import type { ProSettings } from '@ant-design/pro-components';
|
|
||||||
import {
|
|
||||||
PageContainer,
|
|
||||||
ProCard,
|
|
||||||
ProConfigProvider,
|
|
||||||
ProLayout,
|
|
||||||
SettingDrawer,
|
|
||||||
} from '@ant-design/pro-components';
|
|
||||||
import { css } from '@emotion/css';
|
|
||||||
import { Button, ConfigProvider, Divider, Dropdown, Input, Popover, theme } from 'antd';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import defaultProps from '../../config/defaultSettings';
|
|
||||||
|
|
||||||
const Item: React.FC<{ children: React.ReactNode }> = (props) => {
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className={css`
|
|
||||||
color: ${token.colorTextSecondary};
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
line-height: 22px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
&:hover {
|
|
||||||
color: ${token.colorPrimary};
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
style={{
|
|
||||||
width: '33.33%',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{props.children}
|
|
||||||
<DoubleRightOutlined
|
|
||||||
style={{
|
|
||||||
marginInlineStart: 4,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const List: React.FC<{ title: string; style?: React.CSSProperties }> = (props) => {
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
width: '100%',
|
|
||||||
...props.style,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
fontSize: 16,
|
|
||||||
color: token.colorTextHeading,
|
|
||||||
lineHeight: '24px',
|
|
||||||
fontWeight: 500,
|
|
||||||
marginBlockEnd: 16,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{props.title}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{new Array(6).fill(1).map((_, index) => {
|
|
||||||
return <Item key={index}>具体的解决方案-{index}</Item>;
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const MenuCard = () => {
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Divider
|
|
||||||
style={{
|
|
||||||
height: '1.5em',
|
|
||||||
}}
|
|
||||||
type="vertical"
|
|
||||||
/>
|
|
||||||
<Popover
|
|
||||||
placement="bottom"
|
|
||||||
overlayStyle={{
|
|
||||||
width: 'calc(100vw - 24px)',
|
|
||||||
padding: '24px',
|
|
||||||
paddingTop: 8,
|
|
||||||
height: '307px',
|
|
||||||
borderRadius: '0 0 6px 6px',
|
|
||||||
}}
|
|
||||||
content={
|
|
||||||
<div style={{ display: 'flex', padding: '32px 40px' }}>
|
|
||||||
<div style={{ flex: 1 }}>
|
|
||||||
<List title="金融解决方案" />
|
|
||||||
<List
|
|
||||||
title="其他解决方案"
|
|
||||||
style={{
|
|
||||||
marginBlockStart: 32,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
width: '308px',
|
|
||||||
borderInlineStart: '1px solid ' + token.colorBorder,
|
|
||||||
paddingInlineStart: 16,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={css`
|
|
||||||
font-size: 14px;
|
|
||||||
color: ${token.colorText};
|
|
||||||
line-height: 22px;
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
热门产品
|
|
||||||
</div>
|
|
||||||
{new Array(3).fill(1).map((name, index) => {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className={css`
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 16px;
|
|
||||||
margin-top: 4px;
|
|
||||||
display: flex;
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
|
||||||
background-color: ${token.colorBgTextHover};
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
<img src="https://gw.alipayobjects.com/zos/antfincdn/6FTGmLLmN/bianzu%25252013.svg" />
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
marginInlineStart: 14,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={css`
|
|
||||||
font-size: 14px;
|
|
||||||
color: ${token.colorText};
|
|
||||||
line-height: 22px;
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
Ant Design
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
className={css`
|
|
||||||
font-size: 12px;
|
|
||||||
color: ${token.colorTextSecondary};
|
|
||||||
line-height: 20px;
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
杭州市较知名的 UI 设计语言
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
color: token.colorTextHeading,
|
|
||||||
fontWeight: 500,
|
|
||||||
cursor: 'pointer',
|
|
||||||
display: 'flex',
|
|
||||||
gap: 4,
|
|
||||||
paddingInlineStart: 8,
|
|
||||||
paddingInlineEnd: 12,
|
|
||||||
alignItems: 'center',
|
|
||||||
}}
|
|
||||||
className={css`
|
|
||||||
&:hover {
|
|
||||||
background-color: ${token.colorBgTextHover};
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
<span> 企业级资产中心</span>
|
|
||||||
<CaretDownFilled />
|
|
||||||
</div>
|
|
||||||
</Popover>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const SearchInput = () => {
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key="SearchOutlined"
|
|
||||||
aria-hidden
|
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
marginInlineEnd: 24,
|
|
||||||
}}
|
|
||||||
onMouseDown={(e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
e.preventDefault();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Input
|
|
||||||
style={{
|
|
||||||
borderRadius: 4,
|
|
||||||
marginInlineEnd: 12,
|
|
||||||
backgroundColor: token.colorBgTextHover,
|
|
||||||
}}
|
|
||||||
prefix={
|
|
||||||
<SearchOutlined
|
|
||||||
style={{
|
|
||||||
color: token.colorTextLightSolid,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
placeholder="搜索方案"
|
|
||||||
variant="borderless"
|
|
||||||
/>
|
|
||||||
<PlusCircleFilled
|
|
||||||
style={{
|
|
||||||
color: token.colorPrimary,
|
|
||||||
fontSize: 24,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const BasicLayout: React.FC = () => {
|
|
||||||
const [settings, setSetting] = useState<Partial<ProSettings> | undefined>({
|
|
||||||
fixSiderbar: true,
|
|
||||||
layout: 'mix',
|
|
||||||
splitMenus: true,
|
|
||||||
});
|
|
||||||
|
|
||||||
const [pathname, setPathname] = useState('/list/sub-page/sub-sub-page1');
|
|
||||||
const [num, setNum] = useState(40);
|
|
||||||
if (typeof document === 'undefined') {
|
|
||||||
return <div />;
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
id="test-pro-layout"
|
|
||||||
style={{
|
|
||||||
height: '100vh',
|
|
||||||
overflow: 'auto',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ProConfigProvider hashed={false}>
|
|
||||||
<ConfigProvider
|
|
||||||
getTargetContainer={() => {
|
|
||||||
return document.getElementById('test-pro-layout') || document.body;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ProLayout
|
|
||||||
prefixCls="my-prefix"
|
|
||||||
bgLayoutImgList={[
|
|
||||||
{
|
|
||||||
src: 'https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png',
|
|
||||||
left: 85,
|
|
||||||
bottom: 100,
|
|
||||||
height: '303px',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: 'https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png',
|
|
||||||
bottom: -68,
|
|
||||||
right: -45,
|
|
||||||
height: '303px',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: 'https://img.alicdn.com/imgextra/i3/O1CN018NxReL1shX85Yz6Cx_!!6000000005798-2-tps-884-496.png',
|
|
||||||
bottom: 0,
|
|
||||||
left: 0,
|
|
||||||
width: '331px',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
{...defaultProps}
|
|
||||||
location={{
|
|
||||||
pathname,
|
|
||||||
}}
|
|
||||||
token={{
|
|
||||||
header: {
|
|
||||||
colorBgMenuItemSelected: 'rgba(0,0,0,0.04)',
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
siderMenuType="group"
|
|
||||||
menu={{
|
|
||||||
collapsedShowGroupTitle: true,
|
|
||||||
}}
|
|
||||||
avatarProps={{
|
|
||||||
src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
|
|
||||||
size: 'small',
|
|
||||||
title: '七妮妮',
|
|
||||||
render: (props, dom) => {
|
|
||||||
return (
|
|
||||||
<Dropdown
|
|
||||||
menu={{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
key: 'logout',
|
|
||||||
icon: <LogoutOutlined />,
|
|
||||||
label: '退出登录',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{dom}
|
|
||||||
</Dropdown>
|
|
||||||
);
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
actionsRender={(props) => {
|
|
||||||
if (props.isMobile) return [];
|
|
||||||
if (typeof window === 'undefined') return [];
|
|
||||||
return [
|
|
||||||
props.layout !== 'side' && document.body.clientWidth > 1400 ? (
|
|
||||||
<SearchInput />
|
|
||||||
) : undefined,
|
|
||||||
<InfoCircleFilled key="InfoCircleFilled" />,
|
|
||||||
<QuestionCircleFilled key="QuestionCircleFilled" />,
|
|
||||||
<GithubFilled key="GithubFilled" />,
|
|
||||||
];
|
|
||||||
}}
|
|
||||||
headerTitleRender={(logo, title, _) => {
|
|
||||||
const defaultDom = (
|
|
||||||
<a>
|
|
||||||
{logo}
|
|
||||||
{title}
|
|
||||||
</a>
|
|
||||||
);
|
|
||||||
if (typeof window === 'undefined') return defaultDom;
|
|
||||||
if (document.body.clientWidth < 1400) {
|
|
||||||
return defaultDom;
|
|
||||||
}
|
|
||||||
if (_.isMobile) return defaultDom;
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{defaultDom}
|
|
||||||
<MenuCard />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
menuFooterRender={(props) => {
|
|
||||||
if (props?.collapsed) return undefined;
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
textAlign: 'center',
|
|
||||||
paddingBlockStart: 12,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div>© 2021 Made with love</div>
|
|
||||||
<div>by Ant Design</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
onMenuHeaderClick={(e) => console.log(e)}
|
|
||||||
menuItemRender={(item, dom) => (
|
|
||||||
<div
|
|
||||||
onClick={() => {
|
|
||||||
setPathname(item.path || '/welcome');
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{dom}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{...settings}
|
|
||||||
>
|
|
||||||
<PageContainer
|
|
||||||
token={{
|
|
||||||
paddingInlinePageContainerContent: num,
|
|
||||||
}}
|
|
||||||
extra={[
|
|
||||||
<Button key="3">操作</Button>,
|
|
||||||
<Button key="2">操作</Button>,
|
|
||||||
<Button
|
|
||||||
key="1"
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
setNum(num > 0 ? 0 : 40);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
主操作
|
|
||||||
</Button>,
|
|
||||||
]}
|
|
||||||
subTitle="简单的描述"
|
|
||||||
footer={[
|
|
||||||
<Button key="3">重置</Button>,
|
|
||||||
<Button key="2" type="primary">
|
|
||||||
提交
|
|
||||||
</Button>,
|
|
||||||
]}
|
|
||||||
>
|
|
||||||
<ProCard
|
|
||||||
style={{
|
|
||||||
height: '200vh',
|
|
||||||
minHeight: 800,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div />
|
|
||||||
</ProCard>
|
|
||||||
</PageContainer>
|
|
||||||
|
|
||||||
<SettingDrawer
|
|
||||||
pathname={pathname}
|
|
||||||
enableDarkTheme
|
|
||||||
getContainer={(e: any) => {
|
|
||||||
if (typeof window === 'undefined') return e;
|
|
||||||
return document.getElementById('test-pro-layout');
|
|
||||||
}}
|
|
||||||
settings={settings}
|
|
||||||
onSettingChange={(changeSetting) => {
|
|
||||||
setSetting(changeSetting);
|
|
||||||
}}
|
|
||||||
disableUrlParams={false}
|
|
||||||
/>
|
|
||||||
</ProLayout>
|
|
||||||
</ConfigProvider>
|
|
||||||
</ProConfigProvider>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default BasicLayout;
|
|
Loading…
Reference in New Issue