更改流程

src/app/basicVersion/caseShow/UserCustom.js

@@ -63,26 +63,15 @@ class UserCustom extends Component {
                     </div>
 
                     <Row>
-                        <Col span={9} offset={2}>
-                            <div className='step-kind'>
-                                发布体验
-                            </div>
-                            <Steps direction="vertical" current={2}>
-                                <Step title=<Step00/> />
-                                <Step title=<Step01/> />
-                            </Steps>
-                        </Col>
-                        <Col span={9} offset={2}>
+                        <Col span={9} offset={8}>
                             <div className='step-kind'>
                                 发布上线
                             </div>
-                            <Steps direction="vertical" current={5}>
-                                <Step title=<Step10/> />
-                                <Step title=<Step11 getCloudDetail={this.getCloudDetail} userID={userID}/> />
-                                <Step title=<Step12/> />
-                                <Step title=<Step13/> />
+                            <Steps direction="vertical" current={6}>
+                                <Step title=<Step1/> />
+                                <Step title=<Step2 getCloudDetail={this.getCloudDetail} userID={userID}/> />
                                 <Step title=
-                                      <Step14
+                                      <Step3
                                           getPrimaryConfigDetail={this.getPrimaryConfigDetail}
                                           userID={userID}
                                           bucketName={bucketName}
@@ -92,6 +81,10 @@ class UserCustom extends Component {
                                           cloudID={cloudID}
                                       />
                                 />
+                                <Step title=<Step4/> />
+                                <Step title=<Step5/> />
+                                <Step title=<Step6/> />
+
                             </Steps>
                         </Col>
                     </Row>
@@ -579,29 +572,14 @@ class NameAndDB extends Component {
     }
 }
 
-const Step00 = (props) => (
-    <div className='step-block'>
-        <Button type="primary" size='large' style={{borderRadius: 10}}>一键部署</Button>
-        <div style={{fontSize: 16}}>
-            默认部署至腾讯云. 亚马逊，阿里云等请联系我们
-        </div>
-    </div>
-);
-
-const Step01 = (props) => (
-    <div className='step-block'>
-        扫码查看结果
-    </div>
-);
-
-const Step10 = (props) => (
+const Step1 = (props) => (
     <div className='step-block'>
         第一步：注册腾讯云账户
         <Button style={{marginLeft: 20}}>使用帮助</Button>
     </div>
 );
 
-class Step11 extends Component {
+class Step2 extends Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -632,14 +610,30 @@ class Step11 extends Component {
     }
 }
 
-const Step12 = (props) => (
+const Step3 = (props) => (
+    <div className='step-block'>
+        开始部署
+        <div>
+            <NameAndDB
+                userID={props.userID}
+                bucketName={props.bucketName}
+                secretID={props.secretID}
+                secretKey={props.secretKey}
+                appId={props.appId}
+                cloudID={props.cloudID}
+            />
+        </div>
+    </div>
+);
+
+const Step4 = (props) => (
     <div className='step-block'>
         第三步：注册微信公众号/小程序
         <Button style={{marginLeft: 20}}>使用帮助</Button>
     </div>
 );
 
-const Step13 = (props) => (
+const Step5 = (props) => (
     <div className='step-block'>
         第四步：微信公众号/小程序 后台填写配置
         <Button style={{marginLeft: 20}}>使用帮助</Button>
@@ -649,18 +643,12 @@ const Step13 = (props) => (
     </div>
 );
 
-const Step14 = (props) => (
+
+const Step6 = (props) => (
     <div className='step-block'>
         开始使用
         <div>
-            <NameAndDB
-                userID={props.userID}
-                bucketName={props.bucketName}
-                secretID={props.secretID}
-                secretKey={props.secretKey}
-                appId={props.appId}
-                cloudID={props.cloudID}
-            />
+            <Button type='primary'>使用</Button>
         </div>
     </div>
 );