add trial case pages transition(metabase and notification)

src/components/cloudFunction/CloudFunction.jsx

@@ -5,6 +5,8 @@ import {Layout, Menu, LocaleProvider  } from 'antd';
 import Deploy from '../common/deploy/Deploy';
 import Schema from '../common/schema/Schema';
 import Graphql from "../common/graphql/Graphql";
+import Notification from "../common/notification/Notification";
+import Metabase from "../common/metabase/Metabase";
 
 const { SubMenu } = Menu;
 const { Content } = Layout;
@@ -54,6 +56,10 @@ class CloudFunction extends Component {
                                     return <GenerateJs />;
                                 case 'graphiql':
                                     return <Graphql />;
+                                case 'metabase':
+                                    return <Metabase />;
+                                case 'notification':
+                                    return <Notification />;
                                 default:
                                     return <Graphql />
                             }

src/components/common/deploy/Deploy.jsx

@@ -116,7 +116,7 @@ class Deploy extends Component {
               })
             }
           </Col>
-          <Col span={18}>
+          <Col span={17} offset={1}>
             <TencentConfig addConfig={this.addConfig} deleteConfig={this.deleteConfig} currentConfig={this.state.currentConfig}
                   configs={this.state.configs}/>
           </Col>

src/components/common/metabase/Metabase.jsx

@@ -0,0 +1,16 @@
+import React, {Component} from 'react';
+class Metabase extends Component {
+    constructor() {
+        super();
+    }
+
+    render() {
+        return (
+            <div>
+                metabase
+            </div>
+        )
+    }
+}
+
+export default Metabase;

src/components/common/notification/Notification.jsx

@@ -0,0 +1,16 @@
+import React, {Component} from 'react';
+class Notification extends Component {
+    constructor() {
+        super();
+    }
+
+    render() {
+        return (
+            <div>
+                notification
+            </div>
+        )
+    }
+}
+
+export default Notification;

src/components/common/schema/Schema.jsx

@@ -232,7 +232,7 @@ class Schema extends Component {
               <ShowSchemaList schemas={this.state.schemas} fetchSchemas={this.fetchSchemas}/>
             </Col>
 
-            <Col span={18}>
+            <Col span={17} offset={1}>
               {
                 this.state.currentTable === 'add' ?
                     <SchemaChange currentSchema={this.state.currentSchema} columns={[]} remark=''