tangwy
/
hbyd_ueba_fe
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

列表明细页面

Browse Source
master
Yang 5 months ago
parent 905a6fe15c
commit 3bf6595c59
3 changed files with 131 additions and 43 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      src/app/routes/config/layout/manage/manage.component.html
  2. 103
      src/app/routes/config/layout/manage/path/path.component.html
  3. 69
      src/app/routes/config/layout/manage/path/path.component.ts

2
src/app/routes/config/layout/manage/manage.component.html
Unescape View File

@ -138,7 +138,7 @@
</div>
<nz-modal [(nzVisible)]="isVisible" nzWidth="80%" nzTitle="The first Modal" (nzOnCancel)="isVisible = false" >
<nz-modal [(nzVisible)]="isVisible" nzWidth="80%" nzTitle="明细" (nzOnCancel)="isVisible = false" [nzFooter]="null">
<app-path></app-path>
</nz-modal>

103
src/app/routes/config/layout/manage/path/path.component.html
Unescape View File

@ -1,4 +1,103 @@
<!-- <app-wechart-robot [data]="wechartRobotData"></app-wechart-robot> -->
<div>cdfddffff</div>
<!-- <div>cdfddffff</div> -->
<div>
<nz-table *ngIf="viewType === 1" #basicTable [nzData]="data" [nzPageSize]="10" nzShowSizeChanger [nzPageSize]="10" [nzPageSizeOptions]="[10, 20, 50, 100]">
<thead>
<tr>
<th>访问源IP</th>
<th>访问频次</th>
<th nzRight>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{ data.req_ip }}</td>
<td><a (click)="clickFrequency(data)">{{ data.req_frequency }}</a></td>
<td nzRight>
<a (click)="clickWihteList(data)">白名单</a>
<nz-divider nzType="vertical"></nz-divider>
<a (click)="clickGreyList(data)">灰名单</a>
</td>
</tr>
</tbody>
</nz-table>
<nz-table *ngIf="viewType === 2" #basicTable [nzData]="data" [nzPageSize]="10" nzShowSizeChanger [nzPageSize]="10" [nzPageSizeOptions]="[10, 20, 50, 100]">
<thead>
<tr>
<th>账号</th>
<th>访问频次</th>
<th>工号</th>
<th nzRight>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{ data.req_account }}</td>
<td><a (click)="clickFrequency(data)">{{ data.req_frequency }}</a></td>
<td>{{ data.req_jobnum }}</td>
<td nzRight>
<a (click)="clickWihteList(data)">白名单</a>
<nz-divider nzType="vertical"></nz-divider>
<a (click)="clickGreyList(data)">灰名单</a>
</td>
</tr>
</tbody>
</nz-table>
<nz-table *ngIf="viewType === 3" #basicTable [nzData]="data" [nzPageSize]="10" nzShowSizeChanger [nzPageSize]="10" [nzPageSizeOptions]="[10, 20, 50, 100]">
<thead>
<tr>
<th>接口地址</th>
<th>访问IP</th>
<th>访问账号</th>
<th>访问频次</th>
<th>工号</th>
<th nzRight>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{ data.interface_addr }}</td>
<td>{{ data.req_ip }}</td>
<td>{{ data.req_account }}</td>
<td><a (click)="clickFrequency(data)">{{ data.req_frequency }}</a></td>
<td>{{ data.req_jobnum }}</td>
<td nzRight>
<a (click)="clickWihteList(data)">白名单</a>
<nz-divider nzType="vertical"></nz-divider>
<a (click)="clickGreyList(data)">灰名单</a>
</td>
</tr>
</tbody>
</nz-table>
<nz-table *ngIf="viewType === 4" #basicTable [nzData]="data" [nzPageSize]="10" nzShowSizeChanger [nzPageSize]="10" [nzPageSizeOptions]="[10, 20, 50, 100]">
<thead>
<tr>
<th>菜单名称</th>
<th>访问IP</th>
<th>访问账号</th>
<th>访问频次</th>
<th>工号</th>
<th nzRight>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{ data.menu_name }}</td>
<td>{{ data.req_ip }}</td>
<td>{{ data.req_account }}</td>
<td><a (click)="clickFrequency(data)">{{ data.req_frequency }}</a></td>
<td>{{ data.req_jobnum }}</td>
<td nzRight>
<a (click)="clickWihteList(data)">白名单</a>
<nz-divider nzType="vertical"></nz-divider>
<a (click)="clickGreyList(data)">灰名单</a>
</td>
</tr>
</tbody>
</nz-table>
</div>

69
src/app/routes/config/layout/manage/path/path.component.ts
Unescape View File

@ -10,12 +10,11 @@ import { NoticeService } from '../../../service/https/notice.service';
export class PathComponent implements OnInit {
@Input() datas: any;
data;
mailData: any;
messageData: any;
qywechatData: any;
dingtalkData: any;
wechartRobotData: any;
dingdingRobotData: any;
viewType = 'ip';
ipData: [];
accountData: [];
interfaceData: [];
menuData: [];
constructor(
private noticeService: NoticeService,
@ -23,47 +22,37 @@ export class PathComponent implements OnInit {
) {}
ngOnInit() {
this.queryData();
// this.queryData();
console.log('11111');
const jsonStr = '{"type":3,"http://190.89.233.2:8909/getpublicconfig":[{"req_ip":"192.156.3.12","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":43327,"req_frequency":43,"req_account":"liuhr"},{"req_ip":"192.156.3.12","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":43328,"req_frequency":44,"req_account":"sunxq01"},{"req_ip":"192.156.3.18","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65341,"req_frequency":45,"req_account":"shicl"},{"req_ip":"192.106.3.33","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65342,"req_frequency":46,"req_account":"gongxs"},{"req_ip":"192.106.3.34","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65343,"req_frequency":47,"req_account":"sunzs"}]}'
if (this.datas == null) {
this.datas = JSON.parse(jsonStr);
}
this.parseData(this.datas);
}
queryData() {
this.noticeService.queryConfig().subscribe(
resp => {
if (resp.status === 200) {
// console.log(resp.data);
this.data = resp.data;
this.processData(this.data);
parseData(datas: any) {
for (const dataKey in datas) {
if (datas.hasOwnProperty(dataKey)) {
if (dataKey === 'type') {
this.viewType = datas[dataKey];
} else {
this.message.error(resp.msg);
this.data = datas[dataKey];
}
},
error => {
this.message.error('服务器错误');
}
);
}
}
processData(allData) {
allData.forEach((item) => {
if (item.type === 'mail') {
this.mailData = item;
}
if (item.type === 'message') {
this.messageData = item;
}
if (item.type === 'qywechat') {
this.qywechatData = item;
}
if (item.type === 'dingtalk') {
this.dingtalkData = item;
}
if (item.type === 'webhook') {
this.wechartRobotData = item;
}
if (item.type === 'robot') {
this.dingdingRobotData = item;
}
});
clickWihteList(data) {
alert("点击白名单");
}
clickGreyList(data) {
alert("点击灰名单");
}
clickFrequency(data) {
alert("点击超链接");
}
}

Write Preview
Loading…
Cancel
Save