网站监测

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

@@ -10,29 +10,31 @@ import {color} from '../../app.constants';
     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) { }
+
+    constructor(private alarmSer: AlarmService, private modalSer: NzModalService,
+                private message: NzMessageService) {
+    }
 
     ngOnInit() {
         this.getList();
     }
 
-  getList(){
+    getList() {
         this.alarmSer.mediaTypeFind({}).subscribe(
-        (res)=>{
-          if(res.errCode == 10000){
+            (res) => {
+                if (res.errCode == 10000) {
                     this.sendList = res.data;
                 }
             }
-    )
+        );
     }
 
     //删除发送方式
-  deleteSend(data){
+    deleteSend(data) {
         this.modalSer.confirm({
                 nzTitle: '删除',
                 nzContent: '<b style="color: red;">确认删除该发送方式吗？</b>',
@@ -40,7 +42,7 @@ export class SendSetComponent implements OnInit {
                 nzOkType: 'danger',
                 nzOnOk: () => {
                     const arr = {
-                  ids:[]
+                        ids: []
                     };
                     arr.ids.push(data.mediatypeid);
                     this.alarmSer.mediaTypeDelete(arr).subscribe(
@@ -56,11 +58,16 @@ export class SendSetComponent implements OnInit {
                 nzCancelText: '取消',
                 nzOnCancel: () => console.log('Cancel')
             }
-    )
+        );
     }
 
     //编辑
-    editSend(){
+    showEditModal() {
+        this.smartMediaType.showEditModal({}, '编辑发送方式');
+    }
 
+    //新增发送方式
+    showAddModal() {
+        this.smartMediaType.showAddModal('新增发送方式');
     }
 }