tsai
/
ant-design-pro
mirror of https://github.com/ant-design/ant-design-pro
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

translate success page

pull/1888/merge
张秀玲 8 years ago
parent
fc1ac9642e
commit
c936a6e7de
3 changed files with 101 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      src/locales/en-US.js
  2. 17
      src/locales/zh-CN.js
  3. 87
      src/pages/Result/Success.js

17
src/locales/en-US.js
View File

@ -138,4 +138,21 @@ export default {
'app.result.error.hint-text2': 'Your account is not yet eligible to apply',
'app.result.error.hint-btn2': 'Upgrade immediately',
'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',
};

17
src/locales/zh-CN.js
View File

@ -133,4 +133,21 @@ export default {
'app.result.error.hint-text2': '您的账户还不具备申请资格',
'app.result.error.hint-btn2': '立即升级',
'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': '打印',
};

87
src/pages/Result/Success.js
View File

@ -1,4 +1,5 @@
import React, { Fragment } from 'react';
import { formatMessage, FormattedMessage } from 'umi/locale';
import { Button, Row, Col, Icon, Steps, Card } from 'antd';
import Result from 'components/Result';
import PageHeaderLayout from '../layouts/PageHeaderLayout';
@ -15,7 +16,7 @@ const desc1 = (
}}
>
<div style={{ margin: '8px 0 4px' }}>
曲丽丽
<FormattedMessage id="app.result.success.step1-operator" defaultMessage="Qu Lili" />
<Icon style={{ marginLeft: 8 }} type="dingding-o" />
</div>
<div>2016-12-12 12:32</div>
@ -25,11 +26,13 @@ const desc1 = (
const desc2 = (
<div style={{ fontSize: 12, position: 'relative', left: 42 }}>
<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 }} />
</div>
<div>
<a href="">催一下</a>
<a href="">
<FormattedMessage id="app.result.success.step2-extra" defaultMessage="Urge" />
</a>
</div>
</div>
);
@ -44,36 +47,83 @@ const extra = (
marginBottom: 20,
}}
>
项目名称
<FormattedMessage id="app.result.success.operate-title" defaultMessage="Project Name" />
</div>
<Row style={{ marginBottom: 16 }}>
<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
</Col>
<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 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
</Col>
</Row>
<Steps style={{ marginLeft: -42, width: 'calc(100% + 84px)' }} progressDot current={1}>
<Step title={<span style={{ fontSize: 14 }}>创建项目</span>} description={desc1} />
<Step title={<span style={{ fontSize: 14 }}>部门初审</span>} description={desc2} />
<Step title={<span style={{ fontSize: 14 }}>财务复核</span>} />
<Step title={<span style={{ fontSize: 14 }}>完成</span>} />
<Step
title={
<span style={{ fontSize: 14 }}>
<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>
</Fragment>
);
const actions = (
<Fragment>
<Button type="primary">返回列表</Button>
<Button>查看项目</Button>
<Button>打 印</Button>
<Button type="primary">
<FormattedMessage id="app.result.success.btn-return" defaultMessage="Back to list" />
</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>
);
@ -82,11 +132,8 @@ export default () => (
<Card bordered={false}>
<Result
type="success"
title="提交成功"
description="提交结果页用于反馈一系列操作任务的处理结果，
如果仅是简单操作，使用 Message 全局提示反馈即可。
本文字区域可以展示简单的补充说明，如果有类似展示
“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
title={formatMessage({ id: 'app.result.success.title' }, {})}
description={formatMessage({ id: 'app.result.success.description' }, {})}
extra={extra}
actions={actions}
style={{ marginTop: 48, marginBottom: 16 }}

Write Preview
Loading…
Cancel
Save