mirror of
https://github.com/didi/KnowStreaming.git
synced 2025-12-24 11:52:08 +08:00
文案优化
This commit is contained in:
@@ -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 {
|
|||||||
<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 {
|
|||||||
<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 = () => {
|
|||||||
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 = () => {
|
|||||||
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 = () => {
|
|||||||
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) => {
|
|||||||
<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 {
|
|||||||
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> {
|
|||||||
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';
|
|||||||
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) => {
|
|||||||
</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) => {
|
|||||||
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 = [{
|
|||||||
|
|
||||||
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 {
|
|||||||
<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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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) => {
|
|||||||
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
|
|||||||
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) => {
|
|||||||
],
|
],
|
||||||
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) => {
|
|||||||
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) => {
|
|||||||
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) =
|
|||||||
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
|
|||||||
],
|
],
|
||||||
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;
|
||||||
|
|||||||
Reference in New Issue
Block a user