width 200 -> 400

src/app/common/deploy/tencent/apiPathCard/APIPathCardFetch.js

@@ -39,7 +39,7 @@ class APIPathCardFetch extends Component {
                         }
 
                         return (
-                            <Query query={gql(SHOW_APIGWPATH)} variables={{apiGWGroup_id: group.id}}>
+                            <Query query={gql(SHOW_APIGWPATH)} variables={{apiGWGroup_id: group? group.id : ''}}>
                                 {
                                     ({loading, error, data}) => {
                                         if (loading) {
@@ -63,7 +63,7 @@ class APIPathCardFetch extends Component {
 
                                                 // query1
                                                 deployID={deploy.id}
-                                                groupID={group.id}
+                                                groupID={group? group.id : ''}
 
                                                 // query2
                                                 defalutName={removeSpace(projectName)}

src/app/common/deploy/tencent/apiPathCard/APIPathCardRender.js

@@ -181,7 +181,7 @@ class APIPathCardRender extends Component {
                                             <Icon type="question-circle"/>
                                         </Tooltip>
                                     </span>
-                    <Input value={this.state.apiGWName} style={{width: 200}}
+                    <Input value={this.state.apiGWName} style={{width: 400}}
                            onChange={this.switchConfig('apiGWName')}/>
                 </div>
                 <div style={{marginBottom: 10}}>
@@ -223,7 +223,7 @@ class APIPathCardRender extends Component {
                                             <Icon type="question-circle"/>
                                         </Tooltip>
                                     </span>
-                                    <Input value={this.state[config]} style={{width: 200}}
+                                    <Input value={this.state[config]} style={{width: 400}}
                                            onChange={this.switchConfig(config)}/>
                                 </div>
                             ))

src/app/common/deploy/tencent/deployCard/DeployCardRender.js

@@ -310,7 +310,7 @@ class DeployCardRender extends Component {
                                             <Icon type="question-circle"/>
                                         </Tooltip>
                                     </span>
-                    <Input value={this.state.cosBucketName} style={{width: 200}}
+                    <Input value={this.state.cosBucketName} style={{width: 400}}
                            disabled={disable['cosBucketName'] === true}
                            onChange={this.switchConfig('cosBucketName')}/>
                 </div>
@@ -328,7 +328,7 @@ class DeployCardRender extends Component {
                                             <Icon type="question-circle"/>
                                         </Tooltip>
                                     </span>
-                    <Input value={this.state.cosObjectName} style={{width: 200}}
+                    <Input value={this.state.cosObjectName} style={{width: 400}}
                            disabled={disable['cosObjectName'] === true} addonAfter=".jar"
                            onChange={this.switchConfig('cosObjectName')}/>
                 </div>
@@ -343,7 +343,7 @@ class DeployCardRender extends Component {
                         {/*<Icon type="question-circle"/>*/}
                         {/*</Tooltip>*/}
                         {/*</span>*/}
-                        {/*<Input value={this.state.serviceName} style={{width: 200}} disabled*/}
+                        {/*<Input value={this.state.serviceName} style={{width: 400}} disabled*/}
                         {/*onChange={this.switchConfig('serviceName')}/>*/}
                         {/*</div>*/}
                         {
@@ -362,7 +362,7 @@ class DeployCardRender extends Component {
                                             <Icon type="question-circle"/>
                                         </Tooltip>
                                     </span>
-                                    <Input value={this.state[config]} style={{width: 200}}
+                                    <Input value={this.state[config]} style={{width: 400}}
                                            disabled={disable[config] === true}
                                            onChange={this.switchConfig(config)}/>
                                 </div>