+ 违规事件统计
+
+
+ 违规趋势
+
+
+ 
+ 39
+ 今日违规
+ +
北京安信科创软件有限公司提供技术支持和维护
| 营业执照 |
diff --git a/src/app/pages/oil-station-info/oil-station-info.component.ts b/src/app/pages/oil-station-info/oil-station-info.component.ts
index 25c6d36..677f626 100644
--- a/src/app/pages/oil-station-info/oil-station-info.component.ts
+++ b/src/app/pages/oil-station-info/oil-station-info.component.ts
@@ -4,6 +4,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ObjectsSimpleService } from 'src/app/service/objectsSimple.service';
import { NzMessageService } from 'ng-zorro-antd/message';
import * as moment from 'moment';
+import Viewer from 'viewerjs';
@Component({
selector: 'app-oil-station-info',
templateUrl: './oil-station-info.component.html',
@@ -49,12 +50,15 @@ export class OilStationInfoComponent implements OnInit {
this.getInfo()
+
+
}
validityTime: any = []//营业执照有效期
//获取油站信息
+ gallery
getInfo() {
this.http.get('/api/services/app/GasStation/Get', {
params: {
@@ -72,6 +76,14 @@ export class OilStationInfoComponent implements OnInit {
this.validityTime[1] = data.result.validityEndTime
this.validityTime = [...this.validityTime]
console.log(this.validityTime)
+ setTimeout(() => {
+ this.gallery = new Viewer(document.getElementById('images'), {
+ show: () => { // 动态加载图片后，更新实例
+ this.gallery.update();
+ },
+ });
+ }, 0);
+
}, err => {
console.log('油站错误信息', err.error.error.message)
})
@@ -181,17 +193,25 @@ export class OilStationInfoComponent implements OnInit {
}
//设置文件路径并上传
postFilePath
- openFileSelect(file: File, extensionPath: string) {
+ async openFileSelect(file: File, extensionPath: string) {
this.postFilePath = extensionPath;
let fileSize = file.size || null //上传文件的总大小
let shardSize = 5 * 1024 * 1024 //5MB 超过5MB要分块上传
if (fileSize >= shardSize) // 超过5MB要分块上传
{
- this.postFileByMul(file);
+ await this.postFileByMul(file);
+ setTimeout(() => {
+ this.gallery.destroy()
+ this.gallery = new Viewer(document.getElementById('images'));
+ }, 0);
}
else //普通上传
{
- this.postFile(file);
+ await this.postFile(file);
+ setTimeout(() => {
+ this.gallery.destroy()
+ this.gallery = new Viewer(document.getElementById('images'));
+ }, 0);
}
}
//上传文件
diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts
index 1da3c55..19af134 100644
--- a/src/app/pages/pages-routing.module.ts
+++ b/src/app/pages/pages-routing.module.ts
@@ -8,16 +8,17 @@ import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-
import { CriminalRecordsAdminComponent } from './criminal-records-admin/criminal-records-admin.component';
import { OilStationInfoComponent } from './oil-station-info/oil-station-info.component';
import { EquipmentInfoComponent } from './equipment-info/equipment-info.component';
+import { PlanAdminComponent } from './plan-admin/plan-admin.component';
const routes: Routes = [
- { path: 'plan', component: PlanComponent , data: { permission: 'xxxx' },canActivate: [AuthGuard]},
+ { path: 'plan', component: PlanAdminComponent , data: { permission: 'xxxx' },canActivate: [AuthGuard]},
+ { path: 'plan/petrolStation', component: PlanComponent , data: { permission: 'xxxx' },canActivate: [AuthGuard]},
+ { path: 'warning', component: TodayWarningAdminComponent },
{ path: 'warning/petrolStation', component: TodayWarningComponent },
- { path: 'warning/admin', component: TodayWarningAdminComponent },
+ { path: 'records', component: CriminalRecordsAdminComponent },
{ path: 'records/petrolStation', component: CriminalRecordsComponent },
- { path: 'records/admin', component: CriminalRecordsAdminComponent },
{ path: 'equipmentInfo', component: EquipmentInfoComponent },
{ path: 'oliStationInfo', component: OilStationInfoComponent }
-
];
@NgModule({
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 73c0fc2..b4ecec9 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -30,6 +30,8 @@ import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
import { NzMessageModule } from 'ng-zorro-antd/message';
import { NzSpinModule } from 'ng-zorro-antd/spin';
import { NzTreeModule } from 'ng-zorro-antd/tree';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-admin.component';
import { CriminalRecordsAdminComponent } from './criminal-records-admin/criminal-records-admin.component';
import { EquipmentInfoComponent } from './equipment-info/equipment-info.component';
@@ -37,10 +39,18 @@ import { OilStationInfoComponent } from './oil-station-info/oil-station-info.com
import { LeftDomainComponent } from './left-domain/left-domain.component';
import { AddequipmentComponent } from './equipment-info/addequipment/addequipment.component';
import { EditequipmentComponent } from './equipment-info/editequipment/editequipment.component';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
+import { PlanAdminComponent } from './plan-admin/plan-admin.component';
+import { GetOutOfLineDetailsComponent } from './today-warning/get-out-of-line-details/get-out-of-line-details.component';
+
@NgModule({
- declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent, AddequipmentComponent, EditequipmentComponent],
+ declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent,
+ TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent,
+ AddequipmentComponent, EditequipmentComponent,PlanAdminComponent, GetOutOfLineDetailsComponent],
+
+
imports: [
PagesRoutingModule,
CommonModule,
@@ -67,9 +77,12 @@ import { EditequipmentComponent } from './equipment-info/editequipment/editequip
NzDropDownModule,
NzMessageModule,
NzSpinModule,
- NzTreeModule
+ NzTreeModule,
+ NzTreeSelectModule,
+ NzCollapseModule,
+ NzStepsModule
],
- entryComponents: [AddequipmentComponent, EditequipmentComponent],
+ entryComponents: [AddequipmentComponent, EditequipmentComponent,GetOutOfLineDetailsComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
diff --git a/src/app/pages/plan-admin/plan-admin.component.html b/src/app/pages/plan-admin/plan-admin.component.html
new file mode 100644
index 0000000..ab4456a
--- /dev/null
+++ b/src/app/pages/plan-admin/plan-admin.component.html
@@ -0,0 +1,128 @@
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/plan-admin/plan-admin.component.scss b/src/app/pages/plan-admin/plan-admin.component.scss
new file mode 100644
index 0000000..00604e8
--- /dev/null
+++ b/src/app/pages/plan-admin/plan-admin.component.scss
@@ -0,0 +1,137 @@
+.stationPlanBox {
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ padding: 20px 24px;
+ display: flex;
+}
+
+.title {
+ width: 100%;
+ height: 48px;
+}
+
+.orbox {
+ height: 100%;
+ width: 360px;
+ margin-right: 40px;
+ display: flex;
+ flex-direction: column;
+
+ .or {
+ flex: 1;
+ overflow-y: auto;
+ border: 1px solid rgba(54, 162, 255, 0.3);
+ background: linear-gradient(180deg, rgba(3, 0, 0, 0) 0%, rgba(0, 46, 91, 0.68) 100%);
+ margin-top: 12px;
+ box-sizing: border-box;
+ padding: 18px 12px;
+
+ nz-tree {
+ background: none;
+ color: #C4E2FC;
+ }
+ }
+}
+
+.stationList {
+ flex: 1;
+
+ display: flex;
+ flex-direction: column;
+
+ .search {
+ box-sizing: border-box;
+ padding-left: 22px;
+ padding-right: 33px;
+ width: 100%;
+ height: 32px;
+ margin-top: 14px;
+ margin-bottom: 22px;
+
+ form {
+ width: 100%;
+ height: 32px;
+ display: flex;
+ justify-content: space-around;
+
+ input {
+ background: none;
+ border: 1px solid #91CCFF;
+ color: #fff;
+ }
+
+ .searchParams {
+ width: 28%;
+ }
+
+ .btn {
+ width: 5%;
+ }
+ }
+
+
+ }
+
+ .tablebox {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ overflow: hidden;
+
+ .table {
+ color: white;
+ flex: 1;
+ width: 96%;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+
+ .th {
+ height: 40px;
+ line-height: 40px;
+ background: rgba(35, 153, 255, 0.2);
+ border: 1px solid rgba(35, 217, 255, 0.4);
+ box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset;
+ color: #23D9FF;
+ }
+
+ .tbody {
+ flex: 1;
+ overflow-y: auto;
+
+ .tr {
+ height: 40px;
+ line-height: 40px;
+ border-bottom: 1px solid #0d3761;
+
+ div {
+ color: #91CCFF;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ .look {
+ color: #36A2FF;
+ cursor: pointer;
+ }
+ }
+
+ }
+ }
+ }
+
+ .pagination {
+ margin-top: 26px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ ::-webkit-scrollbar {
+ width: 0px;
+ }
+
+ }
+}
diff --git a/src/app/pages/plan-admin/plan-admin.component.ts b/src/app/pages/plan-admin/plan-admin.component.ts
new file mode 100644
index 0000000..73538f4
--- /dev/null
+++ b/src/app/pages/plan-admin/plan-admin.component.ts
@@ -0,0 +1,70 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { TreeService } from 'src/app/service/tree.service';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { NzContextMenuService, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
+import { NzFormatEmitEvent, NzTreeComponent, NzTreeNode } from 'ng-zorro-antd/tree';
+import { Router } from '@angular/router';
+@Component({
+ selector: 'app-plan-admin',
+ templateUrl: './plan-admin.component.html',
+ styleUrls: ['./plan-admin.component.scss']
+})
+export class PlanAdminComponent implements OnInit {
+ validateForm!: FormGroup;
+ @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent;
+ constructor(private http: HttpClient, private toTree: TreeService, private fb: FormBuilder, private nzContextMenuService: NzContextMenuService, private router: Router) { }
+ list: any = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
+ ngOnInit(): void {
+ this.validateForm = this.fb.group({
+ name: [null],
+ linkman: [null],
+ phone: [null]
+ });
+ this.getAllOrganization()
+ }
+ submitForm(): void {
+ for (const i in this.validateForm.controls) {
+ this.validateForm.controls[i].markAsDirty();
+ this.validateForm.controls[i].updateValueAndValidity();
+ }
+ }
+ resetForm(e: MouseEvent): void {
+ e.preventDefault();
+ this.validateForm.reset();
+ for (const key in this.validateForm.controls) {
+ this.validateForm.controls[key].markAsPristine();
+ this.validateForm.controls[key].updateValueAndValidity();
+ }
+ }
+ //获取所有组织机构
+ nodes: any = []
+ nzExpandAll = false
+ getAllOrganization() {
+ this.http.get('/api/services/app/Organization/GetAll').subscribe((data: any) => {
+ data.result.items.forEach(element => {
+ element.key = element.id
+ element.title = element.displayName
+ });
+ this.nodes = [...this.toTree.toTree(data.result.items)]
+ this.nzExpandAll = true
+ })
+ }
+
+ look() {
+ this.router.navigate(['/plan/petrolStation'])
+ }
+ nzExpandedKeys: any = []
+ activatedNode?: NzTreeNode;
+ //点击tree节点
+ activeNode(data: NzFormatEmitEvent): void {
+ this.activatedNode = data.node!;
+ // console.log(data)
+ }
+
+ expand(e, node) {
+ e.stopPropagation()
+ node.isExpanded = !node.isExpanded
+ }
+
+}
diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html
index 9fd0863..2585b0e 100644
--- a/src/app/pages/plan/plan.component.html
+++ b/src/app/pages/plan/plan.component.html
@@ -16,7 +16,7 @@
-
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加油站名称
+
+
+ 区域
+
+
+ 所属公司
+
+
+ 联系人
+
+
+ 联系电话
+
+
+ 操作
+
+
+
+
+
+
+
+
+
+ 中化山东省淄博市第6加油站
+
+
+ 山东-淄博
+
+
+ 中化某某公司
+
+
+ 张三三
+
+
+ 0566-5897888
+
+
+ 查看
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/today-warning/today-warning.component.scss b/src/app/pages/today-warning/today-warning.component.scss
index 37b12f2..f1e6667 100644
--- a/src/app/pages/today-warning/today-warning.component.scss
+++ b/src/app/pages/today-warning/today-warning.component.scss
@@ -46,24 +46,7 @@
}
}
- .warningnumber {
- position: absolute;
- left: 23px;
- top: -60px;
-
- .num {
- font-size: 50px;
- text-shadow: 0px 0px 6px #8df;
- color: white;
- font-weight: 600;
- }
-
- .today {
- font-size: 18px;
- font-family: titlefont;
- color: #D0EAFF;
- }
- }
+
.listbox {
flex: 1;
diff --git a/src/app/pages/today-warning/today-warning.component.ts b/src/app/pages/today-warning/today-warning.component.ts
index d61b579..08d17e0 100644
--- a/src/app/pages/today-warning/today-warning.component.ts
+++ b/src/app/pages/today-warning/today-warning.component.ts
@@ -1,5 +1,9 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewContainerRef } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
+import { TreeService } from 'src/app/service/tree.service';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { GetOutOfLineDetailsComponent } from './get-out-of-line-details/get-out-of-line-details.component';
@Component({
selector: 'app-today-warning',
templateUrl: './today-warning.component.html',
@@ -7,7 +11,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
})
export class TodayWarningComponent implements OnInit {
validateForm!: FormGroup;
- constructor(private fb: FormBuilder) { }
+ constructor(private http: HttpClient, private fb: FormBuilder, private toTree: TreeService, private modal: NzModalService, private viewContainerRef: ViewContainerRef) { }
ngOnInit(): void {
this.validateForm = this.fb.group({
@@ -16,8 +20,20 @@ export class TodayWarningComponent implements OnInit {
site: [null],
datePicker: [null]
});
+ this.yujingType()
+ //this.getAllOrganization()
}
+ //预警类型接口
+ yujingTypes: any //预警接口数据
+ yujingType() {
+ this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => {
+ this.yujingTypes = data.result
+ }
+ )
+ }
+
+
submitForm(): void {
for (const i in this.validateForm.controls) {
this.validateForm.controls[i].markAsDirty();
@@ -36,30 +52,44 @@ export class TodayWarningComponent implements OnInit {
}
list: any = [
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:2,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:3,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'}
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 2, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 3, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
+ { level: 1, type: '加油区违规', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }
]
- isVisible = false;
+
+
+
+
+
showModal(): void {
- this.isVisible = true;
- }
- handleOk(): void {
- console.log('Button ok clicked!');
- this.isVisible = false;
- }
- handleCancel(): void {
- console.log('Button cancel clicked!');
- this.isVisible = false;
+ const modal = this.modal.create({
+ nzContent: GetOutOfLineDetailsComponent,
+ nzViewContainerRef: this.viewContainerRef,
+ nzWidth: 1200,
+ nzBodyStyle: {
+ 'border': '1px solid #6d9cc7',
+ 'border-radius': '0px',
+ 'padding': '0px',
+ 'box-shadow': '0 0 8px 0 #fff',
+ 'background': '#000D21',
+ },
+ nzComponentParams: {},
+ nzFooter: null,
+ nzOnOk: async () => {
+
+ }
+ });
+ const instance = modal.getContentComponent();
}
+
}
diff --git a/src/app/system-management/analysis-of-the-host/addhost/addhost.component.html b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.html
new file mode 100644
index 0000000..06d354d
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.html
@@ -0,0 +1,11 @@
+{{allFence[selectFence]}}
@@ -28,7 +28,7 @@
-
+
+
@@ -48,12 +48,24 @@
-
+
+
+
-
-
+ {{item.getIconName()}} -
+
+ {{item.getIconName()}} +
+
+ {{item.name}} +
+
+
+
+
+
+
+
+ 灾情描述 + + 
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.scss b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.scss
new file mode 100644
index 0000000..78ae625
--- /dev/null
+++ b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.scss
@@ -0,0 +1,61 @@
+.box {
+ width: 100%;
+ height: 700px;
+ color: #fff;
+ display: flex;
+ flex-direction: column;
+}
+
+.titlebox {
+ width: 100%;
+ height: 48px;
+ background: #041d3c;
+ display: flex;
+ align-items: center;
+
+ .title {
+ width: 100%;
+ height: 32px;
+ background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%);
+ display: flex;
+ justify-content: center;
+
+ div {
+ width: 120px;
+ height: 32px;
+ text-align: center;
+ line-height: 32px;
+ font-family: sybold;
+ font-size: 16px;
+ position: relative;
+ cursor: pointer;
+ margin: 0 18px;
+ .border {
+ position: absolute;
+ bottom: -7px;
+ left: -18px;
+ width: 120px;
+ height: 4px;
+ }
+ }
+
+ .selected {
+ background: linear-gradient(90deg, #1662a9 0%, #25b7d4 50%, #1662a9 100%);
+
+ .border {
+ background: linear-gradient(90deg, rgba(35, 217, 255, 0) 0%, #25b7d4 50%, rgba(35, 217, 255, 0) 100%);
+ }
+
+ }
+ }
+}
+
+.ant-modal-close {
+ color: #fff;
+}
+
+.content {
+ flex: 1;
+ box-sizing: border-box;
+ padding: 18px;
+}
diff --git a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts
new file mode 100644
index 0000000..9b914cf
--- /dev/null
+++ b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts
@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-get-out-of-line-details',
+ templateUrl: './get-out-of-line-details.component.html',
+ styleUrls: ['./get-out-of-line-details.component.scss']
+})
+export class GetOutOfLineDetailsComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+
+ selectedType:string = 'img'
+ contentType(type){
+ this.selectedType = type
+ }
+}
diff --git a/src/app/pages/today-warning/today-warning.component.html b/src/app/pages/today-warning/today-warning.component.html
index 33d2c81..6285804 100644
--- a/src/app/pages/today-warning/today-warning.component.html
+++ b/src/app/pages/today-warning/today-warning.component.html
@@ -10,6 +10,7 @@
+
+
+
+
+ 违规截图
+
+
+
+ 违规视频
+
+
+
+
+
+ 违规截图
+
+
+ 违规视频
+
+
@@ -89,12 +85,8 @@
-
+
+
+
\ No newline at end of file
diff --git a/src/app/system-management/analysis-of-the-host/addhost/addhost.component.scss b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.scss
new file mode 100644
index 0000000..6f8c35d
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.scss
@@ -0,0 +1,3 @@
+.ant-form-item{
+ margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/src/app/system-management/analysis-of-the-host/addhost/addhost.component.ts b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.ts
new file mode 100644
index 0000000..73d5163
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/addhost/addhost.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
+
+@Component({
+ selector: 'app-addhost',
+ templateUrl: './addhost.component.html',
+ styleUrls: ['./addhost.component.scss']
+})
+export class AddhostComponent implements OnInit {
+
+ validateForm!: FormGroup;
+ constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient) { }
+
+ ngOnInit(): void {
+ this.validateForm = this.fb.group({
+ ip: [null, [Validators.required]]
+ });
+ }
+}
diff --git a/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.html b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.html
new file mode 100644
index 0000000..776d383
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.html
@@ -0,0 +1,70 @@
+
+
\ No newline at end of file
diff --git a/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.scss b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.scss
new file mode 100644
index 0000000..bc0564a
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.scss
@@ -0,0 +1,92 @@
+.bigbox {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ background: #fff;
+ box-sizing: border-box;
+ padding: 20px;
+ font-size: 15px;
+}
+
+
+.orbox {
+ width: 375px;
+ height: 100%;
+ overflow-y: auto;
+
+ display: flex;
+ flex-direction: column;
+}
+
+.topbox {
+ width: 100%;
+ height: 36px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .lefttop {
+ span {
+ color: #000D21;
+ margin-right: 16px;
+ }
+
+ .yellowspan {
+ color: rgb(240, 176, 37);
+ }
+ }
+
+ .righttop {
+ height: 36px;
+ display: flex;
+
+ button {
+ margin-left: 16px;
+ }
+
+ nz-input-group {
+ height: 32px;
+ }
+ }
+}
+
+.treeTitle {
+ width: 100%;
+ height: 36px;
+ line-height: 36px;
+ display: flex;
+ justify-content: space-between;
+ color: #000D21;
+ box-sizing: border-box;
+ padding-left: 30px;
+ padding-right: 180px;
+ background: rgba(145, 204, 255, 0.2);
+ border: 1px solid rgba(145, 204, 255, 0.2);
+}
+
+.treebox {
+ flex: 1;
+ overflow-y: auto;
+ border: 1px solid rgba(145, 204, 255, 0.2);
+ border-top: 0px;
+ box-sizing: border-box;
+ padding: 10px 6px;
+ tr{
+ th,td{
+ text-align: center!important;
+ }
+ }
+}
+
+.nodebox {
+ font-size: 15px;
+}
+
+.hostListbox {
+ flex: 1;
+ margin-left: 26px;
+}
+
+.tablebox {
+ margin-top: 16px;
+}
diff --git a/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.ts b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.ts
new file mode 100644
index 0000000..a10f11b
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.ts
@@ -0,0 +1,108 @@
+import { HttpClient } from '@angular/common/http';
+import { Component, OnInit, AfterViewInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { TreeService } from 'src/app/service/tree.service';
+import { NzFormatEmitEvent, NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { AddhostComponent } from './addhost/addhost.component';
+@Component({
+ selector: 'app-analysis-of-the-host',
+ templateUrl: './analysis-of-the-host.component.html',
+ styleUrls: ['./analysis-of-the-host.component.scss']
+})
+export class AnalysisOfTheHostComponent implements OnInit {
+
+ constructor(private fb: FormBuilder, private http: HttpClient, private toTree: TreeService, private modal: NzModalService, private message: NzMessageService, private viewContainerRef: ViewContainerRef) { }
+ ngOnInit(): void {
+ this.getAllOrganization()
+ }
+
+
+ //获取所有组织机构
+ searchValue = '';
+ nzExpandAll = false;
+ totalCount: string
+ getAllOrganization() {
+ this.http.get('/api/services/app/Organization/GetAll').subscribe((data: any) => {
+ this.totalCount = data.result.totalCount
+ data.result.items.forEach(element => {
+ element.key = element.id
+ element.title = element.displayName
+ element.selectable = false
+ });
+ this.nodes = [...this.toTree.toTree(data.result.items)]
+ this.defaultExpandedKeys = [...this.defaultExpandedKeys]
+ })
+ }
+
+
+ @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent;
+
+ defaultExpandedKeys = [];
+
+ nodes: any[] = []
+ nzSelectedKeys: any[] = []
+ selectedOilStation:any
+ nzClick(event: NzFormatEmitEvent): void {
+ console.log(event.node.origin);
+ if(event.node.origin.isGasStation){//如果点击的是加油站才生效
+ this.nzSelectedKeys[0] = event.node.origin.id
+ this.nzSelectedKeys = [...this.nzSelectedKeys]
+ this.selectedOilStation = event.node.origin
+ this.getHost()
+ }else{
+ this.message.info('只有加油站才可以增加主机');
+ }
+ }
+
+ //获得加油站的主机
+ getHost(){
+
+ }
+
+ ngAfterViewInit(): void {
+
+ }
+
+ //新增分析主机
+ addHost() {
+ const modal = this.modal.create({
+ nzTitle: '新增加油站主机',
+ nzContent: AddhostComponent,
+ nzViewContainerRef: this.viewContainerRef,
+ nzWidth: 288,
+ nzComponentParams: {},
+ nzOnOk: async () => {
+ if (instance.validateForm.valid) {
+ await new Promise(resolve => {
+ console.log('表单信息', instance.validateForm)
+
+ let body = {
+ // name: instance.validateForm.value.name,
+ // DisplayName: instance.validateForm.value.name,
+ // grantedPermissions: arr
+ }
+ this.http.post('/api/services/app/Role/Create', body).subscribe(data => {
+ resolve(data)
+ this.message.create('success', '创建成功！');
+ // this.getAllRoles()
+ return true
+ })
+ })
+ } else {
+ this.message.create('warning', '请填写完整！');
+ return false
+ }
+ }
+ });
+ const instance = modal.getContentComponent();
+ }
+ edit(data) {
+
+ }
+ delete(data) {
+
+ }
+ listOfData: any[] = [];
+}
diff --git a/src/app/system-management/analysis-of-the-host/edithost/edithost.component.html b/src/app/system-management/analysis-of-the-host/edithost/edithost.component.html
new file mode 100644
index 0000000..25287ae
--- /dev/null
+++ b/src/app/system-management/analysis-of-the-host/edithost/edithost.component.html
@@ -0,0 +1 @@
+
+
+
+
+
+
+ 组织机构列表
+
+
+
+
+ 组织机构
+
+
+
+
+
+ {{ node.title }}
+
+ edithost works! diff --git a/src/app/system-management/analysis-of-the-host/edithost/edithost.component.scss b/src/app/system-management/analysis-of-the-host/edithost/edithost.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/system-management/analysis-of-the-host/edithost/edithost.component.ts b/src/app/system-management/analysis-of-the-host/edithost/edithost.component.ts new file mode 100644 index 0000000..83c9af2 --- /dev/null +++ b/src/app/system-management/analysis-of-the-host/edithost/edithost.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-edithost', + templateUrl: './edithost.component.html', + styleUrls: ['./edithost.component.scss'] +}) +export class EdithostComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/system-management/navigation/navigation.component.html b/src/app/system-management/navigation/navigation.component.html index 3ab03ce..c32cf4d 100644 --- a/src/app/system-management/navigation/navigation.component.html +++ b/src/app/system-management/navigation/navigation.component.html @@ -16,6 +16,7 @@ 组织机构管理 用户管理 角色管理 分析主机管理
| ||