From e5b1fad2d26b091e08ae45b42a61918eaecfabf5 Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Mon, 15 Nov 2021 09:07:11 +0800 Subject: [PATCH 01/11] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E7=99=BB=E5=BD=95?= =?UTF-8?q?=E5=8E=BB=E6=8E=89=E8=A7=92=E8=89=B2=E9=80=89=E6=8B=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/login/login.component.html | 4 ++-- src/app/pages/login/login.component.scss | 2 +- src/app/pages/login/login.component.ts | 18 ++++++++++-------- 3 files changed, 13 insertions(+), 11 deletions(-) diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html index ede3a45..7157455 100644 --- a/src/app/pages/login/login.component.html +++ b/src/app/pages/login/login.component.html @@ -22,7 +22,7 @@ -

+

北京安信科创软件有限公司提供技术支持和维护

diff --git a/src/app/pages/login/login.component.scss b/src/app/pages/login/login.component.scss index f476283..ceaf0a0 100644 --- a/src/app/pages/login/login.component.scss +++ b/src/app/pages/login/login.component.scss @@ -27,7 +27,7 @@ .hint { text-align: right; - margin-bottom: 40px; + margin-bottom: 50px; .forget{ cursor: pointer; color: #2399FF; diff --git a/src/app/pages/login/login.component.ts b/src/app/pages/login/login.component.ts index d379c6a..8d2dc37 100644 --- a/src/app/pages/login/login.component.ts +++ b/src/app/pages/login/login.component.ts @@ -43,23 +43,25 @@ export class LoginComponent implements OnInit { this.message.create('error', `请输入账号密码`); return } - if (!this.selectedRole) { - this.message.create('error', `请选择登录角色`); - return - } + // if (!this.selectedRole) { + // this.message.create('error', `请选择登录角色`); + // return + // } this.http.post('/api/TokenAuth/Authenticate', { userNameOrEmailAddress: this.validateForm.value.userName, password: this.validateForm.value.password }).subscribe( (data: any) => { - this.message.create('success', `登陆成功`); + sessionStorage.setItem("token", data.result.accessToken); this.cookieService.set("token", data.result.accessToken, null, '/'); this.cookieService.set("refreshToken", data.result.encryptedAccessToken, null, '/'); - this.http.get('/api/services/app/Session/GetCurrentLoginInformations').subscribe((data:any) => { - sessionStorage.setItem('userdata',JSON.stringify(data.result.user)) + this.http.get('/api/services/app/Session/GetCurrentLoginInformations').subscribe((data: any) => { + sessionStorage.setItem('userdata', JSON.stringify(data.result.user)) + this.message.create('success', `登陆成功`); + this.router.navigate(['/home/plan']) }) - this.router.navigate(['/home/plan']) + //调用服务中的function刷新token // this.token.startUp() }, From 32251d20f463dd223fde7008ad4dfaf2acf8d381 Mon Sep 17 00:00:00 2001 From: cpf <1105965053@qq.com> Date: Mon, 15 Nov 2021 14:27:31 +0800 Subject: [PATCH 02/11] =?UTF-8?q?=E5=A4=84=E7=BD=AE=E9=A2=84=E6=A1=88?= =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=AE=8C=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/pages.module.ts | 4 ++- src/app/pages/plan/plan.component.html | 22 ++++++++++++---- src/app/pages/plan/plan.component.scss | 20 +++++++++------ src/app/pages/plan/plan.component.ts | 35 ++++++++++++++++++++------ src/styles.scss | 22 +++++++++++++--- 5 files changed, 77 insertions(+), 26 deletions(-) diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index 73c0fc2..60266a9 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -30,6 +30,7 @@ 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 { 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'; @@ -67,7 +68,8 @@ import { EditequipmentComponent } from './equipment-info/editequipment/editequip NzDropDownModule, NzMessageModule, NzSpinModule, - NzTreeModule + NzTreeModule, + NzCollapseModule ], entryComponents: [AddequipmentComponent, EditequipmentComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index 9fd0863..ce7e17f 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -48,12 +48,24 @@ -
+
-
- -

{{item.getIconName()}}

-
+ +
+ +

{{item.getIconName()}}

+
+
+ + + +
+ +

{{item.name}}

+
+
+
+
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index e429778..5978a4f 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -180,7 +180,7 @@ //右侧图标栏 .rightIcons{ - width: 60px; + width: 100px; height: 70%; position: absolute; top: 0; @@ -188,19 +188,23 @@ right: 1%; margin: auto;/*这行代码是关键*/ color: #fff; - background: rgba(0,17,33,0.7); - border-radius: 10px; - display: flex; - flex-direction: column; - align-items: center; + background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%); overflow: hidden; .autoScroll{ width: 30px; text-align: center; } + .bottomCenter::-webkit-scrollbar { display: none; } + .bottomCenter { + scrollbar-width: none; /* firefox */ + -ms-overflow-style: none; /* IE 10+ */ + overflow-x: hidden; + overflow-y: auto; + } .bottomCenter{ - flex: 1; + width: 100%; + height: 100%; overflow-x: hidden; overflow-y: auto; .everyIcon { - width: 60px; + width: 100px; height: 58px; line-height: normal; text-align: center; diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts index 21b3608..3b168a1 100644 --- a/src/app/pages/plan/plan.component.ts +++ b/src/app/pages/plan/plan.component.ts @@ -19,6 +19,9 @@ import { EventManager } from '@angular/platform-browser'; import { NzMessageService } from 'ng-zorro-antd/message'; import { LeftDomainComponent } from '../left-domain/left-domain.component'; import { JYZInfoMoudleType } from 'src/app/babylon/model/data/institution/jyz-show-data'; +import { AllMarkData } from 'src/app/babylon/model/data/mark/all-mark-data'; +import { MarkData } from 'src/app/babylon/model/data/mark/mark-data'; +import { MarkWindow } from 'src/app/babylon/view/mark-window/mark-window'; @@ -241,7 +244,8 @@ export class PlanComponent implements OnInit { } } - allFacilityUIItemes: FacilityUIItem[] = []; //底部所有 图标 + allFacilityUIItemes: FacilityUIItem[] = []; //右侧所有 图标 + allMarkData: planIcons = new planIcons(); //右侧处置预案所有 图标 beforeOneIcon: string = null; //当前选择 图标 // 获取 底部图标栏list @@ -251,13 +255,23 @@ export class PlanComponent implements OnInit { } //选择底部图标 - selectBottomIcon(e: FacilityUIItem) { - if (this.beforeOneIcon != e.getIconID()) { - this.beforeOneIcon = e.getIconID() - e.select() - } else { - this.beforeOneIcon = null - e.unSelect() + selectBottomIcon(e: FacilityUIItem | MarkData) { + if (e instanceof FacilityUIItem) { + if (this.beforeOneIcon != e.getIconID()) { + this.beforeOneIcon = e.getIconID() + e.select() + } else { + this.beforeOneIcon = null + e.unSelect() + } + } else if (e instanceof MarkData) { + if (this.beforeOneIcon != e.key) { + this.beforeOneIcon = e.key + MarkWindow.instance.selectMarkDataPrefab(true, e) + } else { + this.beforeOneIcon = null + MarkWindow.instance.selectMarkDataPrefab(false, e) + } } } @@ -355,6 +369,11 @@ export class PlanComponent implements OnInit { } +// 处置预案 所有图标 +export class planIcons { + iconsName: string[] = ["灾情","内部力量","外部力量","其他"] + icons: MarkData[][] = [AllMarkData.CreateAllMarkData().marks_Disaster,AllMarkData.CreateAllMarkData().marks_Inside,AllMarkData.CreateAllMarkData().marks_Outside,AllMarkData.CreateAllMarkData().marks_Other,] +} //创建/编辑 建筑dataType export class modelBuilding { name: string = ""; diff --git a/src/styles.scss b/src/styles.scss index 88c4e22..84b7cca 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -104,10 +104,24 @@ h1 { //三维场景 #threeDimensional { - .ant-tree{ color: #C4E2FC; } - .ant-tree,.ant-tree-node-content-wrapper:hover,.ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: transparent; } - .ant-tree-node-content-wrapper { width: 100%; } - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { border: none; border-radius: 0px; } + .ant-tree{ color: #C4E2FC; } //tree + .ant-tree,.ant-tree-node-content-wrapper:hover,.ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: transparent; } //tree + .ant-tree-node-content-wrapper { width: 100%; } //tree + + .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { border: none; border-radius: 0px; } //select + + .ant-collapse,.ant-collapse-item,.ant-collapse-header,.ant-collapse-content{ border-radius: 0px; border: none; } //可展开面板 + .ant-collapse-content{ background: rgba(0, 59, 110, 0.9); color: #fff; } //可展开面板 + .ant-collapse-content-box{ padding: 0; } //可展开面板 + .ant-collapse-header{ + padding: 0 0 0 25px; + height: 30px; + line-height: 28px; + background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%); + border: 1px solid rgba(35, 217, 255, 0.4); + color: #23D9FF; + .ant-collapse-arrow{ left: 5px; } //可展开面板 + } //滚动条样式 ::-webkit-scrollbar { width: 5px; From 96dc902d553e1824160a82f995b164326812ca1b Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Mon, 15 Nov 2021 15:51:32 +0800 Subject: [PATCH 03/11] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E7=AB=99=E7=82=B9=E9=A2=84=E6=A1=88=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/app-routing.module.ts | 2 +- .../criminal-records-admin.component.ts | 2 +- src/app/pages/home/home.component.html | 12 +- src/app/pages/login/login.component.html | 2 +- src/app/pages/login/login.component.ts | 6 +- src/app/pages/pages-routing.module.ts | 9 +- src/app/pages/pages.module.ts | 3 +- .../plan-admin/plan-admin.component.html | 128 +++++++++++++++++ .../plan-admin/plan-admin.component.scss | 133 ++++++++++++++++++ .../pages/plan-admin/plan-admin.component.ts | 70 +++++++++ .../today-warning-admin.component.ts | 2 +- src/app/ui/tabbar/tabbar.component.ts | 7 +- src/assets/images/expand.png | Bin 0 -> 1009 bytes src/assets/images/point.png | Bin 0 -> 524 bytes src/assets/images/unexpand.png | Bin 0 -> 1021 bytes src/theme.less | 32 ++++- 16 files changed, 387 insertions(+), 21 deletions(-) create mode 100644 src/app/pages/plan-admin/plan-admin.component.html create mode 100644 src/app/pages/plan-admin/plan-admin.component.scss create mode 100644 src/app/pages/plan-admin/plan-admin.component.ts create mode 100644 src/assets/images/expand.png create mode 100644 src/assets/images/point.png create mode 100644 src/assets/images/unexpand.png diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 12ff333..62ab6f4 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -16,7 +16,7 @@ const routes: Routes = [ { path: 'register', component: RegisterComponent }, //注册页 { path: '', component: HomeComponent, children: [ - { path: 'home', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule) } + { path: '', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule) } ] }, //首页 { diff --git a/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts b/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts index 335a642..bb4723c 100644 --- a/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts +++ b/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts @@ -304,7 +304,7 @@ export class CriminalRecordsAdminComponent implements OnInit { list: any = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1] look() { - this.router.navigate(['home/records/petrolStation']) + this.router.navigate(['/records/petrolStation']) } diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index ed6f6c5..9fdcc3c 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -3,19 +3,19 @@
diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html index 7157455..2af16d5 100644 --- a/src/app/pages/login/login.component.html +++ b/src/app/pages/login/login.component.html @@ -20,7 +20,7 @@
忘记密码?
- + +
+
+
+ +
+
+ + + + + + + + + {{ node.title }} + + + +
+
+
+
+ +
+ +
+
+
+
+ +
+
+ 加油站名称 +
+
+ 区域 +
+
+ 所属公司 +
+
+ 联系人 +
+
+ 联系电话 +
+
+ 操作 +
+
+
+
+
+ 自营 +
+
+ 中化山东省淄博市第6加油站 +
+
+ 山东-淄博 +
+
+ 中化某某公司 +
+
+ 张三三 +
+
+ 0566-5897888 +
+
+ 查看 +
+
+
+
+ +
+
+
\ 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..faf9468 --- /dev/null +++ b/src/app/pages/plan-admin/plan-admin.component.scss @@ -0,0 +1,133 @@ +.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; + + .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..56f8ed3 --- /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.code + 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/today-warning-admin/today-warning-admin.component.ts b/src/app/pages/today-warning-admin/today-warning-admin.component.ts index 6b9169b..1a2c595 100644 --- a/src/app/pages/today-warning-admin/today-warning-admin.component.ts +++ b/src/app/pages/today-warning-admin/today-warning-admin.component.ts @@ -68,6 +68,6 @@ export class TodayWarningAdminComponent implements OnInit { } look() { - this.router.navigate(['home/warning/petrolStation']) + this.router.navigate(['warning/petrolStation']) } } diff --git a/src/app/ui/tabbar/tabbar.component.ts b/src/app/ui/tabbar/tabbar.component.ts index e8ca9a4..87f7986 100644 --- a/src/app/ui/tabbar/tabbar.component.ts +++ b/src/app/ui/tabbar/tabbar.component.ts @@ -21,9 +21,10 @@ export class TabbarComponent implements OnInit { setInterval(() => { this.getTime() }, 1000); - this.http.get('/api/services/app/Session/GetCurrentLoginInformations').subscribe((data: any) => { - this.surname = data.result.user.surname - }) + this.surname = JSON.parse(sessionStorage.getItem('userdata')).surname + // this.http.get('/api/services/app/Session/GetCurrentLoginInformations').subscribe((data: any) => { + // this.surname = data.result.user.surname + // }) } //获得时间 diff --git a/src/assets/images/expand.png b/src/assets/images/expand.png new file mode 100644 index 0000000000000000000000000000000000000000..53293dbbc3540ac20422d624971703e18733aead GIT binary patch literal 1009 zcmV71Q{000BHNkl0oUTnO~FvqZ;&pE zAc$@nv*3$(;7-Adl`aMz!!|%ZUq>$Oqml&G*Ql(8 zwD|<6GJHP3wGFl`u}7=e8+*82a1*uj&;>v**q)^DNr>4)>n7S;BJYT_L><-K55T2} z2gYHAq!x2|2?G;|*5z1ZAAhBU?DCv7Gy$^4Gix%$2Sk}k_6zr z?Osp5~O1q~=e|IJGk>r-7k%Al~~51w@%8875?DOk-%cDd559AMnP# zwYqQw!gMX?fFYfscA*I~LrP6UD_Wz9Z||QKppis6&@7n#K9C=pr`mAop`r z;~%uNL=8o3C2`m^LZPigj#rz+d5Z~~MmegHrE-dT^crS0!|pzsUvcw;@8LvcJ4PKU zRFtDtiq-;Er^vWJ0ak5XRN#!q+5%H&m}QIYSJ+c^)0VYxwVic|qY`<21vxB`?HXBx zHt8G>NDoqt>qod|ihFT@TS{;jxyIt<9SpaN*xrKOF0y|U5$vftK&-Z>O?bbLk5}-) zp4!jw8(X;TE}Z9$7Z~uV`35}!{$yvdABe#%v6NS-#1qT fzRWY};XUAjQX-btUt-*c2#T^~s`UCtNLM_X_>fgaKT%fNv zWZkFa5-{46+dyul0oy<@Lg_VS5bX9F<#B;q4DnR(KZ57zK_6`_c@R2L(E&P^I)Sdh zUgHf|V5cHG3GA$)T(0np@Q=Y4QJ5g7S7e#PL`64P3WTmG-nac8BCiQ-#jsJ4t;?`i zr#PkrE>tB+OXCWBj_yCNbv0p2(a{v%Q^bsS%U2D0@Bx(Ljn-^-o{e71Q{000BTNkl1v^oLgTQIyx~zKyWbw84yHqqcB;zRL3mcx^d$lkR&_N_XLtH`8{dq&7=FP5Gf;r+?;-~;Bk~@iIzp^> z&q5Ce_;?MU_3_=m@SEGX3H%c9d7$?qsM^{<{Lx1~Es;0ZkfQ?Gt&xR6(wnO3L#lCu z2-i+=PmXXm65Ojj+};7cfu2>m0BqE4?I8oK8>3DXD$3C+MQeeoQ)E0q24vO6MFq}y ztSvBghFP)LL4}<_w{VO0o&`?TZQey5=BU;`XlaRBir7kG?}&s#Th{=U#CeMml3F>c zv88f~di)}0J;Uxlz%8mg2Ru~=MD&P~g5ci$nJ2XFsK{oP|8wNgHihOvcWIHasB_3LYx#?~dk z&0W;t3hJdcu@s~>p;gy(46HfJ*Pp%3+P&LNWbQx0fBq9kQt^?7qbOpiO2*Dp{5_&t zKf&&AW3L9jg?izHL^)CeZQ7nsIz_|2^UWy!SnomVDZY`Q2LvUNF!wvXbK8 z70UIWuK^4(43-9kJ|de3T2FUa^QLfY2Z>Iy+llx^2?p~(QIiLS*RnJKAA$nn%#c#k z(u$67bgiT#ELm=NHz>?BKX^s1978V|7|W1|ajq#s*4zPmWeh`2dgH4JFv={+C?QK@ zTE@^p(-NLkNOS;thw*{}!&qyEMa8&XlIMyt?9yL9#)e^+#}F^rL2QEL6?E;0ii|`S zWI~Z4$-E#Ib_!G&;i+)s-jchNJk2R1NzI>_eQ@lAQgYcYo&2^Jr@0vS&{dzf6%ki4 zi7_O2A{{k}Z|X@UskNqzE6Q!WoW?JZHLG+Lre z+yHfjGY%UnjZoBPgvooDN$f%`T~K!kuu&Nbc(C?(19{^Rl_aQvMr9qO&6^)p89pE4 zx&~X8*r)5*)dSqb$_onj<-n=6^Iapfr_~X%Y$K|E1B`q4WQ0F%<3f8{)+J7zyrSdJ zdSkHo$pM19FnHVmySMN>fSVimSv$JC`7T%ZEVxr>c%F9ub8!#$JzH)0G2@zNnt8 Date: Mon, 15 Nov 2021 15:53:49 +0800 Subject: [PATCH 04/11] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E4=BB=8A=E6=97=A5?= =?UTF-8?q?=E9=A2=84=E8=AD=A6=E9=A6=96=E9=A1=B5=E9=9D=A2=E9=80=89=E6=8B=A9?= =?UTF-8?q?=E6=A1=86=E5=AF=B9=E6=8E=A5=E5=90=8E=E7=AB=AF=E6=95=B0=E6=8D=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/pages.module.ts | 8 ++++-- .../today-warning-admin.component.html | 17 +++++------ .../today-warning-admin.component.scss | 3 ++ .../today-warning-admin.component.ts | 28 +++++++++++++++++-- .../today-warning.component.html | 5 ++-- .../today-warning/today-warning.component.ts | 16 ++++++++++- 6 files changed, 61 insertions(+), 16 deletions(-) diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index 73c0fc2..a29c189 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -37,10 +37,13 @@ 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'; @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], imports: [ PagesRoutingModule, CommonModule, @@ -67,7 +70,8 @@ import { EditequipmentComponent } from './equipment-info/editequipment/editequip NzDropDownModule, NzMessageModule, NzSpinModule, - NzTreeModule + NzTreeModule, + NzTreeSelectModule ], entryComponents: [AddequipmentComponent, EditequipmentComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] diff --git a/src/app/pages/today-warning-admin/today-warning-admin.component.html b/src/app/pages/today-warning-admin/today-warning-admin.component.html index 58ed49f..dd0b68d 100644 --- a/src/app/pages/today-warning-admin/today-warning-admin.component.html +++ b/src/app/pages/today-warning-admin/today-warning-admin.component.html @@ -10,6 +10,7 @@ + @@ -17,20 +18,19 @@ - - - + - - - - - + + + + +
+ +
+
+ + 39 + 今日违规 +
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss index b652476..b29e46d 100644 --- a/src/app/pages/home/home.component.scss +++ b/src/app/pages/home/home.component.scss @@ -16,6 +16,7 @@ font-size: 17px; background: url('../../../assets/images/navbg.png') no-repeat; background-size: 100% 100%; + position: relative; li { width: 10%; @@ -26,6 +27,50 @@ font-family: sybold; color: #EBFAFF; } + +} + +.backbtn { + position: absolute; + right: 26px; + bottom: 6px; + + button { + width: 64px; + height: 32px; + background: rgba(0, 129, 255, 0.3); + border: 1px solid #36A2FF; + border-radius: 0px; + color: #91CCFF; + } +} + +.warningnumber { + position: absolute; + left: 20px; + top: 0; + display: flex; + align-items: flex-start; + + img { + margin-bottom: 30px; + } + + .num { + font-size: 50px; + text-shadow: 0px 0px 6px #8df; + color: white; + font-weight: 600; + margin-top: -5px; + } + + .today { + font-size: 19px; + font-family: titlefont; + color: #D0EAFF; + margin-top: 11px; + margin-left: 10px; + } } .content { diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts index 73acf06..f8a37a6 100644 --- a/src/app/pages/home/home.component.ts +++ b/src/app/pages/home/home.component.ts @@ -1,5 +1,7 @@ import { Component, OnInit } from '@angular/core'; - +import { Router, NavigationEnd, ActivatedRoute } from '@angular/router'; +import { Title } from '@angular/platform-browser' +import { filter } from 'rxjs/operators'; @Component({ selector: 'app-home', templateUrl: './home.component.html', @@ -7,9 +9,30 @@ import { Component, OnInit } from '@angular/core'; }) export class HomeComponent implements OnInit { - constructor() { } + constructor(private router: Router) { } + isGasStation: boolean + isWarning: boolean = false//是否是今日预警页面 ngOnInit(): void { + this.router.events.pipe( + filter(event => event instanceof NavigationEnd) + ).subscribe((event: any) => { + if (event.url.indexOf('warning') != -1) {//控制今日预警左上角数字显示 + this.isWarning = true + } else { + this.isWarning = false + } + if (event.url.indexOf('petrolStation') != -1 && sessionStorage.getItem('isGasStation') == 'false') {//控制返回按钮显示 + this.isGasStation = true + }else{ + this.isGasStation = false + } + }); + } + + + goback(){ + history.go(-1) } } diff --git a/src/app/pages/login/login.component.ts b/src/app/pages/login/login.component.ts index 1dcb046..9b63de3 100644 --- a/src/app/pages/login/login.component.ts +++ b/src/app/pages/login/login.component.ts @@ -61,7 +61,13 @@ export class LoginComponent implements OnInit { sessionStorage.setItem('userdata', JSON.stringify(data.result.user)) this.isLoading = false; this.message.create('success', `登陆成功`); - this.router.navigate(['/plan']) + if(data.result.user.organization.isGasStation){ + sessionStorage.setItem("isGasStation", 'true'); + this.router.navigate(['/plan/petrolStation']) + }else{ + sessionStorage.setItem("isGasStation", 'false'); + this.router.navigate(['/plan']) + } }) //调用服务中的function刷新token diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts index 7d7a713..17142f1 100644 --- a/src/app/pages/pages.module.ts +++ b/src/app/pages/pages.module.ts @@ -40,13 +40,14 @@ import { AddequipmentComponent } from './equipment-info/addequipment/addequipmen 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,PlanAdminComponent], + AddequipmentComponent, EditequipmentComponent,PlanAdminComponent, GetOutOfLineDetailsComponent], imports: [ @@ -80,7 +81,7 @@ import { PlanAdminComponent } from './plan-admin/plan-admin.component'; NzCollapseModule ], - entryComponents: [AddequipmentComponent, EditequipmentComponent], + entryComponents: [AddequipmentComponent, EditequipmentComponent,GetOutOfLineDetailsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/src/app/pages/plan-admin/plan-admin.component.scss b/src/app/pages/plan-admin/plan-admin.component.scss index faf9468..00604e8 100644 --- a/src/app/pages/plan-admin/plan-admin.component.scss +++ b/src/app/pages/plan-admin/plan-admin.component.scss @@ -26,7 +26,8 @@ margin-top: 12px; box-sizing: border-box; padding: 18px 12px; - nz-tree{ + + nz-tree { background: none; color: #C4E2FC; } @@ -107,6 +108,9 @@ div { color: #91CCFF; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; .look { color: #36A2FF; diff --git a/src/app/pages/today-warning-admin/today-warning-admin.component.html b/src/app/pages/today-warning-admin/today-warning-admin.component.html index dd0b68d..5bead1f 100644 --- a/src/app/pages/today-warning-admin/today-warning-admin.component.html +++ b/src/app/pages/today-warning-admin/today-warning-admin.component.html @@ -146,7 +146,7 @@
- +
diff --git a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html new file mode 100644 index 0000000..993acf0 --- /dev/null +++ b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html @@ -0,0 +1,23 @@ + +
+
+
+
+ 违规截图 +
+
+
+ 违规视频 +
+
+
+
+
+
+ 违规截图 +
+
+ 违规视频 +
+
+
\ 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 942eadb..6285804 100644 --- a/src/app/pages/today-warning/today-warning.component.html +++ b/src/app/pages/today-warning/today-warning.component.html @@ -54,10 +54,7 @@ - +
@@ -88,12 +85,8 @@
- - - - +
- + \ 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 a6ff501..08d17e0 100644 --- a/src/app/pages/today-warning/today-warning.component.ts +++ b/src/app/pages/today-warning/today-warning.component.ts @@ -1,7 +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', @@ -9,7 +11,7 @@ import { TreeService } from 'src/app/service/tree.service'; }) export class TodayWarningComponent implements OnInit { validateForm!: FormGroup; - constructor(private http: HttpClient,private fb: FormBuilder, private toTree: TreeService) { } + constructor(private http: HttpClient, private fb: FormBuilder, private toTree: TreeService, private modal: NzModalService, private viewContainerRef: ViewContainerRef) { } ngOnInit(): void { this.validateForm = this.fb.group({ @@ -23,14 +25,14 @@ export class TodayWarningComponent implements OnInit { } //预警类型接口 - yujingTypes:any //预警接口数据 - yujingType(){ + yujingTypes: any //预警接口数据 + yujingType() { this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => { - this.yujingTypes=data.result - } + this.yujingTypes = data.result + } ) } - + submitForm(): void { for (const i in this.validateForm.controls) { @@ -50,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/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..a121a4c --- /dev/null +++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.html @@ -0,0 +1 @@ +

analysis-of-the-host works!

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..e69de29 diff --git a/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.spec.ts b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.spec.ts new file mode 100644 index 0000000..9b06ebc --- /dev/null +++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AnalysisOfTheHostComponent } from './analysis-of-the-host.component'; + +describe('AnalysisOfTheHostComponent', () => { + let component: AnalysisOfTheHostComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AnalysisOfTheHostComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AnalysisOfTheHostComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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..d0d5474 --- /dev/null +++ b/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@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() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/system-management/navigation/navigation.component.html b/src/app/system-management/navigation/navigation.component.html index 3ab03ce..429fa75 100644 --- a/src/app/system-management/navigation/navigation.component.html +++ b/src/app/system-management/navigation/navigation.component.html @@ -16,6 +16,7 @@
  • 组织机构管理
  • 用户管理
  • 角色管理
  • +
  • 分析主机管理
  • diff --git a/src/app/system-management/navigation/navigation.component.ts b/src/app/system-management/navigation/navigation.component.ts index c500877..6604860 100644 --- a/src/app/system-management/navigation/navigation.component.ts +++ b/src/app/system-management/navigation/navigation.component.ts @@ -13,8 +13,6 @@ export class NavigationComponent implements OnInit { ngOnInit(): void { } signOut() { - // history.go(-1); - // /home/warning/admin - this.router.navigate(['/home/warning/admin']) + this.router.navigate(['/plan']) } } diff --git a/src/app/system-management/system-management-routing.module.ts b/src/app/system-management/system-management-routing.module.ts index 843186b..c0bbef7 100644 --- a/src/app/system-management/system-management-routing.module.ts +++ b/src/app/system-management/system-management-routing.module.ts @@ -5,11 +5,13 @@ import { AuthGuard } from '../auth.guard' import { RoleComponent } from './role/role.component'; import { OrganizationComponent } from './organization/organization.component'; import { UserComponent } from './user/user.component'; +import { AnalysisOfTheHostComponent } from './analysis-of-the-host/analysis-of-the-host.component'; const routes: Routes = [ { path: 'organization', component: OrganizationComponent }, { path: 'user', component: UserComponent }, - { path: 'role', component: RoleComponent } + { path: 'role', component: RoleComponent }, + { path: 'host', component: AnalysisOfTheHostComponent } ]; @NgModule({ diff --git a/src/app/system-management/system-management.module.ts b/src/app/system-management/system-management.module.ts index fd6c33c..e49b004 100644 --- a/src/app/system-management/system-management.module.ts +++ b/src/app/system-management/system-management.module.ts @@ -27,8 +27,9 @@ import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select'; import { AddorComponent } from './organization/addor/addor.component'; import { EditorComponent } from './organization/editor/editor.component'; import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; +import { AnalysisOfTheHostComponent } from './analysis-of-the-host/analysis-of-the-host.component'; @NgModule({ - declarations: [OrganizationComponent, UserComponent, RoleComponent, NavigationComponent, AdduserComponent, EdituserComponent, AddroleComponent, EditroleComponent, AddorComponent, EditorComponent], + declarations: [OrganizationComponent, UserComponent, RoleComponent, NavigationComponent, AdduserComponent, EdituserComponent, AddroleComponent, EditroleComponent, AddorComponent, EditorComponent, AnalysisOfTheHostComponent], imports: [ CommonModule, SystemRoutingModule, diff --git a/src/assets/images/warningnum.png b/src/assets/images/warningnum.png new file mode 100644 index 0000000000000000000000000000000000000000..a312904f6362750bdff1cbb595e6d05ab8619770 GIT binary patch literal 8607 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 Date: Tue, 16 Nov 2021 17:24:48 +0800 Subject: [PATCH 07/11] =?UTF-8?q?=E5=A4=84=E7=BD=AE=E9=A2=84=E6=A1=88UI?= =?UTF-8?q?=E5=AE=8C=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/plan/plan.component.html | 21 ++++++++++++-- src/app/pages/plan/plan.component.scss | 37 ++++++++++++++++++++++++- src/app/pages/plan/publicPop.scss | 15 +++++++++- src/assets/images/uploadImg.png | Bin 0 -> 2707 bytes src/assets/images/uploadVideo.png | Bin 0 -> 2165 bytes 5 files changed, 68 insertions(+), 5 deletions(-) create mode 100644 src/assets/images/uploadImg.png create mode 100644 src/assets/images/uploadVideo.png diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index ce7e17f..fb92d56 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -16,7 +16,7 @@ -
    +
    {{allFence[selectFence]}}
    @@ -28,7 +28,7 @@
    -
    +

    @@ -48,7 +48,7 @@ -
    +
    @@ -90,6 +90,21 @@
    + +
    +
    +
    +

    灾情描述

    + +
    +
    +
    +
    +
    +
    +
    + +
    diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index 5978a4f..ea39903 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -223,7 +223,7 @@ height: 38px; position: absolute; right: 1px; - top: 3%; + top: 1%; display: flex; >div { height: 38px; border-radius: 5px; } button { @@ -258,4 +258,39 @@ margin-right: 10px; } .selectRightTopFast { border: 1px solid #fff; } //选种样式 +} + +//左右侧栏 上移 +.publicMoveUp{ + height: 70%; + top: 10%; + bottom: auto; +} +//底部处置预案 +.bottomPlan{ + width: 95%; + position: absolute; + left: 0; + right: 0; + bottom: 1%; + margin: auto;/*这行代码是关键*/ + color: #fff; + .pulicPlanDiv{ width: 100%; padding: 0 15px; overflow: hidden; background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%); } + .bottomPlanHeader{ + height: 80px; + display: flex; + align-items: center; + box-shadow: 0px 0px 6px #2399FF; + .planHeaderText{ + flex: 1; + font-size: 14px; + p{ margin: 0; height: 20px; line-height: 18px; } + textarea{ width: 100%; height: 50px; background: rgba(145, 204, 255, 0.41); border: 1px solid #91CCFF; padding: 0; resize:none; outline: none; } + } + .planHeaderImg{ width: 100px; height: 100%; text-align: center; } + .planHeaderVideo{ width: 120px; height: 100%; text-align: center; } + } + .bottomPlanCenter{ + height: 35px; + } } \ No newline at end of file diff --git a/src/app/pages/plan/publicPop.scss b/src/app/pages/plan/publicPop.scss index 4ca89fc..f658838 100644 --- a/src/app/pages/plan/publicPop.scss +++ b/src/app/pages/plan/publicPop.scss @@ -14,9 +14,22 @@ overflow: hidden; display: inline-block; } -.uploadBackGround input { +.bottomPlanUpload{ + margin-top: 5px; + width: 70px; + height: 70px; + line-height: 65px; + position: relative; + cursor: pointer; + background: rgba(145, 204, 255, 0.41); + border: 1px dashed #91CCFF; + overflow: hidden; + display: inline-block; +} +.uploadBackGround input,.bottomPlanUpload input { position: absolute; width: 100%; + height: 100%; right: 0; top: 0; opacity: 0; diff --git a/src/assets/images/uploadImg.png b/src/assets/images/uploadImg.png new file mode 100644 index 0000000000000000000000000000000000000000..974cb7edf6c30ec19e832437bcc8200ace97f2b2 GIT binary patch literal 2707 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 Date: Wed, 17 Nov 2021 08:38:31 +0800 Subject: [PATCH 08/11] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E7=B3=BB=E7=BB=9F?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=88=86=E6=9E=90=E4=B8=BB=E6=9C=BA=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../criminal-records.component.html | 27 ++- .../criminal-records.component.scss | 101 +++++++++- .../criminal-records.component.ts | 183 ++++++++++++++++++ src/app/pages/home/home.component.html | 20 +- src/app/pages/home/home.component.ts | 9 +- src/app/pages/login/login.component.ts | 6 +- .../plan-admin/plan-admin.component.html | 2 +- .../pages/plan-admin/plan-admin.component.ts | 2 +- .../addhost/addhost.component.html | 11 ++ .../addhost/addhost.component.scss | 3 + .../addhost/addhost.component.ts | 21 ++ .../analysis-of-the-host.component.html | 71 ++++++- .../analysis-of-the-host.component.scss | 92 +++++++++ .../analysis-of-the-host.component.spec.ts | 25 --- .../analysis-of-the-host.component.ts | 101 +++++++++- .../edithost/edithost.component.html | 1 + .../edithost/edithost.component.scss | 0 .../edithost/edithost.component.ts | 15 ++ .../navigation/navigation.component.html | 2 +- .../system-management.module.ts | 6 +- src/assets/images/icon/host.png | Bin 0 -> 359 bytes src/theme.less | 9 +- 22 files changed, 649 insertions(+), 58 deletions(-) create mode 100644 src/app/system-management/analysis-of-the-host/addhost/addhost.component.html create mode 100644 src/app/system-management/analysis-of-the-host/addhost/addhost.component.scss create mode 100644 src/app/system-management/analysis-of-the-host/addhost/addhost.component.ts delete mode 100644 src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.spec.ts create mode 100644 src/app/system-management/analysis-of-the-host/edithost/edithost.component.html create mode 100644 src/app/system-management/analysis-of-the-host/edithost/edithost.component.scss create mode 100644 src/app/system-management/analysis-of-the-host/edithost/edithost.component.ts create mode 100644 src/assets/images/icon/host.png diff --git a/src/app/pages/criminal-records/criminal-records.component.html b/src/app/pages/criminal-records/criminal-records.component.html index cf769ea..aa55342 100644 --- a/src/app/pages/criminal-records/criminal-records.component.html +++ b/src/app/pages/criminal-records/criminal-records.component.html @@ -57,8 +57,29 @@
    -
    +
    +
    + + + 违规事件统计 + +
    +
    违规事件总数
    +
    206
    +
    +
    + +
    +
    +
    + + + 违规趋势 + +
    +
    +
    @@ -102,7 +123,7 @@ 加油区2号摄像头
    - 2021-10-12 09:28:13 + 2021-10-12 09:28:13
    查看 @@ -117,4 +138,4 @@
    -
    +
    \ No newline at end of file diff --git a/src/app/pages/criminal-records/criminal-records.component.scss b/src/app/pages/criminal-records/criminal-records.component.scss index 99713ae..ec459a9 100644 --- a/src/app/pages/criminal-records/criminal-records.component.scss +++ b/src/app/pages/criminal-records/criminal-records.component.scss @@ -10,7 +10,7 @@ padding: 0 36px; width: 100%; height: 32px; - margin: 20px 0px; + margin-top: 14px; form { width: 100%; @@ -47,7 +47,7 @@ overflow: hidden; .title { - margin-bottom: 15px; + margin: 13px 0; width: 100%; height: 64px; box-sizing: border-box; @@ -59,10 +59,99 @@ display: flex; justify-content: center; - .charts { - width: 98%; - height: 300px; - border: 1px solid white; + .chart { + width: 97%; + height: 360px; + border: 0px; + box-shadow: 0 0 26px 0px #1a7fd7 inset; + box-sizing: border-box; + padding: 18px 26px; + display: flex; + + div { + display: flex; + flex-direction: column; + + span { + font-family: titlefont; + display: flex; + align-items: center; + height: 28px; + color: #bee1ff; + font-size: 16px; + } + + div { + flex: 1; + } + + .piechart {} + + .barchart { + // border: 1px solid rgba(145, 204, 255, 0.95); + } + } + + .leftbox { + width: 360px; + position: relative; + + .centerContent { + position: absolute; + top: 42%; + left: 11%; + width: 170px; + + div { + text-align: center; + } + + .numname { + font-family: titlefont; + color: #bee1ff; + } + + .num { + color: #FFFFFF; + font-size: 42px; + text-shadow: 0px 0px 16px #3A9AFF; + font-weight: bold; + height: 49px; + line-height: 50px; + } + } + } + + .rightbox { + flex: 1; + position: relative; + + .btnbox { + position: absolute; + right: 5px; + top: 5px; + display: flex; + flex-direction: row; + z-index: 999; + + button { + border: 1px solid #91CCFF; + color: #91CCFF; + border-radius: 0px; + box-shadow: 0 0 5px 0 #2399FF inset; + background: none; + } + + .rankingBtn { + margin-right: 16px; + } + + .selectedbtn { + background: linear-gradient(180deg, #000D21 0%, #001331 27%, #2399FF 100%); + color: white; + } + } + } } } diff --git a/src/app/pages/criminal-records/criminal-records.component.ts b/src/app/pages/criminal-records/criminal-records.component.ts index e396d37..727604e 100644 --- a/src/app/pages/criminal-records/criminal-records.component.ts +++ b/src/app/pages/criminal-records/criminal-records.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import * as echarts from 'echarts'; @Component({ selector: 'app-criminal-records', templateUrl: './criminal-records.component.html', @@ -8,7 +9,120 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; export class CriminalRecordsComponent implements OnInit { validateForm!: FormGroup; constructor(private fb: FormBuilder) { } + mybarChart: any //柱状图 + baroption = { + xAxis: { + type: 'category', + data: this.getThirtyDays(), + axisLine: { + show: false, + lineStyle: { + color: '#91CCFF' + } + }, + axisTick: {//刻度线 + show: false + } + }, + yAxis: { + type: 'value', + nameTextStyle: { + color: '#C4E2FC' + }, + splitLine: {//分割线 + lineStyle: { + color: ['#0f4374'], + width: 2 + } + }, + axisTick: {//刻度线 + show: false + }, + axisLine: {//轴线 + show: false, + lineStyle: { + color: '#C4E2FC' + } + } + }, + series: [ + { + data: [120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 100, 101], + type: 'bar', + itemStyle: { + color: { + type: 'linear', + x: 0, + y: 0, + x2: 0, + y2: 1, + colorStops: [{ + offset: 0, color: '#23F0FF' // 0% 处的颜色 + }, { + offset: 1, color: 'rgba(35, 153, 255, 0.1)' // 100% 处的颜色 + }], + global: false // 缺省为 false + } + }, + barWidth: '25%' + }, + { + data: [120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 100, 101], + type: 'line', + symbol: 'circle', + symbolSize: 8, + itemStyle: { + color: '#fff', + shadowColor: '#fff', + shadowBlur: 10 + }, + lineStyle: { + color: '#FFCC8A', + width: 1 + } + } + ], + grid: { + left: '36px', + right: '30px', + bottom: '50px', + top: '45px' + } + }; + getThirtyDays() { + //获取当前日期 + let myDate = new Date(); + var nowY = myDate.getFullYear(); + var nowM = myDate.getMonth() + 1; + var nowD = myDate.getDate(); + var enddateStr = nowY + "-" + (nowM < 10 ? "0" + nowM : nowM) + "-" + (nowD < 10 ? "0" + nowD : nowD);//当前日期 + var enddate = new Date(enddateStr); + + //获取三十天前日期 + var lw = new Date(new Date().getTime() - 1000 * 60 * 60 * 24 * 30);//最后一个数字30可改,30天的意思 + var lastY = lw.getFullYear(); + var lastM = lw.getMonth() + 1; + var lastD = lw.getDate(); + var startdateStr = lastY + "-" + (lastM < 10 ? "0" + lastM : lastM) + "-" + (lastD < 10 ? "0" + lastD : lastD);//三十天之前日期 + var startDate = new Date(startdateStr); + + const dateList = [] + while (true) { + startDate.setDate(startDate.getDate() + 1) + if (startDate.getTime() <= enddate.getTime()) { + if (startDate.getDate() < 10) { + // startDate.getFullYear() 获取年,此处没加上年份 + dateList.push((startDate.getMonth() + 1) + '.0' + startDate.getDate()) + } else { + dateList.push((startDate.getMonth() + 1) + '.' + startDate.getDate()) + } + } else { + break + } + } + return dateList; + } ngOnInit(): void { this.validateForm = this.fb.group({ level: [null], @@ -16,6 +130,75 @@ export class CriminalRecordsComponent implements OnInit { site: [null], datePicker: [null] }); + // 基于准备好的dom,初始化echarts实例 + let myChart = echarts.init(document.getElementById('piechart')); + let option = { + color: ['#FF4B65', '#23D9FF', '#608AFF', '#B2FF6D', '#FFFF99', '#C4E2FC', '#FF7F00', '#0090FF', '#FFD634', '#105597', '#FF4B65', '#23D9FF', '#71FFF5', '#B2FF6D'], + tooltip: { + trigger: 'item'//触发类型 + }, + series: [ + { + // name: 'Access From', + type: 'pie', + radius: [85, 112],//内半径外,外半径 + left: '-30%', + avoidLabelOverlap: false,//防止标签重叠策略 + label: {//每一个标签外网延伸的引导说明 + show: false, + position: 'outside' + }, + labelLine: {//引导线 + show: true, + showAbove: true + }, + emphasis: {//中间高亮区域 + label: { + show: false, + fontSize: '40', + fontWeight: 'bold' + } + }, + data: [ + { value: 26, name: '工作人员倚靠加油机或者立柱1' }, + { value: 86, name: '工作人员倚靠加油机或者立柱2' }, + { value: 34, name: '工作人员倚靠加油机或者立柱3' }, + { value: 55, name: '工作人员倚靠加油机或者立柱4' }, + { value: 60, name: '工作人员倚靠加油机或者立柱5' }, + { value: 26, name: '工作人员倚靠加油机或者立柱6' }, + { value: 86, name: '工作人员倚靠加油机或者立柱7' }, + { value: 34, name: '工作人员倚靠加油机或者立柱8' }, + { value: 55, name: '工作人员倚靠加油机或者立柱9' }, + { value: 60, name: '工作人员倚靠加油机或者立柱10' }, + { value: 26, name: '工作人员倚靠加油机或者立柱11' }, + { value: 86, name: '工作人员倚靠加油机或者立柱12' }, + { value: 34, name: '工作人员倚靠加油机或者立柱13' }, + { value: 55, name: '工作人员倚靠加油机或者立柱14' }, + { value: 60, name: '工作人员倚靠加油机或者立柱15' }, + { value: 26, name: '工作人员倚靠加油机或者立柱16' }, + { value: 86, name: '工作人员倚靠加油机或者立柱17' }, + { value: 34, name: '工作人员倚靠加油机或者立柱18' }, + { value: 55, name: '工作人员倚靠加油机或者立柱19' }, + { value: 60, name: '工作人员倚靠加油机或者立柱20' } + ], + tooltip: {//鼠标移入提示 + position: 'right', + padding: [14, 19], + backgroundColor: 'rgba(28, 129, 218, 0.4)', + textStyle: { + color: '#fff', + fontSize: 12 + } + } + } + ] + }; + // 绘制图表 + myChart.setOption(option); + + this.mybarChart = echarts.init(document.getElementById('barchart')); + + this.mybarChart.setOption(this.baroption); } submitForm(): void { for (const i in this.validateForm.controls) { diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index 78973af..49d7d83 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -3,21 +3,25 @@
    -
    +
    + + + +
    diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index ea39903..6b10bb4 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -292,5 +292,33 @@ } .bottomPlanCenter{ height: 35px; + line-height: 38px; + display: flex; + overflow: hidden; + label{ + display: block; + } + label:first-child{ + width: 15%; + height: 100%; + text-align: center; + button { + width: 60%; + height: 30px; + line-height: 30px; + color: #23D9FF; + //padding: 0; + background: rgba(35, 153, 255, 0.41); + border: 1px solid rgba(35, 217, 255, 0.4); + } + } + label:nth-child(2){ flex: 1; overflow: hidden; img{ height: 35px; width: auto; vertical-align: top; } } + label:last-child{ + width: 15%; + height: 100%; + text-align: center; + color: #fff; + .anticon{ font-size: 20px; margin: 0 10px; } + } } } \ No newline at end of file diff --git a/src/assets/images/stepIcon.png b/src/assets/images/stepIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..ec576ff78ea201c5bc29c76bf27410c20e34b55a GIT binary patch literal 1854 zcmV-E2f_G>P)Px*_(?=TR9HvFm|tjQR~^Sc=g++}cV;r#{M}?->?WH(lRq=}&pAiV z+?!-FJ4q8Mc3$qCJNKN=?|aVgob&yS;2rviqjBBdd+vZ1`+5=wy|vr;0B`~F&99KZ zGf`aq{TyPl=;B)b+a74HxW9zkYjI~FJ-|-1n|j~`VsZqr@hW0HMrM78Y_;g_bU~ia zuX+HdH*ozWY~MY&YfCtM5W4~Fhj)Ps=q%C$Z!IAk^QggLWSk8W9 zClj1j*g#`T0d{2>TR)8%9l^E(n8N07@4@$jofFI=?_WiFg&QZ()h0SDqvHe}Wavzy ztVNb|-c_98q{M2ANi|t1BuiRkTM=2`8krw~R|c>-yeHTRF1P1S&JUtOMbIb_>X=ZJ zD2a?vNA(5m~4xs5n6xN6A7U3$XQIND;)s(K4_tVLR3|ouf4v5@%)7IWV27_rRB( zu8x!vKf(rnhB^0L7y=6NkP>~B4G&~s3LOXB#E#ztz*k6Hk@NarED75l$xdu ziLaj_f0Ff0TkwMk~X zl^q22&+q*?Q_iuZVObj1GRdYN?(H^Zlm zZFV~$C#CjS1<5%cjv$P9WVL3{J|4^s5{%w{){h5 z%YqOr60jsv8k?~FmS7A07)G38%)xl&0#9`-{_XGiy9Yn{I1hCPb#|IB30M$@MHEXC z*8eAP^&(I8Q2aun_~APg&%90Go{FEP4Sw`9G|~K@k~c@8J1L)^+xNEtbT2RpmvK&*K#^lxyVntJAdwP{98--%458* zTk*LWz91YoI+xStDBE|>^;pMKv&a|c33oP-R5Ro(V-m*87nnZQ&Na>Ftj}u6Vvuor zX9IcgG|7QmCQw$6KAAD(9HY*1s`4nmIL^*>?ioHKBsYZMmet%gf(@Y6d#^4|CtIQ% zXsTJlATpol%0+&C9K~m!;ZyC+!?L79R?>_u8PmG+bRs{GCnnHlgHrogbo5Kbkjpq3 zeV88)Mw~v%c}&dwBfsLyLUYp^Zaa}5i>i-!ZjNmKdF<2kvXkBj0Krz7h;90^fC1qc zrowwpet=8E6;2%nC*j7|{>YU#*7=VUEbEk2Dr{6+G=VfX0{a|DZU(r5I&)WUef)5{ zjJgpF3K-T^-u>S5d~>wIcrOPcViqp{h40O;@rHwCWvE=^T_1diZ=8%c)d^QAH-7XdzW-)}H>GSRlehirfnlp0(LCJj74z)v z?e)9RIv_MnB4u;4=L{zh^hZ_3E_{@4pYn6AA;_4Y{xjdX*fe#2VltfBsG+GyiJ`-4#k-2~bMQl@&7NjS3 zpuTYHs33|`ucMOKd9pL)R}fPZh<}0dgDdj<{7^hme#t5doh}|vH4uS4pPMwN( z@AucrK7i%`B3ax&QsEdbTE(@K=#ZMY6LEyUA_}-~Rg6H-7gO suTNLueZX70kB Date: Wed, 17 Nov 2021 16:55:51 +0800 Subject: [PATCH 11/11] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E8=BE=93=E6=B2=B9?= =?UTF-8?q?=E7=AE=A1=E7=BA=BF,=20=E6=B2=B9=E6=B0=94=E5=9B=9E=E6=94=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../property-data/in/property-data-sygx.ts | 9 +-- .../property-data/in/property-data-yqhsgx.ts | 24 +++++--- .../left-domain/left-domain.component.html | 55 ++++++++++++++++++- .../left-domain/left-domain.component.scss | 4 +- .../left-domain/left-domain.component.ts | 6 +- src/app/pages/plan/plan.component.html | 2 +- src/app/pages/plan/plan.component.ts | 2 +- 7 files changed, 82 insertions(+), 20 deletions(-) diff --git a/src/app/babylon/model/data/institution/facility/property-data/in/property-data-sygx.ts b/src/app/babylon/model/data/institution/facility/property-data/in/property-data-sygx.ts index a396beb..f3fa99d 100644 --- a/src/app/babylon/model/data/institution/facility/property-data/in/property-data-sygx.ts +++ b/src/app/babylon/model/data/institution/facility/property-data/in/property-data-sygx.ts @@ -4,21 +4,22 @@ import { PropertyData_Base_IMG } from "../base/property-data-base-img"; import { PropertyData_Base } from "../property-data-base"; /** - * 输油管 + * 输油管线 */ export class PropertyData_SYGX extends PropertyData_Base_IMG { constructor(key: string) { - super(key, "", "", "", FacilityType.JY_SYGX); - + super(key, "", "", "", FacilityType.JY_SYGX); + this.name = "未命名"; } clone(key: string) { let result = new PropertyData_SYGX(key); + result.name = this.name; result.img = this.img; result.pos = this.pos; result.info = this.info, - result.is360 = this.is360; + result.is360 = this.is360; return result; } diff --git a/src/app/babylon/model/data/institution/facility/property-data/in/property-data-yqhsgx.ts b/src/app/babylon/model/data/institution/facility/property-data/in/property-data-yqhsgx.ts index 22bdab0..a8c62f0 100644 --- a/src/app/babylon/model/data/institution/facility/property-data/in/property-data-yqhsgx.ts +++ b/src/app/babylon/model/data/institution/facility/property-data/in/property-data-yqhsgx.ts @@ -4,22 +4,28 @@ import { PropertyData_Base_IMG } from "../base/property-data-base-img"; import { PropertyData_Base } from "../property-data-base"; /** - * 输油管 + * 油气回收管线 */ export class PropertyData_YQHSGX extends PropertyData_Base_IMG { + VRUType: string = ""; //油气回收系统类型 + VRUPumpType: string = ""; //油气回收泵类型 + constructor(key: string) { - super(key, "", "", "", FacilityType.JY_YQHSGX); - + super(key, "", "", "", FacilityType.JY_YQHSGX); + this.name = "未命名"; } clone(key: string) { - let result = new PropertyData_YQHSGX(key); - result.img = this.img; - result.pos = this.pos; - result.info = this.info, - result.is360 = this.is360; - return result; + let result = new PropertyData_YQHSGX(key); + result.name = this.name; + result.VRUType = this.VRUType; + result.VRUPumpType = this.VRUPumpType; + result.img = this.img; + result.pos = this.pos; + result.info = this.info, + result.is360 = this.is360; + return result; } } \ No newline at end of file diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html index 3bd7838..9f246ed 100644 --- a/src/app/pages/left-domain/left-domain.component.html +++ b/src/app/pages/left-domain/left-domain.component.html @@ -49,7 +49,7 @@
    -
    +
    @@ -91,6 +91,59 @@
    + +
    +
    + +
    +
    + +

    +
    +
    +

    图片

    +
    +
    +

    + + +

    +
    +
    +
    +
    + + +
    +
    + +
    +
    + +

    +
    +
    +

    油气回收系统类型

    +

    油气回收泵类型

    +

    图片

    +
    +
    +

    + + + + +

    +

    +

    + + +

    +
    +
    +
    +
    +
    diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss index 2c2b629..87afcd5 100644 --- a/src/app/pages/left-domain/left-domain.component.scss +++ b/src/app/pages/left-domain/left-domain.component.scss @@ -58,6 +58,7 @@ border-bottom: none; display: flex; p{ height: 32px; line-height: 32px; margin: 0px; } + .tableImg{ height: 120px; line-height: 120px; img{ max-height: 100px; width: auto; }.uploadImgBox{ margin: 35px 0 0 0; width: 50px; height: 50px; line-height: 50px; text-align: center; } } .tableHeader{ flex: 4; text-align: right; @@ -71,9 +72,6 @@ } } } -// .oilTank{ //油管设备 - -// } .fireFacilities{ //消防设施 .treeRow{ width: 100%; display: flex; height: 30px; line-height: 30px; p:first-child{ flex: 1; }; p{ margin: 0; padding: 0; .anticon{ margin-right: 5px; font-size: 16px; } } } } diff --git a/src/app/pages/left-domain/left-domain.component.ts b/src/app/pages/left-domain/left-domain.component.ts index ff45bc5..3dfb457 100644 --- a/src/app/pages/left-domain/left-domain.component.ts +++ b/src/app/pages/left-domain/left-domain.component.ts @@ -14,7 +14,7 @@ import { NzMessageService } from 'ng-zorro-antd/message'; @Component({ selector: 'app-left-domain', templateUrl: './left-domain.component.html', - styleUrls: ['./left-domain.component.scss'] + styleUrls: ['./left-domain.component.scss','../plan/publicPop.scss'] }) export class LeftDomainComponent implements OnInit { @@ -57,6 +57,10 @@ export class LeftDomainComponent implements OnInit { item.getType() === "JY_YG"? list.push(item) : null } else if (this.beforeFence === 3) { //消防设施 (item.getType()).slice(0,3) === "XF_"? list.push(item) : null + } else if (this.beforeFence === 5) { //输油管线 + item.getType() === "JY_SYGX"? list.push(item) : null + }else if (this.beforeFence === 6) { //油气回收 + item.getType() === "JY_YQHSGX"? list.push(item) : null } }) this.FacilityList = list diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index be2c7c5..2585b0e 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -16,7 +16,7 @@ -
    +
    {{allFence[selectFence]}}
    diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts index 3b168a1..e2aeadb 100644 --- a/src/app/pages/plan/plan.component.ts +++ b/src/app/pages/plan/plan.component.ts @@ -107,7 +107,7 @@ export class PlanComponent implements OnInit { let buildingWindow: BuildingWindow = this.beforeOneSatus.buildingWindow; let fenceType: JYZInfoMoudleType = this.getFenceType(type) if (this.selectFence != type) { - this.isShowChildComponent && this.leftDomain ? this.leftDomain.initComponent(type) : null; //手动初始化子组件 + this.isShowChildComponent && this.leftDomain && type != 4 ? this.leftDomain.initComponent(type) : null; //手动初始化子组件 this.selectFence = type this.isShowChildComponent = true buildingWindow.changeJYZInfoModel(fenceType, true)