From 9f2878e497e542552bb8d723dab11b6cdae38621 Mon Sep 17 00:00:00 2001
From: medcl <m@medcl.net>
Date: Sat, 21 Mar 2020 21:47:01 +0800
Subject: [PATCH] add execute file

---
 app/web/src/pages/Endpoints/Execute.js | 144 +++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 app/web/src/pages/Endpoints/Execute.js

diff --git a/app/web/src/pages/Endpoints/Execute.js b/app/web/src/pages/Endpoints/Execute.js
new file mode 100644
index 00000000..74d19dc3
--- /dev/null
+++ b/app/web/src/pages/Endpoints/Execute.js
@@ -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>
+);