apigroup 更改显示项

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

@@ -176,18 +176,33 @@ class APIGroupCard extends Component {
 
         return (
             <div>
-                <Collapse bordered={false}>
-                    <Panel header="Want more options?" style={customPanelStyle}>
-                        <div style={{marginBottom: 10}}>
+                <div style={{marginBottom: 10}}>
                             <span className='vice-title'>{valueToKey['groupName']}
                                 <span> </span>
                                 <Tooltip placement="top" title={toolTipTitle['groupName']}>
                                     <Icon type="question-circle"/>
                                 </Tooltip>
                             </span>
-                            <Input value={this.state.groupName} style={{width: 400}}
-                                   onChange={this.switchConfig('groupName')}/>
-                        </div>
+                    <Input value={this.state.groupName} style={{width: 400}}
+                           onChange={this.switchConfig('groupName')}/>
+                </div>
+                <div style={{marginBottom: 10}}>
+                            <span className='vice-title'>{valueToKey['environmentName']}
+                                <span> </span>
+                                <Tooltip placement="top" title={toolTipTitle['environmentName']}>
+                                    <Icon type="question-circle"/>
+                                </Tooltip>
+                            </span>
+                    <Radio.Group onChange={this.switchConfig('environmentName')} defaultValue={this.state.environmentName}
+                                 buttonStyle="solid">
+                        <Radio.Button value="test">test</Radio.Button>
+                        <Radio.Button value="prepub">prepub</Radio.Button>
+                        <Radio.Button value="release">release</Radio.Button>
+                    </Radio.Group>
+                </div>
+                <Collapse bordered={false}>
+                    <Panel header="Want more options?" style={customPanelStyle}>
+
                         {/*<div style={{marginBottom: 10}}>*/}
                             {/*<span className='vice-title'>{valueToKey['region']}*/}
                                 {/*<span> </span>*/}
@@ -225,20 +240,7 @@ class APIGroupCard extends Component {
                             {/*</span>*/}
                             {/*<Input value={this.state.defaultDomain} style={{width: 400}} disabled/>*/}
                         {/*</div>*/}
-                        <div style={{marginBottom: 10}}>
-                            <span className='vice-title'>{valueToKey['environmentName']}
-                                <span> </span>
-                                <Tooltip placement="top" title={toolTipTitle['environmentName']}>
-                                    <Icon type="question-circle"/>
-                                </Tooltip>
-                            </span>
-                            <Radio.Group onChange={this.switchConfig('environmentName')} defaultValue={this.state.environmentName}
-                                         buttonStyle="solid">
-                                <Radio.Button value="test">test</Radio.Button>
-                                <Radio.Button value="prepub">prepub</Radio.Button>
-                                <Radio.Button value="release">release</Radio.Button>
-                            </Radio.Group>
-                        </div>
+
                         <div style={{marginBottom: 10}}>
                             <span className='vice-title'>{valueToKey['userDomain']}
                                 <span> </span>
@@ -249,19 +251,19 @@ class APIGroupCard extends Component {
                             <Input value={this.state.userDomain} style={{width: 400}}
                                    onChange={this.switchConfig('userDomain')}/>
                         </div>
-                        <div style={{marginBottom: 10}}>
-                            <span className='vice-title'>{valueToKey['userStatus']}
-                                <span> </span>
-                                <Tooltip placement="top" title={toolTipTitle['userStatus']}>
-                                    <Icon type="question-circle"/>
-                                </Tooltip>
-                            </span>
-                            <Radio.Group onChange={this.switchConfig('userStatus')} defaultValue={this.state.userStatus}
-                                         buttonStyle="solid">
-                                <Radio.Button value="open">open</Radio.Button>
-                                <Radio.Button value="close">close</Radio.Button>
-                            </Radio.Group>
-                        </div>
+                        {/*<div style={{marginBottom: 10}}>*/}
+                            {/*<span className='vice-title'>{valueToKey['userStatus']}*/}
+                                {/*<span> </span>*/}
+                                {/*<Tooltip placement="top" title={toolTipTitle['userStatus']}>*/}
+                                    {/*<Icon type="question-circle"/>*/}
+                                {/*</Tooltip>*/}
+                            {/*</span>*/}
+                            {/*<Radio.Group onChange={this.switchConfig('userStatus')} defaultValue={this.state.userStatus}*/}
+                                         {/*buttonStyle="solid">*/}
+                                {/*<Radio.Button value="open">open</Radio.Button>*/}
+                                {/*<Radio.Button value="close">close</Radio.Button>*/}
+                            {/*</Radio.Group>*/}
+                        {/*</div>*/}
                     </Panel>
                 </Collapse>
                 {