update

src/main/webapp/app/app.main.module.ts

@@ -63,6 +63,8 @@ import {WorkHandleComponent} from './work/work-handle/work-handle.component';
 import {WebsiteComponent} from './modal/website/website.component';
 import {NetworkDetailComponent} from './overAll/network-check/network-detail/network-detail.component';
 import {FindUserComponent} from './alarm/modal/find-user/find-user.component';
+import {TopologyComponent} from './netTopology/model/topology/topology.component';
+import {CheckComponent} from './netTopology/model/check/check.component';
 
 @NgModule({
     imports: [
@@ -127,6 +129,8 @@ import {FindUserComponent} from './alarm/modal/find-user/find-user.component';
         WebsiteComponent,
         NetworkDetailComponent,
         FindUserComponent,
+        TopologyComponent,
+        CheckComponent,
     ],
     providers:[
         OverAllService,

src/main/webapp/app/netTopology/model/check/check.component.html

+<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
+  <form nz-form>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">拓扑图名称</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</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 name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</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 name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+  </form>
+</nz-modal>

src/main/webapp/app/netTopology/model/check/check.component.ts

+import {Component, OnInit} from '@angular/core';
+
+@Component({
+    selector: 'smart-check',
+    templateUrl: './check.component.html',
+    styles: []
+})
+export class CheckComponent implements OnInit {
+
+    isVisible = false;
+    title: string;
+
+    constructor() {
+    }
+
+    ngOnInit() {
+    }
+
+
+    showAddMOodal() {
+        this.isVisible = true;
+        this.title = '添加监测点';
+    }
+
+    showEditModal() {
+        this.title = '编辑监测点';
+        this.isVisible = true;
+    }
+
+    handleCancel() {
+        this.isVisible = false;
+    }
+}

src/main/webapp/app/netTopology/model/topology/topology.component.html

+<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
+  <form nz-form>
+    <nz-form-item>
+      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">拓扑图名称</nz-form-label>
+      <nz-form-control [nzSpan]="12">
+        <input type="text" nz-input name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</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 name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</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 name="name" [(ngModel)]="name" placeholder="名称" >
+        <nz-form-explain *ngIf="modalMsg">请输入内容</nz-form-explain>
+      </nz-form-control>
+    </nz-form-item>
+  </form>
+</nz-modal>

src/main/webapp/app/netTopology/model/topology/topology.component.ts

+import {Component, OnInit} from '@angular/core';
+
+@Component({
+    selector: 'smart-topology',
+    templateUrl: './topology.component.html',
+    styles: []
+})
+export class TopologyComponent implements OnInit {
+
+    isVisible = false;
+    title: string;
+
+    constructor() {
+    }
+
+    ngOnInit() {
+    }
+
+    showAddMOodal() {
+        this.isVisible = true;
+        this.title = '添加拓扑图';
+    }
+
+    showEditModal() {
+        this.title = '编辑拓扑图';
+        this.isVisible = true;
+    }
+
+    handleCancel() {
+        this.isVisible = false;
+    }
+
+}