Skip to content

GitLab

A
ant-design-pro
Commit c936a6e7 authored by 张秀玲's avatar 张秀玲
Browse files
Options

translate success page

parent fc1ac964
Show whitespace changes
Inline Side-by-side
Showing with 101 additions and 20 deletions
src/locales/en-US.js
View file @ c936a6e7
...@@ -138,4 +138,21 @@ export default { ...@@ -138,4 +138,21 @@ export default {
'app.result.error.hint-text2': 'Your account is not yet eligible to apply', 'app.result.error.hint-text2': 'Your account is not yet eligible to apply',
'app.result.error.hint-btn2': 'Upgrade immediately', 'app.result.error.hint-btn2': 'Upgrade immediately',
'app.result.error.btn-text': 'Return to modify', 'app.result.error.btn-text': 'Return to modify',
'app.result.success.title': 'Submission Success',
'app.result.success.description':
'The submission results page is used to feed back the results of a series of operational tasks. If it is a simple operation, use the Message global prompt feedback. This text area can show a simple supplementary explanation. If there is a similar requirement for displaying “documents”, the following gray area can present more complicated content.',
'app.result.success.operate-title': 'Project Name',
'app.result.success.operate-id': 'Project ID：',
'app.result.success.principal': 'Principal：',
'app.result.success.operate-time': 'Effective time：',
'app.result.success.step1-title': 'Create project',
'app.result.success.step1-operator': 'Qu Lili',
'app.result.success.step2-title': 'Departmental preliminary review',
'app.result.success.step2-operator': 'Zhou Maomao',
'app.result.success.step2-extra': 'Urge',
'app.result.success.step3-title': 'Financial review',
'app.result.success.step4-title': 'Finish',
'app.result.success.btn-return': 'Back to list',
'app.result.success.btn-project': 'View project',
'app.result.success.btn-print': 'Print',
}; };
src/locales/zh-CN.js
View file @ c936a6e7
...@@ -133,4 +133,21 @@ export default { ...@@ -133,4 +133,21 @@ export default {
'app.result.error.hint-text2': '您的账户还不具备申请资格', 'app.result.error.hint-text2': '您的账户还不具备申请资格',
'app.result.error.hint-btn2': '立即升级', 'app.result.error.hint-btn2': '立即升级',
'app.result.error.btn-text': '返回修改', 'app.result.error.btn-text': '返回修改',
'app.result.success.title': '提交成功',
'app.result.success.description':
'提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。',
'app.result.success.operate-title': '项目名称',
'app.result.success.operate-id': '项目 ID：',
'app.result.success.principal': '负责人：',
'app.result.success.operate-time': '生效时间：',
'app.result.success.step1-title': '创建项目',
'app.result.success.step1-operator': '曲丽丽',
'app.result.success.step2-title': '部门初审',
'app.result.success.step2-operator': '周毛毛',
'app.result.success.step2-extra': '催一下',
'app.result.success.step3-title': '财务复核',
'app.result.success.step4-title': '完成',
'app.result.success.btn-return': '返回列表',
'app.result.success.btn-project': '查看项目',
'app.result.success.btn-print': '打印',
}; };
src/pages/Result/Success.js
View file @ c936a6e7
import React, { Fragment } from 'react'; import React, { Fragment } from 'react';
import { formatMessage, FormattedMessage } from 'umi/locale';
import { Button, Row, Col, Icon, Steps, Card } from 'antd'; import { Button, Row, Col, Icon, Steps, Card } from 'antd';
import Result from 'components/Result'; import Result from 'components/Result';
import PageHeaderLayout from '../layouts/PageHeaderLayout'; import PageHeaderLayout from '../layouts/PageHeaderLayout';
...@@ -15,7 +16,7 @@ const desc1 = ( ...@@ -15,7 +16,7 @@ const desc1 = (
}} }}
> >
<div style={{ margin: '8px 0 4px' }}> <div style={{ margin: '8px 0 4px' }}>
曲丽丽 <FormattedMessage id="app.result.success.step1-operator" defaultMessage="Qu Lili" />
<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>
...@@ -25,11 +26,13 @@ const desc1 = ( ...@@ -25,11 +26,13 @@ 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' }}>
周毛毛 <FormattedMessage id="app.result.success.step2-operator" defaultMessage="Zhou Maomao" />
<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="">
<FormattedMessage id="app.result.success.step2-extra" defaultMessage="Urge" />
</a>
</div> </div>
</div> </div>
); );
...@@ -44,36 +47,83 @@ const extra = ( ...@@ -44,36 +47,83 @@ const extra = (
marginBottom: 20, marginBottom: 20,
}} }}
> >
项目名称 <FormattedMessage id="app.result.success.operate-title" defaultMessage="Project Name" />
</div> </div>
<Row style={{ marginBottom: 16 }}> <Row style={{ marginBottom: 16 }}>
<Col xs={24} sm={12} md={12} lg={12} xl={6}> <Col xs={24} sm={12} md={12} lg={12} xl={6}>
<span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>项目 ID：</span> <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
<FormattedMessage id="app.result.success.operate-id" defaultMessage="Project ID：" />
</span>
23421 23421
</Col> </Col>
<Col xs={24} sm={12} md={12} lg={12} xl={6}> <Col xs={24} sm={12} md={12} lg={12} xl={6}>
<span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>负责人：</span> <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
曲丽丽 <FormattedMessage id="app.result.success.principal" defaultMessage="Principal：" />
</span>
<FormattedMessage id="app.result.success.step1-operator" defaultMessage="Qu Lili" />
</Col> </Col>
<Col xs={24} sm={24} md={24} lg={24} xl={12}> <Col xs={24} sm={24} md={24} lg={24} xl={12}>
<span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>生效时间：</span> <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
<FormattedMessage
id="app.result.success.operate-time"
defaultMessage="Effective time："
/>
</span>
2016-12-12 ~ 2017-12-12 2016-12-12 ~ 2017-12-12
</Col> </Col>
</Row> </Row>
<Steps style={{ marginLeft: -42, width: 'calc(100% + 84px)' }} progressDot current={1}> <Steps style={{ marginLeft: -42, width: 'calc(100% + 84px)' }} progressDot current={1}>
<Step title={<span style={{ fontSize: 14 }}>创建项目</span>} description={desc1} /> <Step
<Step title={<span style={{ fontSize: 14 }}>部门初审</span>} description={desc2} /> title={
<Step title={<span style={{ fontSize: 14 }}>财务复核</span>} /> <span style={{ fontSize: 14 }}>
<Step title={<span style={{ fontSize: 14 }}>完成</span>} /> <FormattedMessage id="app.result.success.step1-title" defaultMessage="Create project" />
</span>
}
description={desc1}
/>
<Step
title={
<span style={{ fontSize: 14 }}>
<FormattedMessage
id="app.result.success.step2-title"
defaultMessage="Departmental preliminary review"
/>
</span>
}
description={desc2}
/>
<Step
title={
<span style={{ fontSize: 14 }}>
<FormattedMessage
id="app.result.success.step3-title"
defaultMessage="Financial review"
/>
</span>
}
/>
<Step
title={
<span style={{ fontSize: 14 }}>
<FormattedMessage id="app.result.success.step4-title" defaultMessage="Finish" />
</span>
}
/>
</Steps> </Steps>
</Fragment> </Fragment>
); );
const actions = ( const actions = (
<Fragment> <Fragment>
<Button type="primary">返回列表</Button> <Button type="primary">
<Button>查看项目</Button> <FormattedMessage id="app.result.success.btn-return" defaultMessage="Back to list" />
<Button>打 印</Button> </Button>
<Button>
<FormattedMessage id="app.result.success.btn-project" defaultMessage="View project" />
</Button>
<Button>
<FormattedMessage id="app.result.success.btn-print" defaultMessage="Print" />
</Button>
</Fragment> </Fragment>
); );
...@@ -82,11 +132,8 @@ export default () => ( ...@@ -82,11 +132,8 @@ export default () => (
<Card bordered={false}> <Card bordered={false}>
<Result <Result
type="success" type="success"
title="提交成功" title={formatMessage({ id: 'app.result.success.title' }, {})}
description="提交结果页用于反馈一系列操作任务的处理结果， description={formatMessage({ id: 'app.result.success.description' }, {})}
如果仅是简单操作，使用 Message 全局提示反馈即可。
本文字区域可以展示简单的补充说明，如果有类似展示
“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
extra={extra} extra={extra}
actions={actions} actions={actions}
style={{ marginTop: 48, marginBottom: 16 }} style={{ marginTop: 48, marginBottom: 16 }}
......
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