This commit is contained in:
zengqiao
2020-12-19 00:40:52 +08:00
parent 49280a8617
commit 447a575f4f
83 changed files with 1578 additions and 559 deletions

View File

@@ -2,7 +2,7 @@ import * as React from 'react';
import './index.less';
import { userLogOut } from 'lib/api';
import { notification, Dropdown, Icon, Tooltip } from 'component/antd';
import { notification, Dropdown, Icon, Tooltip, Popover } from 'component/antd';
import { urlPrefix } from 'constants/left-menu';
import { region, IRegionIdcs } from 'store/region';
import logoUrl from '../../assets/image/kafka-logo.png';
@@ -59,7 +59,11 @@ export const Header = observer((props: IHeader) => {
notification.success({ message: '退出成功' });
});
};
const content = (
<div style={{ height: '250px', padding: '5px' }} className="kafka-avatar-img">
<img style={{ width: '190px', height: '246px' }} src={weChat} alt="" />
</div>
);
const helpCenter = (
<ul className="kafka-header-menu">
<li>
@@ -70,25 +74,33 @@ export const Header = observer((props: IHeader) => {
</a></li>
<li>
<a
href="https://github.com/didi/kafka-manager"
href="https://github.com/didi/kafka-manager/blob/master/docs/user_guide/user_guide_cn.md"
target="_blank"
>使
</a></li>
<li>
<a
href="https://github.com/didi/kafka-manager/blob/master/docs/install_guide/install_guide_cn.md"
target="_blank"
>QuickStart
</a></li>
<li>
<a
href=""
href="https://github.com/didi/kafka-manager/blob/master/docs/user_guide/faq.md"
target="_blank"
>
</a></li>
<li>
<a
// tslint:disable-next-line:max-line-length
href="https://github.com/didi/kafka-manager"
target="_blank"
>
</a></li>
<li style={{ height: '80px', padding: '5px' }} className="kafka-avatar-img">
<img style={{ width: '70px', height: '70px' }} src={weChat} alt="" />
<Popover placement="left" content={content} trigger="hover">
<a
// tslint:disable-next-line:max-line-length
// href="https://github.com/didi/kafka-manager"
href="javascript:void(0)"
onClick={() => { return false }}
// target="_blank"
>
</a>
</Popover>
</li>
</ul>
);
@@ -111,7 +123,7 @@ export const Header = observer((props: IHeader) => {
const handleJumpLocation = (): string => {
const isDetailPage = window.location.pathname.includes('detail');
const pathNames = window.location.pathname.split('/');
const loc = window.location.pathname.includes('error') ? `${urlPrefix}/topic` : window.location.pathname ;
const loc = window.location.pathname.includes('error') ? `${urlPrefix}/topic` : window.location.pathname;
return isDetailPage ? pathNames.splice(0, 3).join('/') : loc;
};