style

src/app/common/deploy/tencent/TencentConfig.js

@@ -37,7 +37,7 @@ class TencentConfig extends Component {
                 let dataProject = data.project_by_id;
                 if (dataProject !== null) {
                     this.setState({
-                        schemaState: dataProject.schema_id? dataProject.schema_id.schemaState : '',
+                        schemaState: dataProject.schema_id ? dataProject.schema_id.schemaState : '',
                         projectType: dataProject.projectType
                     });
                     switch (dataProject.projectStatus) {
@@ -117,7 +117,7 @@ class TencentConfig extends Component {
                 let dataProject = data.project_by_id;
                 if (dataProject !== null) {
                     this.setState({
-                        schemaState: dataProject.schema_id? dataProject.schema_id.schemaState : '',
+                        schemaState: dataProject.schema_id ? dataProject.schema_id.schemaState : '',
                         projectType: dataProject.projectType
                     });
                     switch (dataProject.projectStatus) {
@@ -195,7 +195,7 @@ class TencentConfig extends Component {
                     let group = dataProject.apiGWGroup_id.id;
                     request(graphqlUrl, SHOW_APIGWPATH, {apiGWGroup_id: group}).then(
                         data => {
-                            if(data.apiGWPath_by_props !== null) {
+                            if (data.apiGWPath_by_props !== null) {
 
                                 // 给 project 加 deploying 状态
                                 request(graphqlUrl, UPDATE_PROJECT_ONLY_STATUS, {
@@ -307,12 +307,21 @@ class TencentConfig extends Component {
                         <Col span={14}>
 
                             {
-                                this.state.currentStep !== '' || this.state.deploying === 'deploying' || this.state.deploying === 'deployed'?
-                                    <Steps current={this.state.deploying !== 'deploying' ? this.state.currentStep : 4} style={{marginBottom: 30}}>
-                                        <Step onClick={()=>{this.stepByStep(0)}} title={this.stepStatus(0)} description="云函数配置"/>
-                                        <Step onClick={()=>{this.stepByStep(1)}} title={this.stepStatus(1)} description="服务配置"/>
-                                        <Step onClick={()=>{this.stepByStep(2)}} title={this.stepStatus(2)} description="API 配置"/>
-                                        <Step onClick={()=>{this.stepByStep(3)}} title={this.stepStatus(3)} description="通知配置"/>
+                                this.state.currentStep !== '' || this.state.deploying === 'deploying' || this.state.deploying === 'deployed' ?
+                                    <Steps current={this.state.deploying !== 'deploying' ? this.state.currentStep : 4}
+                                           style={{marginBottom: 30}}>
+                                        <Step onClick={() => {
+                                            this.stepByStep(0)
+                                        }} title={this.stepStatus(0)} description="云函数配置"/>
+                                        <Step onClick={() => {
+                                            this.stepByStep(1)
+                                        }} title={this.stepStatus(1)} description="服务配置"/>
+                                        <Step onClick={() => {
+                                            this.stepByStep(2)
+                                        }} title={this.stepStatus(2)} description="API 配置"/>
+                                        <Step onClick={() => {
+                                            this.stepByStep(3)
+                                        }} title={this.stepStatus(3)} description="通知配置"/>
                                     </Steps>
                                     :
                                     ''
@@ -401,59 +410,56 @@ class TencentConfig extends Component {
                             }
 
                         </Col>
+                        <Col span={8} offset={2}>
+                            {
+                                this.state.currentStep === 4 || this.state.stepAllShow ?
+                                    this.props.trialcase ?
+                                        ''
+                                        :
+                                        this.state.projectType === 'graphql' ?
 
-                        {
-                            this.state.currentStep === 4 || this.state.stepAllShow ?
-                                <Col offset={2} span={6}>
-                                    {
-                                        this.props.trialcase ?
-                                            ''
-                                            :
-                                            this.state.projectType === 'graphql' ?
-
-                                                this.state.schemaState === 'ok' ?
+                                            this.state.schemaState === 'ok' ?
 
-                                                    this.state.deploying === '' ?
-                                                        <Button type='primary' onClick={this.deployFC}><FormattedMessage id="deploy"/>!</Button>
-                                                        :
-                                                        ''
-                                                    :
-                                                    <Button type='primary'
-                                                            disabled><FormattedMessage
+                                                this.state.deploying === '' ?
+                                                    <Button type='primary' onClick={this.deployFC}><FormattedMessage
                                                         id="deploy"/>!</Button>
+                                                    :
+                                                    ''
                                                 :
-                                                <Button type='primary' onClick={() => {
-                                                }}><FormattedMessage id="deploy"/>!</Button>
-
-                                    }
-                                </Col>
-                                :
-                                ''
-                        }
+                                                <Button type='primary'
+                                                        disabled><FormattedMessage
+                                                    id="deploy"/>!</Button>
+                                            :
+                                            <Button type='primary' onClick={() => {
+                                            }}><FormattedMessage id="deploy"/>!</Button>
+                                    :
+                                    ''
+                            }
 
-                        {
-                            this.props.trialcase ?
-                                <Progress type="circle" percent={100}/>
-                                :
-                                this.state.deploying === 'deploying' ?
-                                    <div>
-                                        <Spin size="large"/>
-                                        &nbsp;&nbsp;
-                                        <span><b>大约需要等待 30s</b></span>
-                                    </div>
+                            {
+                                this.props.trialcase ?
+                                    <Progress type="circle" percent={100}/>
                                     :
-                                    this.state.deploying === 'deployed' ?
-                                        <Progress type="circle" percent={100}/>
+                                    this.state.deploying === 'deploying' ?
+                                        <div>
+                                            <Spin size="large"/>
+                                            &nbsp;&nbsp;
+                                            <span><b>大约需要等待 30s</b></span>
+                                        </div>
                                         :
-                                        this.state.deploying === 'error' ?
-                                            <Progress type="circle" percent={99} status="exception"/>
+                                        this.state.deploying === 'deployed' ?
+                                            <Progress type="circle" percent={100}/>
                                             :
-                                            this.state.deploying === 'updated' ?
-                                                <Button type='primary' onClick={this.deployFC}><FormattedMessage id="redeploy"/>!</Button>
+                                            this.state.deploying === 'error' ?
+                                                <Progress type="circle" percent={99} status="exception"/>
                                                 :
-                                                ''
-                        }
-
+                                                this.state.deploying === 'updated' ?
+                                                    <Button type='primary' onClick={this.deployFC}><FormattedMessage
+                                                        id="redeploy"/>!</Button>
+                                                    :
+                                                    ''
+                            }
+                        </Col>
                     </Row>
                 </div>
             </div>