Commit d7b87c27 authored by 陈帅's avatar 陈帅

fix some eslint error

parent 484d71d8
...@@ -19,6 +19,7 @@ module.exports = { ...@@ -19,6 +19,7 @@ module.exports = {
'react/jsx-no-bind': [0], 'react/jsx-no-bind': [0],
'react/prop-types': [0], 'react/prop-types': [0],
'react/prefer-stateless-function': [0], 'react/prefer-stateless-function': [0],
'react/jsx-one-expression-per-line': [0],
'react/jsx-wrap-multilines': [ 'react/jsx-wrap-multilines': [
'error', 'error',
{ {
......
...@@ -5,13 +5,16 @@ export default class PromiseRender extends React.PureComponent { ...@@ -5,13 +5,16 @@ export default class PromiseRender extends React.PureComponent {
state = { state = {
component: null, component: null,
}; };
componentDidMount() { componentDidMount() {
this.setRenderComponent(this.props); this.setRenderComponent(this.props);
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
// new Props enter // new Props enter
this.setRenderComponent(nextProps); this.setRenderComponent(nextProps);
} }
// set render Component : ok or error // set render Component : ok or error
setRenderComponent(props) { setRenderComponent(props) {
const ok = this.checkIsInstantiation(props.ok); const ok = this.checkIsInstantiation(props.ok);
...@@ -28,6 +31,7 @@ export default class PromiseRender extends React.PureComponent { ...@@ -28,6 +31,7 @@ export default class PromiseRender extends React.PureComponent {
}); });
}); });
} }
// Determine whether the incoming component has been instantiated // Determine whether the incoming component has been instantiated
// AuthorizedRoute is already instantiated // AuthorizedRoute is already instantiated
// Authorized render is already instantiated, children is no instantiated // Authorized render is already instantiated, children is no instantiated
...@@ -38,6 +42,7 @@ export default class PromiseRender extends React.PureComponent { ...@@ -38,6 +42,7 @@ export default class PromiseRender extends React.PureComponent {
} }
return () => target; return () => target;
}; };
render() { render() {
const Component = this.state.component; const Component = this.state.component;
return Component ? ( return Component ? (
......
...@@ -44,8 +44,7 @@ export default class TimelineChart extends React.Component { ...@@ -44,8 +44,7 @@ export default class TimelineChart extends React.Component {
}); });
const dv = ds.createView(); const dv = ds.createView();
dv dv.source(data)
.source(data)
.transform({ .transform({
type: 'filter', type: 'filter',
callback: obj => { callback: obj => {
......
...@@ -189,7 +189,10 @@ export default class WaterWave extends PureComponent { ...@@ -189,7 +189,10 @@ export default class WaterWave extends PureComponent {
</div> </div>
<div className={styles.text} style={{ width: height }}> <div className={styles.text} style={{ width: height }}>
{title && <span>{title}</span>} {title && <span>{title}</span>}
<h4>{percent}%</h4> <h4>
{percent}
%
</h4>
</div> </div>
</div> </div>
); );
......
...@@ -39,7 +39,9 @@ class CountDown extends Component { ...@@ -39,7 +39,9 @@ class CountDown extends Component {
} }
timer = 0; timer = 0;
interval = 1000; interval = 1000;
initTime = props => { initTime = props => {
let lastTime = 0; let lastTime = 0;
let targetTime = 0; let targetTime = 0;
...@@ -58,6 +60,7 @@ class CountDown extends Component { ...@@ -58,6 +60,7 @@ class CountDown extends Component {
lastTime: lastTime < 0 ? 0 : lastTime, lastTime: lastTime < 0 ? 0 : lastTime,
}; };
}; };
// defaultFormat = time => ( // defaultFormat = time => (
// <span>{moment(time).format('hh:mm:ss')}</span> // <span>{moment(time).format('hh:mm:ss')}</span>
// ); // );
...@@ -70,10 +73,15 @@ class CountDown extends Component { ...@@ -70,10 +73,15 @@ class CountDown extends Component {
const s = Math.floor((time - h * hours - m * minutes) / 1000); const s = Math.floor((time - h * hours - m * minutes) / 1000);
return ( return (
<span> <span>
{fixedZero(h)}:{fixedZero(m)}:{fixedZero(s)} {fixedZero(h)}
:
{fixedZero(m)}
:
{fixedZero(s)}
</span> </span>
); );
}; };
tick = () => { tick = () => {
const { onEnd } = this.props; const { onEnd } = this.props;
let { lastTime } = this.state; let { lastTime } = this.state;
......
...@@ -10,8 +10,8 @@ const Description = ({ term, column, className, children, ...restProps }) => { ...@@ -10,8 +10,8 @@ const Description = ({ term, column, className, children, ...restProps }) => {
return ( return (
<Col className={clsString} {...responsive[column]} {...restProps}> <Col className={clsString} {...responsive[column]} {...restProps}>
{term && <div className={styles.term}>{term}</div>} {term && <div className={styles.term}>{term}</div>}
{children !== null && children !== undefined && {children !== null &&
<div className={styles.detail}>{children}</div>} children !== undefined && <div className={styles.detail}>{children}</div>}
</Col> </Col>
); );
}; };
......
...@@ -22,7 +22,10 @@ const DescriptionList = ({ ...@@ -22,7 +22,10 @@ const DescriptionList = ({
<div className={clsString} {...restProps}> <div className={clsString} {...restProps}>
{title ? <div className={styles.title}>{title}</div> : null} {title ? <div className={styles.title}>{title}</div> : null}
<Row gutter={gutter}> <Row gutter={gutter}>
{React.Children.map(children, child => child ? React.cloneElement(child, { column }) : child)} {React.Children.map(
children,
child => (child ? React.cloneElement(child, { column }) : child)
)}
</Row> </Row>
</div> </div>
); );
......
...@@ -7,19 +7,23 @@ export default class EditableItem extends PureComponent { ...@@ -7,19 +7,23 @@ export default class EditableItem extends PureComponent {
value: this.props.value, value: this.props.value,
editable: false, editable: false,
}; };
handleChange = e => { handleChange = e => {
const { value } = e.target; const { value } = e.target;
this.setState({ value }); this.setState({ value });
}; };
check = () => { check = () => {
this.setState({ editable: false }); this.setState({ editable: false });
if (this.props.onChange) { if (this.props.onChange) {
this.props.onChange(this.state.value); this.props.onChange(this.state.value);
} }
}; };
edit = () => { edit = () => {
this.setState({ editable: true }); this.setState({ editable: true });
}; };
render() { render() {
const { value, editable } = this.state; const { value, editable } = this.state;
return ( return (
......
...@@ -17,6 +17,7 @@ class EditableLinkGroup extends PureComponent { ...@@ -17,6 +17,7 @@ class EditableLinkGroup extends PureComponent {
onAdd: () => {}, onAdd: () => {},
linkElement: 'a', linkElement: 'a',
}; };
render() { render() {
const { links, linkElement, onAdd } = this.props; const { links, linkElement, onAdd } = this.props;
return ( return (
......
...@@ -12,8 +12,9 @@ export default class GlobalHeader extends PureComponent { ...@@ -12,8 +12,9 @@ export default class GlobalHeader extends PureComponent {
componentWillUnmount() { componentWillUnmount() {
this.triggerResizeEvent.cancel(); this.triggerResizeEvent.cancel();
} }
getNoticeData() { getNoticeData() {
const { notices} = this.props; const { notices } = this.props;
if (notices == null || notices.length === 0) { if (notices == null || notices.length === 0) {
return {}; return {};
} }
...@@ -43,6 +44,7 @@ export default class GlobalHeader extends PureComponent { ...@@ -43,6 +44,7 @@ export default class GlobalHeader extends PureComponent {
}); });
return groupBy(newNotices, 'type'); return groupBy(newNotices, 'type');
} }
toggle = () => { toggle = () => {
const { collapsed, onCollapse } = this.props; const { collapsed, onCollapse } = this.props;
onCollapse(!collapsed); onCollapse(!collapsed);
...@@ -67,7 +69,7 @@ export default class GlobalHeader extends PureComponent { ...@@ -67,7 +69,7 @@ export default class GlobalHeader extends PureComponent {
onNoticeClear, onNoticeClear,
} = this.props; } = this.props;
if (currentUser == null) { if (currentUser == null) {
currentUser = {} currentUser = {};
} }
const menu = ( const menu = (
<Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick}> <Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick}>
......
...@@ -31,17 +31,20 @@ export default class HeaderSearch extends PureComponent { ...@@ -31,17 +31,20 @@ export default class HeaderSearch extends PureComponent {
searchMode: this.props.defaultOpen, searchMode: this.props.defaultOpen,
value: '', value: '',
}; };
onKeyDown = e => { onKeyDown = e => {
if (e.key === 'Enter') { if (e.key === 'Enter') {
this.debouncePressEnter(); this.debouncePressEnter();
} }
}; };
onChange = value => { onChange = value => {
this.setState({ value }); this.setState({ value });
if (this.props.onChange) { if (this.props.onChange) {
this.props.onChange(); this.props.onChange();
} }
}; };
// NOTE: 不能小于500,如果长按某键,第一次触发auto repeat的间隔是500ms,小于500会导致触发2次 // NOTE: 不能小于500,如果长按某键,第一次触发auto repeat的间隔是500ms,小于500会导致触发2次
@Bind() @Bind()
@Debounce(500, { @Debounce(500, {
...@@ -51,6 +54,7 @@ export default class HeaderSearch extends PureComponent { ...@@ -51,6 +54,7 @@ export default class HeaderSearch extends PureComponent {
debouncePressEnter() { debouncePressEnter() {
this.props.onPressEnter(this.state.value); this.props.onPressEnter(this.state.value);
} }
enterSearchMode = () => { enterSearchMode = () => {
this.setState({ searchMode: true }, () => { this.setState({ searchMode: true }, () => {
if (this.state.searchMode) { if (this.state.searchMode) {
...@@ -58,12 +62,14 @@ export default class HeaderSearch extends PureComponent { ...@@ -58,12 +62,14 @@ export default class HeaderSearch extends PureComponent {
} }
}); });
}; };
leaveSearchMode = () => { leaveSearchMode = () => {
this.setState({ this.setState({
searchMode: false, searchMode: false,
value: '', value: '',
}); });
}; };
render() { render() {
const { className, placeholder, ...restProps } = this.props; const { className, placeholder, ...restProps } = this.props;
delete restProps.defaultOpen; // for rc-select not affected delete restProps.defaultOpen; // for rc-select not affected
......
...@@ -14,20 +14,24 @@ function generator({ defaultProps, defaultRules, type }) { ...@@ -14,20 +14,24 @@ function generator({ defaultProps, defaultRules, type }) {
form: PropTypes.object, form: PropTypes.object,
updateActive: PropTypes.func, updateActive: PropTypes.func,
}; };
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
count: 0, count: 0,
}; };
} }
componentDidMount() { componentDidMount() {
if (this.context.updateActive) { if (this.context.updateActive) {
this.context.updateActive(this.props.name); this.context.updateActive(this.props.name);
} }
} }
componentWillUnmount() { componentWillUnmount() {
clearInterval(this.interval); clearInterval(this.interval);
} }
onGetCaptcha = () => { onGetCaptcha = () => {
let count = 59; let count = 59;
this.setState({ count }); this.setState({ count });
...@@ -42,6 +46,7 @@ function generator({ defaultProps, defaultRules, type }) { ...@@ -42,6 +46,7 @@ function generator({ defaultProps, defaultRules, type }) {
} }
}, 1000); }, 1000);
}; };
render() { render() {
const { getFieldDecorator } = this.context.form; const { getFieldDecorator } = this.context.form;
const options = {}; const options = {};
......
...@@ -14,18 +14,22 @@ const generateId = (() => { ...@@ -14,18 +14,22 @@ const generateId = (() => {
export default class LoginTab extends Component { export default class LoginTab extends Component {
static __ANT_PRO_LOGIN_TAB = true; static __ANT_PRO_LOGIN_TAB = true;
static contextTypes = { static contextTypes = {
tabUtil: PropTypes.object, tabUtil: PropTypes.object,
}; };
constructor(props) { constructor(props) {
super(props); super(props);
this.uniqueId = generateId('login-tab-'); this.uniqueId = generateId('login-tab-');
} }
componentWillMount() { componentWillMount() {
if (this.context.tabUtil) { if (this.context.tabUtil) {
this.context.tabUtil.addTab(this.uniqueId); this.context.tabUtil.addTab(this.uniqueId);
} }
} }
render() { render() {
return <TabPane {...this.props} />; return <TabPane {...this.props} />;
} }
......
...@@ -33,6 +33,7 @@ class Login extends Component { ...@@ -33,6 +33,7 @@ class Login extends Component {
tabs: [], tabs: [],
active: {}, active: {},
}; };
getChildContext() { getChildContext() {
return { return {
tabUtil: { tabUtil: {
...@@ -61,12 +62,14 @@ class Login extends Component { ...@@ -61,12 +62,14 @@ class Login extends Component {
}, },
}; };
} }
onSwitch = type => { onSwitch = type => {
this.setState({ this.setState({
type, type,
}); });
this.props.onTabChange(type); this.props.onTabChange(type);
}; };
handleSubmit = e => { handleSubmit = e => {
e.preventDefault(); e.preventDefault();
const { active, type } = this.state; const { active, type } = this.state;
...@@ -75,6 +78,7 @@ class Login extends Component { ...@@ -75,6 +78,7 @@ class Login extends Component {
this.props.onSubmit(err, values); this.props.onSubmit(err, values);
}); });
}; };
render() { render() {
const { className, children } = this.props; const { className, children } = this.props;
const { type, tabs } = this.state; const { type, tabs } = this.state;
......
...@@ -21,6 +21,7 @@ export default class NoticeIcon extends PureComponent { ...@@ -21,6 +21,7 @@ export default class NoticeIcon extends PureComponent {
}, },
emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg', emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg',
}; };
constructor(props) { constructor(props) {
super(props); super(props);
this.state = {}; this.state = {};
...@@ -28,14 +29,17 @@ export default class NoticeIcon extends PureComponent { ...@@ -28,14 +29,17 @@ export default class NoticeIcon extends PureComponent {
this.state.tabType = props.children[0].props.title; this.state.tabType = props.children[0].props.title;
} }
} }
onItemClick = (item, tabProps) => { onItemClick = (item, tabProps) => {
const { onItemClick } = this.props; const { onItemClick } = this.props;
onItemClick(item, tabProps); onItemClick(item, tabProps);
}; };
onTabChange = tabType => { onTabChange = tabType => {
this.setState({ tabType }); this.setState({ tabType });
this.props.onTabChange(tabType); this.props.onTabChange(tabType);
}; };
getNotificationBox() { getNotificationBox() {
const { children, loading, locale } = this.props; const { children, loading, locale } = this.props;
if (!children) { if (!children) {
...@@ -67,6 +71,7 @@ export default class NoticeIcon extends PureComponent { ...@@ -67,6 +71,7 @@ export default class NoticeIcon extends PureComponent {
</Spin> </Spin>
); );
} }
render() { render() {
const { className, count, popupAlign, onPopupVisibleChange } = this.props; const { className, count, popupAlign, onPopupVisibleChange } = this.props;
const noticeButtonClass = classNames(className, styles.noticeButton); const noticeButtonClass = classNames(className, styles.noticeButton);
......
...@@ -40,11 +40,13 @@ export default class PageHeader extends PureComponent { ...@@ -40,11 +40,13 @@ export default class PageHeader extends PureComponent {
this.getBreadcrumbDom(); this.getBreadcrumbDom();
} }
} }
onChange = key => { onChange = key => {
if (this.props.onTabChange) { if (this.props.onTabChange) {
this.props.onTabChange(key); this.props.onTabChange(key);
} }
}; };
getBreadcrumbProps = () => { getBreadcrumbProps = () => {
return { return {
routes: this.props.routes || this.context.routes, routes: this.props.routes || this.context.routes,
...@@ -53,12 +55,14 @@ export default class PageHeader extends PureComponent { ...@@ -53,12 +55,14 @@ export default class PageHeader extends PureComponent {
breadcrumbNameMap: this.props.breadcrumbNameMap || this.context.breadcrumbNameMap, breadcrumbNameMap: this.props.breadcrumbNameMap || this.context.breadcrumbNameMap,
}; };
}; };
getBreadcrumbDom = () => { getBreadcrumbDom = () => {
const breadcrumb = this.conversionBreadcrumbList(); const breadcrumb = this.conversionBreadcrumbList();
this.setState({ this.setState({
breadcrumb, breadcrumb,
}); });
}; };
// Generated according to props // Generated according to props
conversionFromProps = () => { conversionFromProps = () => {
const { breadcrumbList, breadcrumbSeparator, linkElement = 'a' } = this.props; const { breadcrumbList, breadcrumbSeparator, linkElement = 'a' } = this.props;
...@@ -80,6 +84,7 @@ export default class PageHeader extends PureComponent { ...@@ -80,6 +84,7 @@ export default class PageHeader extends PureComponent {
</Breadcrumb> </Breadcrumb>
); );
}; };
conversionFromLocation = (routerLocation, breadcrumbNameMap) => { conversionFromLocation = (routerLocation, breadcrumbNameMap) => {
const { breadcrumbSeparator, linkElement = 'a' } = this.props; const { breadcrumbSeparator, linkElement = 'a' } = this.props;
// Convert the url to an array // Convert the url to an array
...@@ -116,6 +121,7 @@ export default class PageHeader extends PureComponent { ...@@ -116,6 +121,7 @@ export default class PageHeader extends PureComponent {
</Breadcrumb> </Breadcrumb>
); );
}; };
/** /**
* 将参数转化为面包屑 * 将参数转化为面包屑
* Convert parameters into breadcrumbs * Convert parameters into breadcrumbs
...@@ -146,6 +152,7 @@ export default class PageHeader extends PureComponent { ...@@ -146,6 +152,7 @@ export default class PageHeader extends PureComponent {
} }
return null; return null;
}; };
// 渲染Breadcrumb 子节点 // 渲染Breadcrumb 子节点
// Render the Breadcrumb child node // Render the Breadcrumb child node
itemRender = (route, params, routes, paths) => { itemRender = (route, params, routes, paths) => {
......
...@@ -28,8 +28,7 @@ const getIcon = icon => { ...@@ -28,8 +28,7 @@ const getIcon = icon => {
* @param menu * @param menu
*/ */
export const getFlatMenuKeys = menu => export const getFlatMenuKeys = menu =>
menu menu.reduce((keys, item) => {
.reduce((keys, item) => {
keys.push(item.path); keys.push(item.path);
if (item.children) { if (item.children) {
return keys.concat(getFlatMenuKeys(item.children)); return keys.concat(getFlatMenuKeys(item.children));
...@@ -43,11 +42,11 @@ export const getFlatMenuKeys = menu => ...@@ -43,11 +42,11 @@ export const getFlatMenuKeys = menu =>
* @param paths: [/abc, /abc/11, /abc/11/info] * @param paths: [/abc, /abc/11, /abc/11/info]
*/ */
export const getMenuMatchKeys = (flatMenuKeys, paths) => export const getMenuMatchKeys = (flatMenuKeys, paths) =>
paths paths.reduce(
.reduce((matchKeys, path) => ( (matchKeys, path) =>
matchKeys.concat( matchKeys.concat(flatMenuKeys.filter(item => pathToRegexp(item).test(path))),
flatMenuKeys.filter(item => pathToRegexp(item).test(path)) []
)), []); );
export default class SiderMenu extends PureComponent { export default class SiderMenu extends PureComponent {
constructor(props) { constructor(props) {
...@@ -58,6 +57,7 @@ export default class SiderMenu extends PureComponent { ...@@ -58,6 +57,7 @@ export default class SiderMenu extends PureComponent {
openKeys: this.getDefaultCollapsedSubMenus(props), openKeys: this.getDefaultCollapsedSubMenus(props),
}; };
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
if (nextProps.location.pathname !== this.props.location.pathname) { if (nextProps.location.pathname !== this.props.location.pathname) {
this.setState({ this.setState({
...@@ -65,15 +65,20 @@ export default class SiderMenu extends PureComponent { ...@@ -65,15 +65,20 @@ export default class SiderMenu extends PureComponent {
}); });
} }
} }
/** /**
* Convert pathname to openKeys * Convert pathname to openKeys
* /list/search/articles = > ['list','/list/search'] * /list/search/articles = > ['list','/list/search']
* @param props * @param props
*/ */
getDefaultCollapsedSubMenus(props) { getDefaultCollapsedSubMenus(props) {
const { location: { pathname } } = props || this.props; const {
location: { pathname },
} =
props || this.props;
return getMenuMatchKeys(this.flatMenuKeys, urlToList(pathname)); return getMenuMatchKeys(this.flatMenuKeys, urlToList(pathname));
} }
/** /**
* 判断是否是http链接.返回 Link 或 a * 判断是否是http链接.返回 Link 或 a
* Judge whether it is http link.return a or Link * Judge whether it is http link.return a or Link
...@@ -110,6 +115,7 @@ export default class SiderMenu extends PureComponent { ...@@ -110,6 +115,7 @@ export default class SiderMenu extends PureComponent {
</Link> </Link>
); );
}; };
/** /**
* get SubMenu or Item * get SubMenu or Item
*/ */
...@@ -141,6 +147,7 @@ export default class SiderMenu extends PureComponent { ...@@ -141,6 +147,7 @@ export default class SiderMenu extends PureComponent {
return <Menu.Item key={item.path}>{this.getMenuItemPath(item)}</Menu.Item>; return <Menu.Item key={item.path}>{this.getMenuItemPath(item)}</Menu.Item>;
} }
}; };
/** /**
* 获得菜单子节点 * 获得菜单子节点
* @memberof SiderMenu * @memberof SiderMenu
...@@ -158,11 +165,15 @@ export default class SiderMenu extends PureComponent { ...@@ -158,11 +165,15 @@ export default class SiderMenu extends PureComponent {
}) })
.filter(item => item); .filter(item => item);
}; };
// Get the currently selected menu // Get the currently selected menu
getSelectedMenuKeys = () => { getSelectedMenuKeys = () => {
const { location: { pathname } } = this.props; const {
location: { pathname },
} = this.props;
return getMenuMatchKeys(this.flatMenuKeys, urlToList(pathname)); return getMenuMatchKeys(this.flatMenuKeys, urlToList(pathname));
}; };
// conversion Path // conversion Path
// 转化路径 // 转化路径
conversionPath = path => { conversionPath = path => {
...@@ -172,6 +183,7 @@ export default class SiderMenu extends PureComponent { ...@@ -172,6 +183,7 @@ export default class SiderMenu extends PureComponent {
return `/${path || ''}`.replace(/\/+/g, '/'); return `/${path || ''}`.replace(/\/+/g, '/');
} }
}; };
// permission to check // permission to check
checkPermissionItem = (authority, ItemDom) => { checkPermissionItem = (authority, ItemDom) => {
if (this.props.Authorized && this.props.Authorized.check) { if (this.props.Authorized && this.props.Authorized.check) {
...@@ -180,9 +192,11 @@ export default class SiderMenu extends PureComponent { ...@@ -180,9 +192,11 @@ export default class SiderMenu extends PureComponent {
} }
return ItemDom; return ItemDom;
}; };
isMainMenu = key => { isMainMenu = key => {
return this.menus.some(item => key && (item.key === key || item.path === key)); return this.menus.some(item => key && (item.key === key || item.path === key));
}; };
handleOpenChange = openKeys => { handleOpenChange = openKeys => {
const lastOpenKey = openKeys[openKeys.length - 1]; const lastOpenKey = openKeys[openKeys.length - 1];
const moreThanOne = openKeys.filter(openKey => this.isMainMenu(openKey)).length > 1; const moreThanOne = openKeys.filter(openKey => this.isMainMenu(openKey)).length > 1;
...@@ -190,6 +204,7 @@ export default class SiderMenu extends PureComponent { ...@@ -190,6 +204,7 @@ export default class SiderMenu extends PureComponent {
openKeys: moreThanOne ? [lastOpenKey] : [...openKeys], openKeys: moreThanOne ? [lastOpenKey] : [...openKeys],
}); });
}; };
render() { render() {
const { logo, collapsed, onCollapse } = this.props; const { logo, collapsed, onCollapse } = this.props;
const { openKeys } = this.state; const { openKeys } = this.state;
......
...@@ -63,7 +63,12 @@ class StandardTable extends PureComponent { ...@@ -63,7 +63,12 @@ class StandardTable extends PureComponent {
render() { render() {
const { selectedRowKeys, needTotalList } = this.state; const { selectedRowKeys, needTotalList } = this.state;
const { data: { list, pagination }, loading, columns, rowKey } = this.props; const {
data: { list, pagination },
loading,
columns,
rowKey,
} = this.props;
const paginationProps = { const paginationProps = {
showSizeChanger: true, showSizeChanger: true,
...@@ -88,7 +93,8 @@ class StandardTable extends PureComponent { ...@@ -88,7 +93,8 @@ class StandardTable extends PureComponent {
已选择 <a style={{ fontWeight: 600 }}>{selectedRowKeys.length}</a> 项&nbsp;&nbsp; 已选择 <a style={{ fontWeight: 600 }}>{selectedRowKeys.length}</a> 项&nbsp;&nbsp;
{needTotalList.map(item => ( {needTotalList.map(item => (
<span style={{ marginLeft: 8 }} key={item.dataIndex}> <span style={{ marginLeft: 8 }} key={item.dataIndex}>
{item.title}总计&nbsp; {item.title}
总计&nbsp;
<span style={{ fontWeight: 600 }}> <span style={{ fontWeight: 600 }}>
{item.render ? item.render(item.total) : item.total} {item.render ? item.render(item.total) : item.total}
</span> </span>
......
...@@ -19,6 +19,7 @@ class TagSelect extends Component { ...@@ -19,6 +19,7 @@ class TagSelect extends Component {
expand: false, expand: false,
value: this.props.value || this.props.defaultValue || [], value: this.props.value || this.props.defaultValue || [],
}; };
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
if ('value' in nextProps && nextProps.value) { if ('value' in nextProps && nextProps.value) {
this.setState({ value: nextProps.value }); this.setState({ value: nextProps.value });
......
...@@ -89,9 +89,11 @@ class BasicLayout extends React.PureComponent { ...@@ -89,9 +89,11 @@ class BasicLayout extends React.PureComponent {
location: PropTypes.object, location: PropTypes.object,
breadcrumbNameMap: PropTypes.object, breadcrumbNameMap: PropTypes.object,
}; };
state = { state = {
isMobile, isMobile,
}; };
getChildContext() { getChildContext() {
const { location, routerData } = this.props; const { location, routerData } = this.props;
return { return {
...@@ -99,6 +101,7 @@ class BasicLayout extends React.PureComponent { ...@@ -99,6 +101,7 @@ class BasicLayout extends React.PureComponent {
breadcrumbNameMap: getBreadcrumbNameMap(getMenuData(), routerData), breadcrumbNameMap: getBreadcrumbNameMap(getMenuData(), routerData),
}; };
} }
componentDidMount() { componentDidMount() {
this.enquireHandler = enquireScreen(mobile => { this.enquireHandler = enquireScreen(mobile => {
this.setState({ this.setState({
...@@ -109,9 +112,11 @@ class BasicLayout extends React.PureComponent { ...@@ -109,9 +112,11 @@ class BasicLayout extends React.PureComponent {
type: 'user/fetchCurrent', type: 'user/fetchCurrent',
}); });
} }
componentWillUnmount() { componentWillUnmount() {
unenquireScreen(this.enquireHandler); unenquireScreen(this.enquireHandler);
} }
getPageTitle() { getPageTitle() {
const { routerData, location } = this.props; const { routerData, location } = this.props;
const { pathname } = location; const { pathname } = location;
...@@ -128,6 +133,7 @@ class BasicLayout extends React.PureComponent { ...@@ -128,6 +133,7 @@ class BasicLayout extends React.PureComponent {
} }
return title; return title;
} }
getBaseRedirect = () => { getBaseRedirect = () => {
// According to the url parameter to redirect // According to the url parameter to redirect
// 这里是重定向的,重定向到 url 的 redirect 参数所示地址 // 这里是重定向的,重定向到 url 的 redirect 参数所示地址
...@@ -148,12 +154,14 @@ class BasicLayout extends React.PureComponent { ...@@ -148,12 +154,14 @@ class BasicLayout extends React.PureComponent {
} }
return redirect; return redirect;
}; };
handleMenuCollapse = collapsed => { handleMenuCollapse = collapsed => {
this.props.dispatch({ this.props.dispatch({
type: 'global/changeLayoutCollapsed', type: 'global/changeLayoutCollapsed',
payload: collapsed, payload: collapsed,
}); });
}; };
handleNoticeClear = type => { handleNoticeClear = type => {
message.success(`清空了${type}`); message.success(`清空了${type}`);
this.props.dispatch({ this.props.dispatch({
...@@ -161,6 +169,7 @@ class BasicLayout extends React.PureComponent { ...@@ -161,6 +169,7 @@ class BasicLayout extends React.PureComponent {
payload: type, payload: type,
}); });
}; };
handleMenuClick = ({ key }) => { handleMenuClick = ({ key }) => {
if (key === 'triggerError') { if (key === 'triggerError') {
this.props.dispatch(routerRedux.push('/exception/trigger')); this.props.dispatch(routerRedux.push('/exception/trigger'));
...@@ -172,6 +181,7 @@ class BasicLayout extends React.PureComponent { ...@@ -172,6 +181,7 @@ class BasicLayout extends React.PureComponent {
}); });
} }
}; };
handleNoticeVisibleChange = visible => { handleNoticeVisibleChange = visible => {
if (visible) { if (visible) {
this.props.dispatch({ this.props.dispatch({
...@@ -179,6 +189,7 @@ class BasicLayout extends React.PureComponent { ...@@ -179,6 +189,7 @@ class BasicLayout extends React.PureComponent {
}); });
} }
}; };
render() { render() {
const { const {
currentUser, currentUser,
......
...@@ -41,6 +41,7 @@ class UserLayout extends React.PureComponent { ...@@ -41,6 +41,7 @@ class UserLayout extends React.PureComponent {
} }
return title; return title;
} }
render() { render() {
const { routerData, match } = this.props; const { routerData, match } = this.props;
return ( return (
......
...@@ -43,7 +43,9 @@ for (let i = 0; i < 7; i += 1) { ...@@ -43,7 +43,9 @@ for (let i = 0; i < 7; i += 1) {
} }
const Yuan = ({ children }) => ( const Yuan = ({ children }) => (
<span dangerouslySetInnerHTML={{ __html: yuan(children) }} /> /* eslint-disable-line react/no-danger */ <span
dangerouslySetInnerHTML={{ __html: yuan(children) }}
/> /* eslint-disable-line react/no-danger */
); );
@connect(({ chart, loading }) => ({ @connect(({ chart, loading }) => ({
...@@ -134,7 +136,9 @@ export default class Analysis extends Component { ...@@ -134,7 +136,9 @@ export default class Analysis extends Component {
const salesPieData = const salesPieData =
salesType === 'all' salesType === 'all'
? salesTypeData ? salesTypeData
: salesType === 'online' ? salesTypeDataOnline : salesTypeDataOffline; : salesType === 'online'
? salesTypeDataOnline
: salesTypeDataOffline;
const menu = ( const menu = (
<Menu> <Menu>
...@@ -201,7 +205,10 @@ export default class Analysis extends Component { ...@@ -201,7 +205,10 @@ export default class Analysis extends Component {
sorter: (a, b) => a.range - b.range, sorter: (a, b) => a.range - b.range,
render: (text, record) => ( render: (text, record) => (
<Trend flag={record.status === 1 ? 'down' : 'up'}> <Trend flag={record.status === 1 ? 'down' : 'up'}>
<span style={{ marginRight: 4 }}>{text}%</span> <span style={{ marginRight: 4 }}>
{text}
%
</span>
</Trend> </Trend>
), ),
align: 'right', align: 'right',
...@@ -261,10 +268,12 @@ export default class Analysis extends Component { ...@@ -261,10 +268,12 @@ export default class Analysis extends Component {
contentHeight={46} contentHeight={46}
> >
<Trend flag="up" style={{ marginRight: 16 }}> <Trend flag="up" style={{ marginRight: 16 }}>
周同比<span className={styles.trendText}>12%</span> 周同比
<span className={styles.trendText}>12%</span>
</Trend> </Trend>
<Trend flag="down"> <Trend flag="down">
日环比<span className={styles.trendText}>11%</span> 日环比
<span className={styles.trendText}>11%</span>
</Trend> </Trend>
</ChartCard> </ChartCard>
</Col> </Col>
...@@ -313,10 +322,12 @@ export default class Analysis extends Component { ...@@ -313,10 +322,12 @@ export default class Analysis extends Component {
footer={ footer={
<div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}> <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
<Trend flag="up" style={{ marginRight: 16 }}> <Trend flag="up" style={{ marginRight: 16 }}>
周同比<span className={styles.trendText}>12%</span> 周同比
<span className={styles.trendText}>12%</span>
</Trend> </Trend>
<Trend flag="down"> <Trend flag="down">
日环比<span className={styles.trendText}>11%</span> 日环比
<span className={styles.trendText}>11%</span>
</Trend> </Trend>
</div> </div>
} }
...@@ -455,9 +466,7 @@ export default class Analysis extends Component { ...@@ -455,9 +466,7 @@ export default class Analysis extends Component {
<Pie <Pie
hasLegend hasLegend
subTitle="销售额" subTitle="销售额"
total={ total={() => <Yuan>{salesPieData.reduce((pre, now) => now.y + pre, 0)}</Yuan>}
() => <Yuan>{salesPieData.reduce((pre, now) => now.y + pre, 0)}</Yuan>
}
data={salesPieData} data={salesPieData}
valueFormat={value => <Yuan>{value}</Yuan>} valueFormat={value => <Yuan>{value}</Yuan>}
height={248} height={248}
......
...@@ -99,7 +99,9 @@ export default class Workplace extends PureComponent { ...@@ -99,7 +99,9 @@ export default class Workplace extends PureComponent {
} }
renderActivities() { renderActivities() {
const { activities: { list } } = this.props; const {
activities: { list },
} = this.props;
return list.map(item => { return list.map(item => {
const events = item.template.split(/@\{([^{}]*)\}/gi).map(key => { const events = item.template.split(/@\{([^{}]*)\}/gi).map(key => {
if (item[key]) { if (item[key]) {
...@@ -165,7 +167,8 @@ export default class Workplace extends PureComponent { ...@@ -165,7 +167,8 @@ export default class Workplace extends PureComponent {
<div className={styles.statItem}> <div className={styles.statItem}>
<p>团队内排名</p> <p>团队内排名</p>
<p> <p>
8<span> / 24</span> 8
<span> / 24</span>
</p> </p>
</div> </div>
<div className={styles.statItem}> <div className={styles.statItem}>
......
...@@ -10,6 +10,7 @@ export default class TriggerException extends PureComponent { ...@@ -10,6 +10,7 @@ export default class TriggerException extends PureComponent {
state = { state = {
isloading: false, isloading: false,
}; };
triggerError = code => { triggerError = code => {
this.setState({ this.setState({
isloading: true, isloading: true,
...@@ -21,6 +22,7 @@ export default class TriggerException extends PureComponent { ...@@ -21,6 +22,7 @@ export default class TriggerException extends PureComponent {
}, },
}); });
}; };
render() { render() {
return ( return (
<Card> <Card>
......
...@@ -61,12 +61,15 @@ class AdvancedForm extends PureComponent { ...@@ -61,12 +61,15 @@ class AdvancedForm extends PureComponent {
state = { state = {
width: '100%', width: '100%',
}; };
componentDidMount() { componentDidMount() {
window.addEventListener('resize', this.resizeFooterToolbar); window.addEventListener('resize', this.resizeFooterToolbar);
} }
componentWillUnmount() { componentWillUnmount() {
window.removeEventListener('resize', this.resizeFooterToolbar); window.removeEventListener('resize', this.resizeFooterToolbar);
} }
resizeFooterToolbar = () => { resizeFooterToolbar = () => {
const sider = document.querySelectorAll('.ant-layout-sider')[0]; const sider = document.querySelectorAll('.ant-layout-sider')[0];
const width = `calc(100% - ${sider.style.width})`; const width = `calc(100% - ${sider.style.width})`;
...@@ -74,6 +77,7 @@ class AdvancedForm extends PureComponent { ...@@ -74,6 +77,7 @@ class AdvancedForm extends PureComponent {
this.setState({ width }); this.setState({ width });
} }
}; };
render() { render() {
const { form, dispatch, submitting } = this.props; const { form, dispatch, submitting } = this.props;
const { getFieldDecorator, validateFieldsAndScroll, getFieldsError } = form; const { getFieldDecorator, validateFieldsAndScroll, getFieldsError } = form;
......
...@@ -36,6 +36,7 @@ export default class BasicForms extends PureComponent { ...@@ -36,6 +36,7 @@ export default class BasicForms extends PureComponent {
} }
}); });
}; };
render() { render() {
const { submitting } = this.props; const { submitting } = this.props;
const { getFieldDecorator, getFieldValue } = this.props.form; const { getFieldDecorator, getFieldValue } = this.props.form;
...@@ -134,7 +135,8 @@ export default class BasicForms extends PureComponent { ...@@ -134,7 +135,8 @@ export default class BasicForms extends PureComponent {
{...formItemLayout} {...formItemLayout}
label={ label={
<span> <span>
邀评人<em className={styles.optional}>选填</em> 邀评人
<em className={styles.optional}>选填</em>
</span> </span>
} }
> >
...@@ -146,7 +148,8 @@ export default class BasicForms extends PureComponent { ...@@ -146,7 +148,8 @@ export default class BasicForms extends PureComponent {
{...formItemLayout} {...formItemLayout}
label={ label={
<span> <span>
权重<em className={styles.optional}>选填</em> 权重
<em className={styles.optional}>选填</em>
</span> </span>
} }
> >
......
...@@ -55,7 +55,11 @@ class Step2 extends React.PureComponent { ...@@ -55,7 +55,11 @@ class Step2 extends React.PureComponent {
</Form.Item> </Form.Item>
<Form.Item {...formItemLayout} className={styles.stepFormText} label="转账金额"> <Form.Item {...formItemLayout} className={styles.stepFormText} label="转账金额">
<span className={styles.money}>{data.amount}</span> <span className={styles.money}>{data.amount}</span>
<span className={styles.uppercase}>{digitUppercase(data.amount)}</span> <span className={styles.uppercase}>
{digitUppercase(data.amount)}
</span>
</Form.Item> </Form.Item>
<Divider style={{ margin: '24px 0' }} /> <Divider style={{ margin: '24px 0' }} />
<Form.Item {...formItemLayout} label="支付密码" required={false}> <Form.Item {...formItemLayout} label="支付密码" required={false}>
......
...@@ -24,6 +24,7 @@ export default class StepForm extends PureComponent { ...@@ -24,6 +24,7 @@ export default class StepForm extends PureComponent {
return 0; return 0;
} }
} }
render() { render() {
const { match, routerData, location } = this.props; const { match, routerData, location } = this.props;
return ( return (
......
...@@ -11,6 +11,7 @@ export default class TableForm extends PureComponent { ...@@ -11,6 +11,7 @@ export default class TableForm extends PureComponent {
loading: false, loading: false,
}; };
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
if ('value' in nextProps) { if ('value' in nextProps) {
this.setState({ this.setState({
...@@ -18,11 +19,15 @@ export default class TableForm extends PureComponent { ...@@ -18,11 +19,15 @@ export default class TableForm extends PureComponent {
}); });
} }
} }
getRowByKey(key, newData) { getRowByKey(key, newData) {
return (newData || this.state.data).filter(item => item.key === key)[0]; return (newData || this.state.data).filter(item => item.key === key)[0];
} }
index = 0; index = 0;
cacheOriginData = {}; cacheOriginData = {};
toggleEditable = (e, key) => { toggleEditable = (e, key) => {
e.preventDefault(); e.preventDefault();
const newData = this.state.data.map(item => ({ ...item })); const newData = this.state.data.map(item => ({ ...item }));
...@@ -36,11 +41,13 @@ export default class TableForm extends PureComponent { ...@@ -36,11 +41,13 @@ export default class TableForm extends PureComponent {
this.setState({ data: newData }); this.setState({ data: newData });
} }
}; };
remove(key) { remove(key) {
const newData = this.state.data.filter(item => item.key !== key); const newData = this.state.data.filter(item => item.key !== key);
this.setState({ data: newData }); this.setState({ data: newData });
this.props.onChange(newData); this.props.onChange(newData);
} }
newMember = () => { newMember = () => {
const newData = this.state.data.map(item => ({ ...item })); const newData = this.state.data.map(item => ({ ...item }));
newData.push({ newData.push({
...@@ -54,11 +61,13 @@ export default class TableForm extends PureComponent { ...@@ -54,11 +61,13 @@ export default class TableForm extends PureComponent {
this.index += 1; this.index += 1;
this.setState({ data: newData }); this.setState({ data: newData });
}; };
handleKeyPress(e, key) { handleKeyPress(e, key) {
if (e.key === 'Enter') { if (e.key === 'Enter') {
this.saveRow(e, key); this.saveRow(e, key);
} }
} }
handleFieldChange(e, fieldName, key) { handleFieldChange(e, fieldName, key) {
const newData = this.state.data.map(item => ({ ...item })); const newData = this.state.data.map(item => ({ ...item }));
const target = this.getRowByKey(key, newData); const target = this.getRowByKey(key, newData);
...@@ -67,6 +76,7 @@ export default class TableForm extends PureComponent { ...@@ -67,6 +76,7 @@ export default class TableForm extends PureComponent {
this.setState({ data: newData }); this.setState({ data: newData });
} }
} }
saveRow(e, key) { saveRow(e, key) {
e.persist(); e.persist();
this.setState({ this.setState({
...@@ -94,6 +104,7 @@ export default class TableForm extends PureComponent { ...@@ -94,6 +104,7 @@ export default class TableForm extends PureComponent {
}); });
}, 500); }, 500);
} }
cancel(e, key) { cancel(e, key) {
this.clickedCancel = true; this.clickedCancel = true;
e.preventDefault(); e.preventDefault();
...@@ -107,6 +118,7 @@ export default class TableForm extends PureComponent { ...@@ -107,6 +118,7 @@ export default class TableForm extends PureComponent {
this.setState({ data: newData }); this.setState({ data: newData });
this.clickedCancel = false; this.clickedCancel = false;
} }
render() { render() {
const columns = [ const columns = [
{ {
......
...@@ -63,7 +63,11 @@ export default class FilterCardList extends PureComponent { ...@@ -63,7 +63,11 @@ export default class FilterCardList extends PureComponent {
}; };
render() { render() {
const { list: { list }, loading, form } = this.props; const {
list: { list },
loading,
form,
} = this.props;
const { getFieldDecorator } = form; const { getFieldDecorator } = form;
const CardInfo = ({ activeUser, newUser }) => ( const CardInfo = ({ activeUser, newUser }) => (
......
...@@ -39,7 +39,11 @@ export default class SearchList extends Component { ...@@ -39,7 +39,11 @@ export default class SearchList extends Component {
}; };
render() { render() {
const { form, list: { list }, loading } = this.props; const {
form,
list: { list },
loading,
} = this.props;
const { getFieldDecorator } = form; const { getFieldDecorator } = form;
const owners = [ const owners = [
...@@ -77,7 +81,8 @@ export default class SearchList extends Component { ...@@ -77,7 +81,8 @@ export default class SearchList extends Component {
<div className={styles.description}>{content}</div> <div className={styles.description}>{content}</div>
<div className={styles.extra}> <div className={styles.extra}>
<Avatar src={avatar} size="small" /> <Avatar src={avatar} size="small" />
<a href={href}>{owner}</a> 发布在 <a href={href}>{href}</a> <a href={href}>{owner}</a> 发布
<a href={href}>{href}</a>
<em>{moment(updatedAt).format('YYYY-MM-DD HH:mm')}</em> <em>{moment(updatedAt).format('YYYY-MM-DD HH:mm')}</em>
</div> </div>
</div> </div>
......
...@@ -39,7 +39,10 @@ export default class BasicList extends PureComponent { ...@@ -39,7 +39,10 @@ export default class BasicList extends PureComponent {
} }
render() { render() {
const { list: { list }, loading } = this.props; const {
list: { list },
loading,
} = this.props;
const Info = ({ title, value, bordered }) => ( const Info = ({ title, value, bordered }) => (
<div className={styles.headerInfo}> <div className={styles.headerInfo}>
......
...@@ -22,7 +22,10 @@ export default class CardList extends PureComponent { ...@@ -22,7 +22,10 @@ export default class CardList extends PureComponent {
} }
render() { render() {
const { list: { list }, loading } = this.props; const {
list: { list },
loading,
} = this.props;
const content = ( const content = (
<div className={styles.pageHeaderContent}> <div className={styles.pageHeaderContent}>
......
...@@ -48,7 +48,11 @@ export default class CoverCardList extends PureComponent { ...@@ -48,7 +48,11 @@ export default class CoverCardList extends PureComponent {
}; };
render() { render() {
const { list: { list = [] }, loading, form } = this.props; const {
list: { list = [] },
loading,
form,
} = this.props;
const { getFieldDecorator } = form; const { getFieldDecorator } = form;
const cardList = list ? ( const cardList = list ? (
......
...@@ -312,7 +312,10 @@ export default class TableList extends PureComponent { ...@@ -312,7 +312,10 @@ export default class TableList extends PureComponent {
} }
render() { render() {
const { rule: { data }, loading } = this.props; const {
rule: { data },
loading,
} = this.props;
const { selectedRows, modalVisible } = this.state; const { selectedRows, modalVisible } = this.state;
const columns = [ const columns = [
......
...@@ -333,7 +333,8 @@ export default class AdvancedProfile extends Component { ...@@ -333,7 +333,8 @@ export default class AdvancedProfile extends Component {
</Card> </Card>
<Card title="用户近半年来电记录" style={{ marginBottom: 24 }} bordered={false}> <Card title="用户近半年来电记录" style={{ marginBottom: 24 }} bordered={false}>
<div className={styles.noData}> <div className={styles.noData}>
<Icon type="frown-o" />暂无数据 <Icon type="frown-o" />
暂无数据
</div> </div>
</Card> </Card>
<Card <Card
......
...@@ -16,13 +16,15 @@ const extra = ( ...@@ -16,13 +16,15 @@ const extra = (
您提交的内容有如下错误 您提交的内容有如下错误
</div> </div>
<div style={{ marginBottom: 16 }}> <div style={{ marginBottom: 16 }}>
<Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />您的账户已被冻结 <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
您的账户已被冻结
<a style={{ marginLeft: 16 }}> <a style={{ marginLeft: 16 }}>
立即解冻 <Icon type="right" /> 立即解冻 <Icon type="right" />
</a> </a>
</div> </div>
<div> <div>
<Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />您的账户还不具备申请资格 <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
您的账户还不具备申请资格
<a style={{ marginLeft: 16 }}> <a style={{ marginLeft: 16 }}>
立即升级 <Icon type="right" /> 立即升级 <Icon type="right" />
</a> </a>
......
...@@ -15,7 +15,8 @@ const desc1 = ( ...@@ -15,7 +15,8 @@ const desc1 = (
}} }}
> >
<div style={{ margin: '8px 0 4px' }}> <div style={{ margin: '8px 0 4px' }}>
曲丽丽<Icon style={{ marginLeft: 8 }} type="dingding-o" /> 曲丽丽
<Icon style={{ marginLeft: 8 }} type="dingding-o" />
</div> </div>
<div>2016-12-12 12:32</div> <div>2016-12-12 12:32</div>
</div> </div>
...@@ -24,7 +25,8 @@ const desc1 = ( ...@@ -24,7 +25,8 @@ const desc1 = (
const desc2 = ( const desc2 = (
<div style={{ fontSize: 12, position: 'relative', left: 42 }}> <div style={{ fontSize: 12, position: 'relative', left: 42 }}>
<div style={{ margin: '8px 0 4px' }}> <div style={{ margin: '8px 0 4px' }}>
周毛毛<Icon type="dingding-o" style={{ color: '#00A0E9', marginLeft: 8 }} /> 周毛毛
<Icon type="dingding-o" style={{ color: '#00A0E9', marginLeft: 8 }} />
</div> </div>
<div> <div>
<a href="">催一下</a> <a href="">催一下</a>
......
...@@ -23,7 +23,8 @@ export default ({ location }) => ( ...@@ -23,7 +23,8 @@ export default ({ location }) => (
type="success" type="success"
title={ title={
<div className={styles.title}> <div className={styles.title}>
你的账户{location.state ? location.state.account : 'AntDesign@example.com'} 注册成功 你的账户
{location.state ? location.state.account : 'AntDesign@example.com'} 注册成功
</div> </div>
} }
description="激活邮件已发送到你的邮箱中,邮件有效期为24小时。请及时登录邮箱,点击邮件中的链接激活帐户。" description="激活邮件已发送到你的邮箱中,邮件有效期为24小时。请及时登录邮箱,点击邮件中的链接激活帐户。"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment