提交 d3f3531c 编写于 作者: Z zengqiao

文案优化

上级 6c89d66a
...@@ -134,19 +134,19 @@ export class ClusterList extends SearchAndFilterContainer { ...@@ -134,19 +134,19 @@ export class ClusterList extends SearchAndFilterContainer {
formData: item ? item : {}, formData: item ? item : {},
visible: true, visible: true,
width: 590, width: 590,
title: '注册集群', title: item ? '编辑' : '接入集群',
onSubmit: (value: IRegister) => { onSubmit: (value: IRegister) => {
value.idc = region.currentRegion; value.idc = region.currentRegion;
if (item) { if (item) {
value.clusterId = item.clusterId; value.clusterId = item.clusterId;
registerCluster(value).then(data => { registerCluster(value).then(data => {
admin.getMetaData(true); admin.getMetaData(true);
notification.success({ message: '修改集群成功' }); notification.success({ message: '编辑集群成功' });
}); });
} else { } else {
createCluster(value).then(data => { createCluster(value).then(data => {
admin.getMetaData(true); admin.getMetaData(true);
notification.success({ message: '注册集群成功' }); notification.success({ message: '接入集群成功' });
}); });
} }
...@@ -256,7 +256,7 @@ export class ClusterList extends SearchAndFilterContainer { ...@@ -256,7 +256,7 @@ export class ClusterList extends SearchAndFilterContainer {
<a <a
onClick={this.createOrRegisterCluster.bind(this, item)} onClick={this.createOrRegisterCluster.bind(this, item)}
className="action-button" className="action-button"
>修改 >编辑
</a> </a>
<Popconfirm <Popconfirm
title={`确定${item.status === 1 ? '暂停' : '开始'}${item.clusterName}监控?`} title={`确定${item.status === 1 ? '暂停' : '开始'}${item.clusterName}监控?`}
...@@ -286,7 +286,7 @@ export class ClusterList extends SearchAndFilterContainer { ...@@ -286,7 +286,7 @@ export class ClusterList extends SearchAndFilterContainer {
<ul> <ul>
{this.renderSearch('', '请输入集群名称')} {this.renderSearch('', '请输入集群名称')}
<li className="right-btn-1"> <li className="right-btn-1">
<Button type="primary" onClick={this.createOrRegisterCluster.bind(this, null)}>注册集群</Button> <Button type="primary" onClick={this.createOrRegisterCluster.bind(this, null)}>接入集群</Button>
</li> </li>
</ul> </ul>
</div> </div>
......
...@@ -26,7 +26,7 @@ export const getUserColumns = () => { ...@@ -26,7 +26,7 @@ export const getUserColumns = () => {
render: (text: string, record: IUser) => { render: (text: string, record: IUser) => {
return ( return (
<span className="table-operation"> <span className="table-operation">
<a onClick={() => showApplyModal(record)}>修改</a> <a onClick={() => showApplyModal(record)}>编辑</a>
<Popconfirm <Popconfirm
title="确定删除?" title="确定删除?"
onConfirm={() => users.deleteUser(record.username)} onConfirm={() => users.deleteUser(record.username)}
...@@ -105,7 +105,7 @@ export const getVersionColumns = () => { ...@@ -105,7 +105,7 @@ export const getVersionColumns = () => {
render: (text: string, record: IUploadFile) => { render: (text: string, record: IUploadFile) => {
return ( return (
<span className="table-operation"> <span className="table-operation">
<a onClick={() => showModifyModal(record)}>修改</a> <a onClick={() => showModifyModal(record)}>编辑</a>
<Popconfirm <Popconfirm
title="确定删除?" title="确定删除?"
onConfirm={() => version.deleteFile(record.id)} onConfirm={() => version.deleteFile(record.id)}
...@@ -164,7 +164,7 @@ export const getConfigureColumns = () => { ...@@ -164,7 +164,7 @@ export const getConfigureColumns = () => {
render: (text: string, record: IConfigure) => { render: (text: string, record: IConfigure) => {
return ( return (
<span className="table-operation"> <span className="table-operation">
<a onClick={() => showConfigureModal(record)}>修改</a> <a onClick={() => showConfigureModal(record)}>编辑</a>
<Popconfirm <Popconfirm
title="确定删除?" title="确定删除?"
onConfirm={() => admin.deleteConfigure(record.configKey)} onConfirm={() => admin.deleteConfigure(record.configKey)}
......
...@@ -45,7 +45,7 @@ export const migrationTaskColumns = (migrationUrl: string) => { ...@@ -45,7 +45,7 @@ export const migrationTaskColumns = (migrationUrl: string) => {
<a style={{ marginRight: 16 }}>开始</a> <a style={{ marginRight: 16 }}>开始</a>
</Popconfirm>} </Popconfirm>}
{[0, 1].indexOf(item.status) > -1 && {[0, 1].indexOf(item.status) > -1 &&
<a onClick={() => modifyMigrationTask(item, 'modify')} style={{ marginRight: 16 }}>修改</a>} <a onClick={() => modifyMigrationTask(item, 'modify')} style={{ marginRight: 16 }}>编辑</a>}
{item.status === 0 && {item.status === 0 &&
<Popconfirm <Popconfirm
title="确定取消?" title="确定取消?"
......
...@@ -130,7 +130,7 @@ export class MigrationDetail extends SearchAndFilterContainer { ...@@ -130,7 +130,7 @@ export class MigrationDetail extends SearchAndFilterContainer {
render: (text: string, item: IReassign) => ( render: (text: string, item: IReassign) => (
<> <>
<a onClick={() => this.renderRessignDetail(item)} style={{ marginRight: 16 }}>详情</a> <a onClick={() => this.renderRessignDetail(item)} style={{ marginRight: 16 }}>详情</a>
<a onClick={() => modifyTransferTask(item, 'modify', this.taskId)}>修改</a> <a onClick={() => modifyTransferTask(item, 'modify', this.taskId)}>编辑</a>
</> </>
), ),
}, },
......
...@@ -52,7 +52,7 @@ export class AlarmSelect extends React.Component<IAlarmSelectProps> { ...@@ -52,7 +52,7 @@ export class AlarmSelect extends React.Component<IAlarmSelectProps> {
target="_blank" target="_blank"
href="https://github.com/didi/kafka-manager" href="https://github.com/didi/kafka-manager"
> >
建告警组? 增规则组?
</a> </a>
</> </>
); );
......
...@@ -14,7 +14,7 @@ import { region } from 'store/region'; ...@@ -14,7 +14,7 @@ import { region } from 'store/region';
export const getAlarmColumns = (urlPrefix: string) => { export const getAlarmColumns = (urlPrefix: string) => {
const columns = [ const columns = [
{ {
title: '告警名称', title: '告警规则',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
width: '25%', width: '25%',
...@@ -32,7 +32,7 @@ export const getAlarmColumns = (urlPrefix: string) => { ...@@ -32,7 +32,7 @@ export const getAlarmColumns = (urlPrefix: string) => {
</Tooltip>); </Tooltip>);
}, },
}, { }, {
title: '应用名称', title: '所属应用',
dataIndex: 'appName', dataIndex: 'appName',
key: 'appName', key: 'appName',
width: '25%', width: '25%',
...@@ -72,7 +72,7 @@ export const getAlarmColumns = (urlPrefix: string) => { ...@@ -72,7 +72,7 @@ export const getAlarmColumns = (urlPrefix: string) => {
width: '10%', width: '10%',
render: (text: string, item: IMonitorStrategies) => ( render: (text: string, item: IMonitorStrategies) => (
<> <>
<a href={`${urlPrefix}/alarm/modify?id=${item.id}`} className="action-button">修改</a> <a href={`${urlPrefix}/alarm/modify?id=${item.id}`} className="action-button">编辑</a>
<Popconfirm <Popconfirm
title="确定删除?" title="确定删除?"
onConfirm={() => deteleMonitor(item)} onConfirm={() => deteleMonitor(item)}
...@@ -205,8 +205,8 @@ export const xActionFormMap = [{ ...@@ -205,8 +205,8 @@ export const xActionFormMap = [{
export const xTypeFormMap = [{ export const xTypeFormMap = [{
key: 'alarmName', key: 'alarmName',
label: '告警名称', label: '告警规则',
rules: [{ required: true, message: '请输入告警名称' }], rules: [{ required: true, message: '请输入告警规则' }],
attrs: {placeholder: '请输入', disabled: isDetailPage}, attrs: {placeholder: '请输入', disabled: isDetailPage},
}, { }, {
key: 'app', key: 'app',
......
...@@ -152,7 +152,7 @@ export class AddAlarm extends SearchAndFilterContainer { ...@@ -152,7 +152,7 @@ export class AddAlarm extends SearchAndFilterContainer {
<PageHeader <PageHeader
className={this.isDetailPage ? 'is-show' : 'btn-group'} className={this.isDetailPage ? 'is-show' : 'btn-group'}
onBack={() => handlePageBack('/alarm')} onBack={() => handlePageBack('/alarm')}
title={(this.id || this.id === 0) ? '修改告警配置' : '新建告警配置'} title={(this.id || this.id === 0) ? '编辑告警规则' : '新建告警规则'}
extra={[ extra={[
<Button key="1" type="primary" onClick={() => this.handleSubmit()}>提交</Button>, <Button key="1" type="primary" onClick={() => this.handleSubmit()}>提交</Button>,
<Button key="2" onClick={() => this.handleResetForm(this.id)}>重置</Button>, <Button key="2" onClick={() => this.handleResetForm(this.id)}>重置</Button>,
......
...@@ -34,7 +34,7 @@ export class ShieldHistory extends React.Component { ...@@ -34,7 +34,7 @@ export class ShieldHistory extends React.Component {
title: '详情', title: '详情',
content: ( content: (
<ul className="monitor-detail"> <ul className="monitor-detail">
<li><b>告警名称</b>{record.monitorName}</li> <li><b>告警规则</b>{record.monitorName}</li>
<li><b>开始时间:</b>{moment(record.startTime).format(timeFormat)}</li> <li><b>开始时间:</b>{moment(record.startTime).format(timeFormat)}</li>
<li><b>结束时间:</b>{moment(record.endTime).format(timeFormat)}</li> <li><b>结束时间:</b>{moment(record.endTime).format(timeFormat)}</li>
<li><b>说明:</b>{record.description}</li> <li><b>说明:</b>{record.description}</li>
...@@ -48,10 +48,10 @@ export class ShieldHistory extends React.Component { ...@@ -48,10 +48,10 @@ export class ShieldHistory extends React.Component {
formMap: [ formMap: [
{ {
key: 'monitorName', key: 'monitorName',
label: '告警名称', label: '告警规则',
rules: [{ rules: [{
required: true, required: true,
message: '请输入告警名称', message: '请输入告警规则',
}], }],
attrs: { attrs: {
disabled: true, disabled: true,
...@@ -112,7 +112,7 @@ export class ShieldHistory extends React.Component { ...@@ -112,7 +112,7 @@ export class ShieldHistory extends React.Component {
monitorId: record.monitorId, monitorId: record.monitorId,
} as IMonitorSilences; } as IMonitorSilences;
alarm.modifyMask(params, this.id).then(data => { alarm.modifyMask(params, this.id).then(data => {
notification.success({ message: '修改成功' }); notification.success({ message: '编辑成功' });
}); });
}, },
}; };
...@@ -158,7 +158,7 @@ export class ShieldHistory extends React.Component { ...@@ -158,7 +158,7 @@ export class ShieldHistory extends React.Component {
render: (action: any, record: IMonitorSilences) => { render: (action: any, record: IMonitorSilences) => {
return( return(
<> <>
<a onClick={() => this.modifyMonitor(record)} className="action-button">修改</a> <a onClick={() => this.modifyMonitor(record)} className="action-button">编辑</a>
<a onClick={() => this.silencesDetail(record)} className="action-button">详情</a> <a onClick={() => this.silencesDetail(record)} className="action-button">详情</a>
<Popconfirm <Popconfirm
title="确定删除?" title="确定删除?"
......
...@@ -52,11 +52,11 @@ export class AlarmList extends SearchAndFilterContainer { ...@@ -52,11 +52,11 @@ export class AlarmList extends SearchAndFilterContainer {
return ( return (
<> <>
{this.renderApp('应用:')} {this.renderApp('应用:')}
{this.renderSearch('名称:', '请输入告警名称或者操作人')} {this.renderSearch('名称:', '请输入告警规则或者操作人')}
<li className="right-btn-1"> <li className="right-btn-1">
<Button type="primary"> <Button type="primary">
<a href={`${urlPrefix}/alarm/add`}> <a href={`${urlPrefix}/alarm/add`}>
建告警 增规则
</a> </a>
</Button> </Button>
</li> </li>
......
...@@ -92,7 +92,7 @@ export class CommonAppList extends SearchAndFilterContainer { ...@@ -92,7 +92,7 @@ export class CommonAppList extends SearchAndFilterContainer {
render: (text: any, record: IAppItem) => { render: (text: any, record: IAppItem) => {
return ( return (
<span className="table-operation"> <span className="table-operation">
<a onClick={() => showEditModal(record, this.from)}>修改</a> <a onClick={() => showEditModal(record, this.from)}>编辑</a>
<a onClick={() => showEditModal(record, this.from, true)}>详情</a> <a onClick={() => showEditModal(record, this.from, true)}>详情</a>
<a onClick={() => this.getOnlineConnect(record)}>申请下线</a> <a onClick={() => this.getOnlineConnect(record)}>申请下线</a>
</span>); </span>);
......
...@@ -25,9 +25,10 @@ export const showEditClusterTopic = (item: IClusterTopics) => { ...@@ -25,9 +25,10 @@ export const showEditClusterTopic = (item: IClusterTopics) => {
label: '应用ID', label: '应用ID',
rules: [{ rules: [{
required: true, required: true,
message: '请输入应用ID',
}], }],
attrs: { attrs: {
disabled: true, placeholder: '请输入应用ID',
}, },
}, },
{ {
......
...@@ -104,7 +104,7 @@ export const modifyTransferTask = (item: IReassign, action: string, taskId: numb ...@@ -104,7 +104,7 @@ export const modifyTransferTask = (item: IReassign, action: string, taskId: numb
minThrottle: transBToMB(item.minThrottle), minThrottle: transBToMB(item.minThrottle),
}, },
visible: true, visible: true,
title: '修改', title: '编辑',
onSubmit: (value: IExecute) => { onSubmit: (value: IExecute) => {
const params = { const params = {
action, action,
......
...@@ -30,7 +30,7 @@ export const showApplyModal = (record?: IUser) => { ...@@ -30,7 +30,7 @@ export const showApplyModal = (record?: IUser) => {
], ],
formData: record || {}, formData: record || {},
visible: true, visible: true,
title: record ? '修改用户信息' : '新增用户', title: record ? '修改用户' : '新增用户',
onSubmit: (value: IUser) => { onSubmit: (value: IUser) => {
if (record) { if (record) {
return users.modfiyUser(value).then(() => { return users.modfiyUser(value).then(() => {
......
...@@ -133,7 +133,7 @@ export const showModifyModal = (record: IUploadFile) => { ...@@ -133,7 +133,7 @@ export const showModifyModal = (record: IUploadFile) => {
formData: record || {}, formData: record || {},
visible: true, visible: true,
isWaitting: true, isWaitting: true,
title: '修改', title: '编辑',
onSubmit: async (value: IUploadFile) => { onSubmit: async (value: IUploadFile) => {
value.file = value.uploadFile[0].originFileObj; value.file = value.uploadFile[0].originFileObj;
const md5 = await computeChecksumMd5(value.file); const md5 = await computeChecksumMd5(value.file);
...@@ -175,11 +175,11 @@ export const showConfigureModal = (record?: IConfigure) => { ...@@ -175,11 +175,11 @@ export const showConfigureModal = (record?: IConfigure) => {
formData: record || {}, formData: record || {},
visible: true, visible: true,
isWaitting: true, isWaitting: true,
title: `${record ? '修改配置' : '新建配置'}`, title: `${record ? '编辑配置' : '新建配置'}`,
onSubmit: async (value: IConfigure) => { onSubmit: async (value: IConfigure) => {
if (record) { if (record) {
return admin.editConfigure(value).then(data => { return admin.editConfigure(value).then(data => {
notification.success({ message: '修改配置成功' }); notification.success({ message: '编辑配置成功' });
}); });
} }
return admin.addNewConfigure(value).then(data => { return admin.addNewConfigure(value).then(data => {
......
...@@ -11,10 +11,10 @@ export const createMonitorSilences = (monitorId: number, monitorName: string) = ...@@ -11,10 +11,10 @@ export const createMonitorSilences = (monitorId: number, monitorName: string) =
formMap: [ formMap: [
{ {
key: 'monitorName', key: 'monitorName',
label: '告警名称', label: '告警规则',
rules: [{ rules: [{
required: true, required: true,
message: '请输入告警名称', message: '请输入告警规则',
}], }],
attrs: { attrs: {
disabled: true, disabled: true,
......
...@@ -85,7 +85,7 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo ...@@ -85,7 +85,7 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
], ],
formData: record, formData: record,
visible: true, visible: true,
title: `${isDisabled ? '详情' : record ? '修改' : '应用申请'}`, title: `${isDisabled ? '详情' : record ? '编辑' : '应用申请'}`,
onSubmit: (value: IAppItem) => { onSubmit: (value: IAppItem) => {
if (isDisabled) { if (isDisabled) {
return; return;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册