fix bug and change some input style
This commit is contained in:
zhichen
parent
b352f614f2
commit
a7d4b559bd
@ -925,32 +925,32 @@ class ConfigurationManagement extends React.Component {
|
||||
<div style={{ position: 'relative', marginTop: 10, height: this.state.isAdvancedQuery ? 'auto' : 48 }}>
|
||||
<Form direction={"hoz"} inline>
|
||||
<FormItem label={"Data ID:"}>
|
||||
<Input htmlType={"text"} placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyd')} style={{ height: 32, width: 200 }} value={this.state.dataId} onChange={this.getDataId.bind(this)} />
|
||||
<Input htmlType={"text"} placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyd')} style={{ width: 200 }} value={this.state.dataId} onChange={this.getDataId.bind(this)} />
|
||||
</FormItem>
|
||||
|
||||
<FormItem label={"Group:"}>
|
||||
<Combobox style={{ width: 200 }} size={"medium"} hasArrow placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyg')} dataSource={this.state.groups} value={this.state.group} onChange={this.setGroup.bind(this)} hasClear language={window.aliwareIntl.currentLanguageCode}>
|
||||
</Combobox>
|
||||
</FormItem>
|
||||
<Combobox style={{ width: 200 }} size={"medium"} hasArrow placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.fuzzyg')} dataSource={this.state.groups} value={this.state.group} onChange={this.setGroup.bind(this)} hasClear language={window.aliwareIntl.currentLanguageCode}>
|
||||
</Combobox>
|
||||
</FormItem>
|
||||
<FormItem label={""}>
|
||||
<Button type={"primary"} style={{ marginRight: 10 }} onClick={this.selectAll.bind(this)} data-spm-click={"gostr=/aliyun;locaid=dashsearch"}>{window.aliwareIntl.get('com.alibaba.nacos.page.configurationManagement.query')}</Button>
|
||||
</FormItem>
|
||||
<FormItem style={this.inApp ? { display: "none" } : { verticalAlign: "middle", marginTop: 8, marginLeft: 10 }}>
|
||||
<FormItem style={this.inApp ? { display: "none" } : { verticalAlign: "middle", marginTop: 0, marginLeft: 10 }}>
|
||||
<div style={{ color: '#33cde5', fontSize: 12, cursor: 'pointer' }} onClick={this.changeAdvancedQuery}>
|
||||
<span style={{ marginRight: 5 }}>{window.aliwareIntl.get("nacos.page.configurationManagement.advanced_query9") /*高级查询*/}</span><Icon type={this.state.isAdvancedQuery ? 'arrow-up-filling' : 'arrow-down-filling'} size={'xs'} />
|
||||
<span style={{ marginRight: 5, lineHeight: "28px" }}>{window.aliwareIntl.get("nacos.page.configurationManagement.advanced_query9") /*高级查询*/}</span><Icon type={this.state.isAdvancedQuery ? 'arrow-up-filling' : 'arrow-down-filling'} size={'xs'} />
|
||||
</div>
|
||||
</FormItem>
|
||||
<br />
|
||||
<FormItem style={this.inApp ? { display: "none" } : {}} label={window.aliwareIntl.get("nacos.page.configurationManagement.HOME_Application0") /*归属应用：*/}>
|
||||
<Input htmlType={"text"} placeholder={window.aliwareIntl.get("nacos.page.configurationManagement.Please_enter_the_name_of_the_app1") /*请输入应用名称*/} style={{ height: 32 }} value={this.state.appName} onChange={this.setAppName.bind(this)} />
|
||||
<Input htmlType={"text"} placeholder={window.aliwareIntl.get("nacos.page.configurationManagement.Please_enter_the_name_of_the_app1") /*请输入应用名称*/} style={{ width: 200 }} value={this.state.appName} onChange={this.setAppName.bind(this)} />
|
||||
|
||||
</FormItem>
|
||||
<FormItem label={window.aliwareIntl.get('nacos.page.configurationManagement.Tags')}>
|
||||
<Select size={"medium"} hasArrow multiple={true} mode="tag" filterLocal={false} placeholder={window.aliwareIntl.get('nacos.page.configurationManagement.Please_enter_tag')} dataSource={this.state.tagLst} value={this.state.config_tags} onChange={this.setConfigTags.bind(this)} hasClear language={window.aliwareIntl.currentLanguageCode} />
|
||||
<Select style={{ width: 200 }} size={"medium"} hasArrow multiple={true} mode="tag" filterLocal={false} placeholder={window.aliwareIntl.get('nacos.page.configurationManagement.Please_enter_tag')} dataSource={this.state.tagLst} value={this.state.config_tags} onChange={this.setConfigTags.bind(this)} hasClear language={window.aliwareIntl.currentLanguageCode} />
|
||||
</FormItem>
|
||||
</Form>
|
||||
<div style={{ position: 'absolute', right: 10, top: 4 }}>
|
||||
<Icon type={"add"} size={'medium'} style={{ color: 'black', marginRight: 15, verticalAlign: 'middle', cursor: 'pointer', backgroundColor: '#eee', border: '1px solid #ddd', padding: '3px 6px' }} onClick={this.chooseEnv.bind(this)} />
|
||||
<Icon type={"add"} size={'medium'} style={{ color: 'black', marginRight: 0, verticalAlign: 'middle', cursor: 'pointer', backgroundColor: '#eee', border: '1px solid #ddd', padding: '3px 6px' }} onClick={this.chooseEnv.bind(this)} />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@ -242,11 +242,11 @@ class HistoryRollback extends React.Component {
|
||||
|
||||
<Form.Item label="Data ID:">
|
||||
<Input htmlType="text" placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.historyRollback.dataid')}
|
||||
style={{ height: '32px', lineHeight: '32px' }} value={this.state.dataId} onChange={this.getDataId.bind(this)} />
|
||||
style={{ width: 200 }} value={this.state.dataId} onChange={this.getDataId.bind(this)} />
|
||||
</Form.Item>
|
||||
<Form.Item label="Group:">
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.historyRollback.group')} id="userName" name="userName" value={this.state.group}
|
||||
style={{ height: 30, lineHeight: '30px' }} onChange={this.getGroup.bind(this)} />
|
||||
style={{ width: 200 }} onChange={this.getGroup.bind(this)} />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="">
|
||||
|
||||
@ -125,11 +125,11 @@ class ListeningToQuery extends React.Component {
|
||||
const selectDataSource = [
|
||||
{
|
||||
label: window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.configuration'),
|
||||
value: "0"
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
label: "IP",
|
||||
value: "1"
|
||||
value: 1
|
||||
}
|
||||
]
|
||||
return (
|
||||
@ -143,22 +143,22 @@ class ListeningToQuery extends React.Component {
|
||||
<Col span="24">
|
||||
<Form inline field={this.field}>
|
||||
<FormItem label={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.query_dimension')} initValue="0">
|
||||
<Select dataSource={selectDataSource} style={{ width: '100%' }} {...this.init('type')} language={window.aliwareIntl.currentLanguageCode} />
|
||||
<Select dataSource={selectDataSource} style={{ width: 200 }} {...this.init('type')} language={window.aliwareIntl.currentLanguageCode} />
|
||||
</FormItem>
|
||||
<FormItem label="Data ID:" style={{
|
||||
display: this.getValue('type') === '0' ? '' : 'none'
|
||||
display: this.getValue('type') === 0 ? '' : 'none'
|
||||
}}>
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_enter_the_dataid')} style={{ height: '32px', lineHeight: '32px' }} {...this.init('dataId')} />
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_enter_the_dataid')} style={{ width: 200 }} {...this.init('dataId')} />
|
||||
</FormItem>
|
||||
<FormItem label="Group:" style={{
|
||||
display: this.getValue('type') === '0' ? '' : 'none'
|
||||
display: this.getValue('type') === 0 ? '' : 'none'
|
||||
}}>
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_input_group')} style={{ height: '32px', lineHeight: '32px' }} {...this.init('group')} />
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_input_group')} style={{ width: 200 }} {...this.init('group')} />
|
||||
</FormItem>
|
||||
<FormItem label="IP:" style={{
|
||||
display: this.getValue('type') === '0' ? 'none' : ''
|
||||
display: this.getValue('type') === 0 ? 'none' : ''
|
||||
}}>
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_input_ip')} style={{ height: '32px', lineHeight: '32px', boxSize: 'border-box' }} {...this.init('ip')} />
|
||||
<Input placeholder={window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.please_input_ip')} style={{ width: 200, boxSize: 'border-box' }} {...this.init('ip')} />
|
||||
</FormItem>
|
||||
<FormItem label="">
|
||||
<Button type="primary" onClick={this.queryTrackQuery.bind(this)} style={{ marginRight: 10 }}>{window.aliwareIntl.get('com.alibaba.nacos.page.listeningToQuery.query')}</Button>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user