网站监测

src/main/webapp/app/alarm/modal/media-type/media-type.component.html

 <nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
   <form nz-form [formGroup]="validateForm">
     <nz-form-item>
-      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">告警组名称</nz-form-label>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">名称</nz-form-label>
       <nz-form-control [nzSpan]="12">
-        <input type="text" nz-input formControlName="name" placeholder="告警组名称" >
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
         <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
       </nz-form-control>
     </nz-form-item>
     <nz-form-item>
-      <nz-form-label [nzSpan]="7" >组描述</nz-form-label>
-      <nz-form-control [nzSpan]="12" >
-        <textarea formControlName="description" nz-input rows="2" placeholder="分组描述"></textarea>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">类型</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">SMTP服务器</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">SMTP服务器端口</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">SMTP HELO</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">SMTP电邮</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">安全链接</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">认证</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input formControlName="name" placeholder="名称" >
+        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入告警组名称</nz-form-explain>
       </nz-form-control>
     </nz-form-item>
   </form>

src/main/webapp/app/alarm/modal/media-type/media-type.component.ts

@@ -16,12 +16,25 @@ export class MediaTypeComponent implements OnInit {
     }
 
     ngOnInit() {
+        this.initForm();
+    }
+
+    initForm(){
         this.validateForm = this.fb.group({
-            name:[null,[Validators.required]]
+            name:[null,[Validators.required]],
+            description:[null]
         })
     }
 
-    showModal() {
+    //新增
+    showAddModal(title) {
+        this.title = title;
+        this.isVisible = true;
+    }
+
+    //编辑
+    showEditModal(item,title) {
+        this.title = title;
         this.isVisible = true;
     }
 

src/main/webapp/app/alarm/send-set/send-set.component.html

@@ -19,7 +19,7 @@
   </div>
 </div>
 <div nz-row class="search-form" style="border-top: none;padding: 0 0 15px 0;">
-  <button nz-button nzType="default"><i class="anticon anticon-plus"></i>新增发送方式</button>
+  <button (click)="showAddModal()" nz-button nzType="default"><i class="anticon anticon-plus"></i>新增发送方式</button>
 </div>
 
 <nz-table #nzTable [nzData]="sendList" [nzFrontPagination]="false">

src/main/webapp/app/alarm/send-set/send-set.component.ts

@@ -5,62 +5,69 @@ import {MediaTypeComponent} from '../modal/media-type/media-type.component';
 import {color} from '../../app.constants';
 
 @Component({
-  selector: 'smart-send-set',
-  templateUrl: './send-set.component.html',
-  styles: []
+    selector: 'smart-send-set',
+    templateUrl: './send-set.component.html',
+    styles: []
 })
 export class SendSetComponent implements OnInit {
-    @ViewChild('smartMediaType') smartMediaType:MediaTypeComponent;
+    @ViewChild('smartMediaType') smartMediaType: MediaTypeComponent;
 
     color = color;
-  sendList = [];
-  constructor(private alarmSer:AlarmService,private modalSer:NzModalService,
-              private message:NzMessageService) { }
+    sendList = [];
 
-  ngOnInit() {
-    this.getList();
-  }
+    constructor(private alarmSer: AlarmService, private modalSer: NzModalService,
+                private message: NzMessageService) {
+    }
+
+    ngOnInit() {
+        this.getList();
+    }
 
-  getList(){
-    this.alarmSer.mediaTypeFind({}).subscribe(
-        (res)=>{
-          if(res.errCode == 10000){
-            this.sendList = res.data;
-          }
-        }
-    )
-  }
+    getList() {
+        this.alarmSer.mediaTypeFind({}).subscribe(
+            (res) => {
+                if (res.errCode == 10000) {
+                    this.sendList = res.data;
+                }
+            }
+        );
+    }
 
-  //删除发送方式
-  deleteSend(data){
-    this.modalSer.confirm({
-            nzTitle: '删除',
-            nzContent: '<b style="color: red;">确认删除该发送方式吗？</b>',
-            nzOkText: '确定',
-            nzOkType: 'danger',
-            nzOnOk: () => {
-                const arr = {
-                  ids:[]
-                };
-                arr.ids.push(data.mediatypeid);
-                this.alarmSer.mediaTypeDelete(arr).subscribe(
-                    (res) => {
-                        if (res.errCode == 10000) {
-                            this.message.info('删除成功');
-                        } else {
-                            this.message.info(res.errMsg);
+    //删除发送方式
+    deleteSend(data) {
+        this.modalSer.confirm({
+                nzTitle: '删除',
+                nzContent: '<b style="color: red;">确认删除该发送方式吗？</b>',
+                nzOkText: '确定',
+                nzOkType: 'danger',
+                nzOnOk: () => {
+                    const arr = {
+                        ids: []
+                    };
+                    arr.ids.push(data.mediatypeid);
+                    this.alarmSer.mediaTypeDelete(arr).subscribe(
+                        (res) => {
+                            if (res.errCode == 10000) {
+                                this.message.info('删除成功');
+                            } else {
+                                this.message.info(res.errMsg);
+                            }
                         }
-                    }
-                );
-            },
-            nzCancelText: '取消',
-            nzOnCancel: () => console.log('Cancel')
-        }
-    )
-  }
+                    );
+                },
+                nzCancelText: '取消',
+                nzOnCancel: () => console.log('Cancel')
+            }
+        );
+    }
 
-  //编辑
-    editSend(){
+    //编辑
+    showEditModal() {
+        this.smartMediaType.showEditModal({}, '编辑发送方式');
+    }
 
+    //新增发送方式
+    showAddModal() {
+        this.smartMediaType.showAddModal('新增发送方式');
     }
 }