文案优化

kafka-manager-console/src/container/alarm/add-alarm/alarm-select.tsx

@@ -52,7 +52,7 @@ export class AlarmSelect extends React.Component<IAlarmSelectProps> {
           target="_blank"
           href="https://github.com/didi/kafka-manager"
         >
-          新建告警组？
+          新增规则组？
         </a>
       </>
     );

kafka-manager-console/src/container/alarm/add-alarm/config.tsx

@@ -14,7 +14,7 @@ import { region } from 'store/region';
 export const getAlarmColumns = (urlPrefix: string) => {
   const columns = [
     {
-      title: '告警名称',
+      title: '告警规则',
       dataIndex: 'name',
       key: 'name',
       width: '25%',
@@ -32,7 +32,7 @@ export const getAlarmColumns = (urlPrefix: string) => {
           </Tooltip>);
       },
     }, {
-      title: '应用名称',
+      title: '所属应用',
       dataIndex: 'appName',
       key: 'appName',
       width: '25%',
@@ -72,7 +72,7 @@ export const getAlarmColumns = (urlPrefix: string) => {
       width: '10%',
       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
             title="确定删除？"
             onConfirm={() => deteleMonitor(item)}
@@ -205,8 +205,8 @@ export const xActionFormMap = [{
 
 export const xTypeFormMap = [{
   key: 'alarmName',
-  label: '告警名称',
-  rules: [{ required: true, message: '请输入告警名称' }],
+  label: '告警规则',
+  rules: [{ required: true, message: '请输入告警规则' }],
   attrs: {placeholder: '请输入', disabled: isDetailPage},
 }, {
   key: 'app',

kafka-manager-console/src/container/alarm/add-alarm/index.tsx

@@ -152,7 +152,7 @@ export class AddAlarm extends SearchAndFilterContainer {
           <PageHeader
             className={this.isDetailPage ? 'is-show' : 'btn-group'}
             onBack={() => handlePageBack('/alarm')}
-            title={(this.id || this.id === 0) ? '修改告警配置' : '新建告警配置'}
+            title={(this.id || this.id === 0) ? '编辑告警规则' : '新建告警规则'}
             extra={[
               <Button key="1" type="primary" onClick={() => this.handleSubmit()}>提交</Button>,
               <Button key="2" onClick={() => this.handleResetForm(this.id)}>重置</Button>,

kafka-manager-console/src/container/alarm/alarm-detail/shield-history.tsx

@@ -34,7 +34,7 @@ export class ShieldHistory extends React.Component {
       title: '详情',
       content: (
         <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.endTime).format(timeFormat)}</li>
           <li><b>说明：</b>{record.description}</li>
@@ -48,10 +48,10 @@ export class ShieldHistory extends React.Component {
       formMap: [
         {
           key: 'monitorName',
-          label: '告警名称',
+          label: '告警规则',
           rules: [{
             required: true,
-            message: '请输入告警名称',
+            message: '请输入告警规则',
           }],
           attrs: {
             disabled: true,
@@ -112,7 +112,7 @@ export class ShieldHistory extends React.Component {
           monitorId: record.monitorId,
         } as IMonitorSilences;
         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) => {
           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>
               <Popconfirm
                 title="确定删除？"

kafka-manager-console/src/container/alarm/alarm-list.tsx

@@ -52,11 +52,11 @@ export class AlarmList extends SearchAndFilterContainer {
     return (
       <>
         {this.renderApp('应用：')}
-        {this.renderSearch('名称：', '请输入告警名称或者操作人')}
+        {this.renderSearch('名称：', '请输入告警规则或者操作人')}
         <li className="right-btn-1">
           <Button type="primary">
             <a href={`${urlPrefix}/alarm/add`}>
-              新建告警
+              新增规则
             </a>
           </Button>
         </li>