|
|
@ -27,13 +27,12 @@ import { |
|
|
} from 'antd'; |
|
|
} from 'antd'; |
|
|
import classNames from 'classnames'; |
|
|
import classNames from 'classnames'; |
|
|
import type { FC } from 'react'; |
|
|
import type { FC } from 'react'; |
|
|
import React, { Fragment, useState } from 'react'; |
|
|
import React, { useState } from 'react'; |
|
|
import type { AdvancedProfileData } from './data.d'; |
|
|
import type { AdvancedProfileData } from './data.d'; |
|
|
import { queryAdvancedProfile } from './service'; |
|
|
import { queryAdvancedProfile } from './service'; |
|
|
import useStyles from './style.style'; |
|
|
import useStyles from './style.style'; |
|
|
|
|
|
|
|
|
const { Step } = Steps; |
|
|
const { Step } = Steps; |
|
|
const ButtonGroup = Button.Group; |
|
|
|
|
|
|
|
|
|
|
|
const action = ( |
|
|
const action = ( |
|
|
<RouteContext.Consumer> |
|
|
<RouteContext.Consumer> |
|
|
@ -67,7 +66,7 @@ const action = ( |
|
|
} |
|
|
} |
|
|
return ( |
|
|
return ( |
|
|
<Space> |
|
|
<Space> |
|
|
<ButtonGroup> |
|
|
<Space.Compact> |
|
|
<Button>操作一</Button> |
|
|
<Button>操作一</Button> |
|
|
<Button>操作二</Button> |
|
|
<Button>操作二</Button> |
|
|
<Dropdown |
|
|
<Dropdown |
|
|
@ -93,7 +92,7 @@ const action = ( |
|
|
<EllipsisOutlined /> |
|
|
<EllipsisOutlined /> |
|
|
</Button> |
|
|
</Button> |
|
|
</Dropdown> |
|
|
</Dropdown> |
|
|
</ButtonGroup> |
|
|
</Space.Compact> |
|
|
<Button type="primary">主操作</Button> |
|
|
<Button type="primary">主操作</Button> |
|
|
</Space> |
|
|
</Space> |
|
|
); |
|
|
); |
|
|
@ -187,28 +186,24 @@ const Advanced: FC = () => { |
|
|
); |
|
|
); |
|
|
const desc1 = ( |
|
|
const desc1 = ( |
|
|
<div className={classNames(styles.stepDescription)}> |
|
|
<div className={classNames(styles.stepDescription)}> |
|
|
<Fragment> |
|
|
曲丽丽 |
|
|
曲丽丽 |
|
|
<DingdingOutlined |
|
|
<DingdingOutlined |
|
|
style={{ |
|
|
style={{ |
|
|
marginLeft: 8, |
|
|
marginLeft: 8, |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
|
|
|
</Fragment> |
|
|
|
|
|
<div>2016-12-12 12:32</div> |
|
|
<div>2016-12-12 12:32</div> |
|
|
</div> |
|
|
</div> |
|
|
); |
|
|
); |
|
|
const desc2 = ( |
|
|
const desc2 = ( |
|
|
<div className={styles.stepDescription}> |
|
|
<div className={styles.stepDescription}> |
|
|
<Fragment> |
|
|
周毛毛 |
|
|
周毛毛 |
|
|
<DingdingOutlined |
|
|
<DingdingOutlined |
|
|
style={{ |
|
|
style={{ |
|
|
color: '#00A0E9', |
|
|
color: '#00A0E9', |
|
|
marginLeft: 8, |
|
|
marginLeft: 8, |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
|
|
|
</Fragment> |
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<a href="">催一下</a> |
|
|
<a href="">催一下</a> |
|
|
</div> |
|
|
</div> |
|
|
@ -266,7 +261,9 @@ const Advanced: FC = () => { |
|
|
return ( |
|
|
return ( |
|
|
<Popover |
|
|
<Popover |
|
|
placement="topLeft" |
|
|
placement="topLeft" |
|
|
arrowPointAtCenter |
|
|
arrow={{ |
|
|
|
|
|
pointAtCenter: true, |
|
|
|
|
|
}} |
|
|
content={popoverContent} |
|
|
content={popoverContent} |
|
|
> |
|
|
> |
|
|
<span>{dot}</span> |
|
|
<span>{dot}</span> |
|
|
@ -366,7 +363,7 @@ const Advanced: FC = () => { |
|
|
style={{ |
|
|
style={{ |
|
|
marginBottom: 24, |
|
|
marginBottom: 24, |
|
|
}} |
|
|
}} |
|
|
bordered={false} |
|
|
variant="borderless" |
|
|
> |
|
|
> |
|
|
<Descriptions |
|
|
<Descriptions |
|
|
style={{ |
|
|
style={{ |
|
|
@ -477,12 +474,12 @@ const Advanced: FC = () => { |
|
|
style={{ |
|
|
style={{ |
|
|
marginBottom: 24, |
|
|
marginBottom: 24, |
|
|
}} |
|
|
}} |
|
|
bordered={false} |
|
|
variant="borderless" |
|
|
> |
|
|
> |
|
|
<Empty /> |
|
|
<Empty /> |
|
|
</Card> |
|
|
</Card> |
|
|
<Card |
|
|
<Card |
|
|
bordered={false} |
|
|
variant="borderless" |
|
|
tabList={operationTabList} |
|
|
tabList={operationTabList} |
|
|
onTabChange={onOperationTabChange} |
|
|
onTabChange={onOperationTabChange} |
|
|
> |
|
|
> |
|
|
|
afc163
9 months ago