From 5dc9e3dee617c07b58b59cd4db3652c22875f4e6 Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Fri, 26 Nov 2021 16:38:46 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=8C=E5=96=84=E6=8E=A5?=
 =?UTF-8?q?=E6=94=B6=E9=A2=84=E8=AD=A6=E9=80=9A=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/pages/home/home.component.html |   6 +--
 src/app/pages/home/home.component.ts   |  59 ++++++++++++++++++++-----
 src/assets/images/warning.png          | Bin 0 -> 9985 bytes
 src/theme.less                         |  41 ++++++++++-------
 4 files changed, 77 insertions(+), 29 deletions(-)
 create mode 100644 src/assets/images/warning.png

diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index 47eef40..f8c1dbb 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -64,15 +64,15 @@
 <ng-template #warning let-item="data">
     <div class="topbox">
         <div>
-            <img src="../assets/images/AnXinQQ.jpg" alt="">
+            <img src="../assets/images/warning.png" alt="">
         </div>
         <div class="text">
             <span class="name">您有一条新的预警提醒!</span>
-            <span class="details">{{item.id}}</span>
+            <span class="details">{{item.notification.data.properties.ViolationName}}</span>
         </div>
     </div>
     <div class="btnbox">
-        <div class="look">
+        <div class="look" (click)="look(item)">
             查看
         </div>
         <div class="lose" (click)="close(item)">
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 5d71b06..dfe18f8 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
+import { Component, OnInit, ViewChild, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
 import { Title } from '@angular/platform-browser'
 import { filter } from 'rxjs/operators';
@@ -8,6 +8,9 @@ import { CookieService } from 'ngx-cookie-service';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { SignalRAspNetCoreHelper } from '../../../shared/helpers/SignalRAspNetCoreHelper';
 import { NzNotificationService } from 'ng-zorro-antd/notification';
+import { GetOutOfLineDetailsComponent } from '../today-warning/get-out-of-line-details/get-out-of-line-details.component';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { HttpClient } from '@angular/common/http';
 declare var abp: any
 
 @Component({
@@ -17,8 +20,8 @@ declare var abp: any
 })
 export class HomeComponent implements OnInit {
   @ViewChild('warning', { static: false }) template?: TemplateRef<{}>;
-  constructor(private router: Router, private navChangeService: NavChangeService, public token: CacheTokenService,
-    private cookieService: CookieService, private message: NzMessageService, private notificationService: NzNotificationService) { }
+  constructor(private http: HttpClient, private router: Router, private navChangeService: NavChangeService, public token: CacheTokenService,
+    private cookieService: CookieService, private message: NzMessageService, private notificationService: NzNotificationService, private modal: NzModalService, private viewContainerRef: ViewContainerRef) { }
 
   isGasStationNav: boolean
   isGasStation: boolean
@@ -89,26 +92,60 @@ export class HomeComponent implements OnInit {
       this.receiptOfNotification(userNotification)
     });
   }
-  messageId=[]
+  messageId = []
   receiptOfNotification(userNotification) {
     let obj = {
-      id:'xxx',
-      messageId:this.notificationService.template(this.template!, {nzPlacement: 'bottomRight', nzClass: 'receiptOfNotification', nzDuration: 0, nzData: userNotification}).messageId
+      id: userNotification.notification.entityId,
+      messageId: this.notificationService.template(this.template!, { nzPlacement: 'bottomRight', nzClass: 'receiptOfNotification', nzDuration: 0, nzData: userNotification }).messageId
     }
     this.messageId.push(obj)
-    console.log(99999,this.messageId)
   }
 
+  look(item) {
+    let params = {
+      id: item.notification.entityId
+    }
+    this.http.get('/api/services/app/ViolateRecord/Get', {
+      params: params
+    }).subscribe((data: any) => {
+      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: {
+          data: data.result
+        },
+        nzFooter: null,
+        nzOnOk: async () => {
+
+        }
+      });
+      const instance = modal.getContentComponent();
+      this.messageId.forEach((element) => {
+        if (element.id == item.notification.entityId) {
+          this.notificationService.remove(element.messageId)
+        }
+      })
+    })
 
-  close(item){
-    this.messageId.forEach((element)=>{
-      if(element.id == 'xxx'){
+  }
+  close(item) {
+    // console.log(item)
+    this.messageId.forEach((element) => {
+      if (element.id == item.notification.entityId) {
         this.notificationService.remove(element.messageId)
       }
     })
   }
 
-  
+
   ngOnDestroy() {
     abp.signalr.disconnect()
   }
diff --git a/src/assets/images/warning.png b/src/assets/images/warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9523774e391cb7dd4402ba0f7a7737149a35cb7
GIT binary patch
literal 9985
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
LNkvXXu0mjfv)3ys

literal 0
HcmV?d00001

diff --git a/src/theme.less b/src/theme.less
index 97bb476..e61ea9e 100644
--- a/src/theme.less
+++ b/src/theme.less
@@ -78,23 +78,27 @@
     flex: 1;
     display: flex;
     align-items: center;
+
     img {
-      max-width:70px;
-      max-height: 62px;
+      width: 90px;
+      height: 80px;
+      margin-left: 10px;
+      margin-right: 14px;
     }
+
     .text {
       display: flex;
       flex-direction: column;
       justify-content: center;
-      span{
-        // display: inline-block;
-        margin: 6px 0;
-      }
-      .name{
+
+      .name {
         font-size: 16px;
         color: #ffaaaa;
+        margin-top: 4px;
+        margin-bottom: 6px;
       }
-      .details{
+
+      .details {
         font-size: 14px;
         color: white;
       }
@@ -108,7 +112,8 @@
     justify-content: center;
     align-items: center;
     margin: 12px 0;
-    div{
+
+    div {
       width: 80px;
       height: 32px;
       line-height: 32px;
@@ -185,7 +190,8 @@
 #recordsbox,
 #warningbox,
 #warningboxadmin,
-#addequipment,#stationPlanBox {
+#addequipment,
+#stationPlanBox {
   ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #345d85;
@@ -286,7 +292,7 @@
 
 
 #stationPlanBox {
-  
+
   .ant-tree .ant-tree-node-content-wrapper:hover,
   .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
     background: linear-gradient(90deg, rgba(0, 13, 33, 0) 0%, #2399FF 50%, rgba(0, 13, 33, 0) 100%);
@@ -350,20 +356,25 @@
     padding: 0;
     color: #91CCFF;
   }
+
   .look {
     color: #36A2FF;
     cursor: pointer;
   }
-  .ant-table-measure-now{
+
+  .ant-table-measure-now {
     display: none;
   }
-  .ant-empty-description{
+
+  .ant-empty-description {
     color: #23D9FF;
   }
-  .ant-table-tbody > tr > td{
+
+  .ant-table-tbody>tr>td {
     border-bottom: none;
   }
-  .ant-table-tbody > tr > td:hover{
+
+  .ant-table-tbody>tr>td:hover {
     background: none;
   }
 }