Update dashboard

Author: LyricTian

src/pages/Dashboard/Home.js

@@ -1,9 +1,18 @@
 import React, { PureComponent } from 'react';
 import { connect } from 'dva';
 import moment from 'moment';
+import { Typography, Card, Alert } from 'antd';
 import PageHeaderLayout from '../../layouts/PageHeaderLayout';
 import styles from './Home.less';
 
+const CodePreview = ({ children }) => (
+  <pre className={styles.pre}>
+    <code>
+      <Typography.Text copyable>{children}</Typography.Text>
+    </code>
+  </pre>
+);
+
 @connect(state => ({
   global: state.global,
 }))
@@ -58,7 +67,61 @@ class Home extends PureComponent {
         content={this.getHeaderContent()}
         action={<span>当前时间：{currentTime}</span>}
       >
-        <div className={styles.index} />
+        <Card>
+          <Alert
+            message="gin-admin 5.2.1 现已发布，欢迎使用 gin-admin-cli 启动体验。"
+            type="success"
+            showIcon
+            banner
+            style={{
+              margin: -12,
+              marginBottom: 24,
+            }}
+          />
+          <Typography.Text strong>
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://github.com/LyricTian/gin-admin-cli"
+            >
+              1. 基于 gin-admin-cli 构建
+            </a>
+          </Typography.Text>
+          <CodePreview>go get -v github.com/LyricTian/gin-admin-cli</CodePreview>
+          <CodePreview>gin-admin-cli new -m -d ~/go/src/gin-admin -p gin-admin</CodePreview>
+          <Typography.Text strong>
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://github.com/LyricTian/gin-admin"
+            >
+              2. 启动服务
+            </a>
+          </Typography.Text>
+          <CodePreview>cd ~/go/src/gin-admin</CodePreview>
+          <CodePreview>
+            go run cmd/server/main.go -c ./configs/config.toml -m ./configs/model.conf -swagger
+            ./docs/swagger -menu ./configs/menu.json
+          </CodePreview>
+          <Typography.Text
+            strong
+            style={{
+              marginBottom: 12,
+            }}
+          >
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://github.com/LyricTian/gin-admin-react"
+            >
+              3. 获取并运行 gin-admin-react
+            </a>
+          </Typography.Text>
+          <CodePreview>git clone https://github.com/LyricTian/gin-admin-react.git</CodePreview>
+          <CodePreview>cd gin-admin-react</CodePreview>
+          <CodePreview>yarn</CodePreview>
+          <CodePreview>yarn start</CodePreview>
+        </Card>
       </PageHeaderLayout>
     );
   }

src/pages/Dashboard/Home.less

@@ -1,3 +1,12 @@
+@import '~antd/lib/style/themes/default.less';
+
+.pre {
+  margin: 12px 0;
+  padding: 12px 20px;
+  background: @input-bg;
+  box-shadow: @card-shadow;
+}
+
 .index {
   width: 100%;
   min-height: 100vh;

src/pages/Menu/MenuCard.js

@@ -176,7 +176,7 @@ class MenuCard extends PureComponent {
             </Row>
             <Row>
               <Col span={24}>
-                <Card title="菜单动作管理" bordered={false}>
+                <Card title="动作管理" bordered={false}>
                   {getFieldDecorator('actions', {
                     initialValue: formData.actions,
                   })(<MenuAction />)}
@@ -185,7 +185,7 @@ class MenuCard extends PureComponent {
             </Row>
             <Row>
               <Col span={24}>
-                <Card title="菜单资源管理" bordered={false}>
+                <Card title="资源管理(服务端路由)" bordered={false}>
                   {getFieldDecorator('resources', {
                     initialValue: formData.resources,
                   })(<MenuResource />)}