feat: 订单提升

config/config.js

@@ -85,7 +85,7 @@ export default {
           routes: [
             {
               path: '/',
-              component: './Admin',
+              component: './Admin/Admin',
             },
             {
               path: '/orderManage/pendingDeliveryOrder',

src/pages/Admin.jsx

-import React from 'react';
-import { Card, Typography, Alert, Icon } from 'antd';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-
-export default () => (
-  <h2>欢迎使用商户管理后台系统</h2>
-);

src/pages/Admin/Admin.jsx

+import React from 'react';
+import { Row, Col } from 'antd';
+// import { PageHeaderWrapper } from '@ant-design/pro-layout';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { FileTextOutlined } from '@ant-design/icons';
+import style from './styles.less';
+
+const Admin = () => (
+  <div>
+    <h2>欢迎使用商户管理后台系统</h2>
+    <div>
+      <div>
+        <span className={style.orderleft}></span>
+        <span className={style.orderRight}>待办事项</span>
+      </div>
+      <div style={{ marginTop: '20px' }}>
+        <Row className={style.orderContent}>
+          <Col span={2} className="titleOne">
+            <div>
+              <FileTextOutlined />
+              <p>订单</p>
+            </div>
+          </Col>
+          <Col span={2}>
+            <strong>9</strong>
+            <p>待发货</p>
+          </Col>
+          <Col span={3}>
+            <strong>9</strong>
+            <p>待发货{'>'}48小时</p>
+          </Col>
+          <Col span={4}>
+            <strong>9</strong>
+            <p>取消订单审核{'<'}24小时</p>
+          </Col>
+        </Row>
+      </div>
+    </div>
+  </div>
+);
+export default Admin;

src/pages/Admin/styles.less

+.orderleft {
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  margin: 0 10px;
+  vertical-align: middle;
+  background-color: #1890ff;
+}
+.orderRight {
+  display: inline-block;
+  color: #000;
+  font-weight: bold;
+  font-size: 18px;
+}
+.orderContent {
+  :global {
+    .ant-col {
+      padding: 19px 0;
+      text-align: center;
+      background-color: #fff;
+      border: 1px solid #cecece;
+      border-left: none;
+      strong {
+        color: red;
+      }
+    }
+    .titleOne {
+      padding: 20px 0;
+      color: #fff;
+      text-align: center;
+      background-color: #1890ff;
+      border: none;
+    }
+  }
+}