floraachy
/
console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add execute file

This commit is contained in:
medcl 2020-03-21 21:47:01 +08:00
parent 2b68e74680
commit 9f2878e497
1 changed files with 144 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
app/web/src/pages/Endpoints/Execute.js Normal file
View File

@ -0,0 +1,144 @@
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 PageHeaderWrapper from '@/components/PageHeaderWrapper';
const { Step } = Steps;
const desc1 = (
<div
style={{
fontSize: 12,
color: 'rgba(0, 0, 0, 0.45)',
position: 'relative',
left: 42,
textAlign: 'left',
}}
>
<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>
</div>
);
const desc2 = (
<div style={{ fontSize: 12, position: 'relative', left: 42, textAlign: 'left' }}>
<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="">
<FormattedMessage id="app.result.success.step2-extra" defaultMessage="Urge" />
</a>
</div>
</div>
);
const extra = (
<Fragment>
<div
style={{
fontSize: 16,
color: 'rgba(0, 0, 0, 0.85)',
fontWeight: '500',
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)' }}>
<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)' }}>
<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)' }}>
<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 }}>
<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">
<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>
);
export default () => (
<PageHeaderWrapper>
<Card bordered={false}>
<Result
type="success"
title={formatMessage({ id: 'app.result.success.title' })}
description={formatMessage({ id: 'app.result.success.description' })}
extra={extra}
actions={actions}
style={{ marginTop: 48, marginBottom: 16 }}
/>
</Card>
</PageHeaderWrapper>
);