shaojiahao
/
Sinopec-Anxin
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://39.106.78.171:3000/shaojiahao/Sinopec-Anxin

dev
陈鹏飞 3 years ago
parent
f18ace1861 dfbccd6619
commit
151c158ca7
14 changed files with 647 additions and 227 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
  2. 6
      src/app/pages/home/home.component.html
  3. 59
      src/app/pages/home/home.component.ts
  4. 182
      src/app/pages/oil-unloading-process/oil-unloading-process.component.html
  5. 344
      src/app/pages/oil-unloading-process/oil-unloading-process.component.scss
  6. 32
      src/app/pages/oil-unloading-process/oil-unloading-process.component.ts
  7. 5
      src/app/pages/pages.module.ts
  8. 3
      src/app/pages/today-warning-admin/today-warning-admin.component.ts
  9. 175
      src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html
  10. 21
      src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts
  11. 3
      src/app/pages/today-warning/today-warning.component.ts
  12. BIN
      src/assets/images/left3.png
  13. BIN
      src/assets/images/warning.png
  14. 41
      src/theme.less

3
src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
Unescape View File

@ -10,6 +10,7 @@ import { debounceTime } from 'rxjs/operators';
import * as moment from 'moment'; import * as moment from 'moment';
import { NzModalService } from 'ng-zorro-antd/modal'; import { NzModalService } from 'ng-zorro-antd/modal';
import { GetOutOfLineDetailsComponent } from '../today-warning/get-out-of-line-details/get-out-of-line-details.component'; import { GetOutOfLineDetailsComponent } from '../today-warning/get-out-of-line-details/get-out-of-line-details.component';
import { OilUnloadingProcessComponent } from '../oil-unloading-process/oil-unloading-process.component';
@Component({ @Component({
selector: 'app-criminal-records-admin', selector: 'app-criminal-records-admin',
templateUrl: './criminal-records-admin.component.html', templateUrl: './criminal-records-admin.component.html',
@ -515,6 +516,8 @@ export class CriminalRecordsAdminComponent implements OnInit {
look(item) { look(item) {
// GetOutOfLineDetailsComponent
// OilUnloadingProcessComponent
const modal = this.modal.create({ const modal = this.modal.create({
nzContent: GetOutOfLineDetailsComponent, nzContent: GetOutOfLineDetailsComponent,
nzViewContainerRef: this.viewContainerRef, nzViewContainerRef: this.viewContainerRef,

6
src/app/pages/home/home.component.html
Unescape View File

@ -64,15 +64,15 @@
<ng-template #warning let-item="data"> <ng-template #warning let-item="data">
<div class="topbox"> <div class="topbox">
<div> <div>
<img src="../assets/images/AnXinQQ.jpg" alt=""> <img src="../assets/images/warning.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<span class="name">您有一条新的预警提醒!</span> <span class="name">您有一条新的预警提醒!</span>
<span class="details">{{item.id}}</span> <span class="details">{{item.notification.data.properties.ViolationName}}</span>
</div> </div>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<div class="look"> <div class="look" (click)="look(item)">
查看 查看
</div> </div>
<div class="lose" (click)="close(item)"> <div class="lose" (click)="close(item)">

59
src/app/pages/home/home.component.ts
Unescape View File

@ -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 { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
import { Title } from '@angular/platform-browser' import { Title } from '@angular/platform-browser'
import { filter } from 'rxjs/operators'; import { filter } from 'rxjs/operators';
@ -8,6 +8,9 @@ import { CookieService } from 'ngx-cookie-service';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { SignalRAspNetCoreHelper } from '../../../shared/helpers/SignalRAspNetCoreHelper'; import { SignalRAspNetCoreHelper } from '../../../shared/helpers/SignalRAspNetCoreHelper';
import { NzNotificationService } from 'ng-zorro-antd/notification'; 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 declare var abp: any
@Component({ @Component({
@ -17,8 +20,8 @@ declare var abp: any
}) })
export class HomeComponent implements OnInit { export class HomeComponent implements OnInit {
@ViewChild('warning', { static: false }) template?: TemplateRef<{}>; @ViewChild('warning', { static: false }) template?: TemplateRef<{}>;
constructor(private router: Router, private navChangeService: NavChangeService, public token: CacheTokenService, constructor(private http: HttpClient, private router: Router, private navChangeService: NavChangeService, public token: CacheTokenService,
private cookieService: CookieService, private message: NzMessageService, private notificationService: NzNotificationService) { } private cookieService: CookieService, private message: NzMessageService, private notificationService: NzNotificationService, private modal: NzModalService, private viewContainerRef: ViewContainerRef) { }
isGasStationNav: boolean isGasStationNav: boolean
isGasStation: boolean isGasStation: boolean
@ -89,26 +92,60 @@ export class HomeComponent implements OnInit {
this.receiptOfNotification(userNotification) this.receiptOfNotification(userNotification)
}); });
} }
messageId=[] messageId = []
receiptOfNotification(userNotification) { receiptOfNotification(userNotification) {
let obj = { let obj = {
id:'xxx', id: userNotification.notification.entityId,
messageId:this.notificationService.template(this.template!, {nzPlacement: 'bottomRight', nzClass: 'receiptOfNotification', nzDuration: 0, nzData: userNotification}).messageId messageId: this.notificationService.template(this.template!, { nzPlacement: 'bottomRight', nzClass: 'receiptOfNotification', nzDuration: 0, nzData: userNotification }).messageId
} }
this.messageId.push(obj) 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)=>{ close(item) {
if(element.id == 'xxx'){ // console.log(item)
this.messageId.forEach((element) => {
if (element.id == item.notification.entityId) {
this.notificationService.remove(element.messageId) this.notificationService.remove(element.messageId)
} }
}) })
} }
ngOnDestroy() { ngOnDestroy() {
abp.signalr.disconnect() abp.signalr.disconnect()
} }

182
src/app/pages/oil-unloading-process/oil-unloading-process.component.html
Unescape View File

@ -0,0 +1,182 @@
<div class="box">
<div class="titlebox">
<div class="title">
<div>
卸油全流程
<div class="border"></div>
</div>
</div>
</div>
<div class="content">
<div class="oilbox">
<div class="leftbox">
<div class="lefttop" >
<div class="title">
事前准备
</div>
<div class="content">
<div class="imglist1">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">油罐车朝向检察</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">卸油效率检查</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">设置隔离检查</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">轮胎固定检察</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">放置灭火器检察</span>
</div>
</div>
<div class="line">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="imglist2">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">静电接地检查15分钟</span>
</div>
</div>
</div>
</div>
<!-- <img style="height: 42px;" src="../../../../assets/images/down.png" alt=""> -->
<div class="leftbottom">
<div class="title">
事中操作
</div>
<div class="content">
<div class="colimglist">
<div class="colimglist1">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">卸油车取样</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">连接卸油管</span>
</div>
</div>
<div class="colline">
</div>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">1.第三方确认检查</span>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">2.拆除卸油管</span>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">3.作业现场清理</span>
</div>
<img class="goout1" style="height: 42px;" src="../../../../assets/images/right3.png" alt="">
<div class="imgbox goout2">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">车辆出场</span>
</div>
</div>
</div>
</div>
<div class="rightbox">
<div class="righttop">
<div class="imgbox">
<div class="img selectedimg">
<img [src]="'' ? '' : '../../../../assets/images/nopng.png'" alt="">
</div>
<span class="name">车辆进场</span>
</div>
</div>
<img style="height: 42px;margin: 18px 0;" src="../../../../assets/images/down.png" alt="">
<div class="rightbottom">
<div class="title" style="text-align: center;">
卸油过程全程监测
</div>
<div class="content">
<div class="imgbox">
<span class="name">卸油全程监卸</span>
<div class="img errimg">
<img src="../../../../assets/images/bgImg.png" alt="">
<img class="err" src="../../../../assets/images/err.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">卸油员及司押人员服装</span>
<div class="img">
<img (click)="lookImg()" src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">登车防护检查</span>
<div class="img">
<img (click)="lookImg()" src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">油品泄漏检查</span>
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="topline">
</div>
<img class="toplinearrows" style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="bottomline">
</div>
<img class="bottomlinearrows" style="height: 42px;" src="../../../../assets/images/left3.png" alt="">
</div>
</div>
<div id="viewerjs" style="display:none">
</div>

344
src/app/pages/oil-unloading-process/oil-unloading-process.component.scss
Unescape View File

@ -0,0 +1,344 @@
.box {
width: 100%;
// height: 700px;
color: #fff;
display: flex;
flex-direction: column;
background-image: linear-gradient(#003B6E, #000D21);
position: relative;
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
}
.titlebox {
width: 100%;
height: 48px;
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;
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, rgba(35, 153, 255, 0.57) 0%, #25b7d4 50%, rgba(35, 153, 255, 0.57) 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;
max-height: 700px;
overflow-y: auto;
position: relative;
.oilbox {
display: flex;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 18px 20px;
.title {
width: 100%;
height: 30px;
line-height: 30px;
background: rgba(35, 153, 255, 0.2);
text-align: left;
border-bottom: 1px solid rgba(54, 162, 255, 0.47);
box-sizing: border-box;
padding-left: 16px;
color: #36A2FF;
}
.leftbox {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-right: 70px;
.lefttop,
.leftbottom {
width: 840px;
border: 1px solid rgba(54, 162, 255, 0.47);
display: flex;
.title {
height: 100%;
width: 26px;
text-align: center;
padding: 0;
}
.content {
flex: 1;
background: #001d3c;
}
}
.lefttop {
margin-bottom: 16px;
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
.imglist1 {
width: 100%;
display: flex;
justify-content: space-around;
}
.line {
width: 80%;
display: flex;
margin-top: 6px;
div {
flex: 1;
height: 6px;
border-right: 1px solid #91CCFF;
border-bottom: 1px solid #91CCFF;
}
div:nth-child(1) {
border-left: 1px solid #91CCFF;
}
}
.imglist2 {
margin-top: -6px;
width: 100%;
display: flex;
justify-content: center;
}
}
}
.leftbottom {
.content {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
.colimglist {
display: flex;
flex-direction: column;
align-items: center;
.colimglist1 {
display: flex;
align-items: center;
justify-content: center;
.img {
margin: 0 50px;
}
}
.colline {
height: 6px;
width: 200px;
border-right: 1px solid #91CCFF;
border-left: 1px solid #91CCFF;
border-bottom: 1px solid #91CCFF;
}
}
width: 100%;
.goout1 {
position: absolute;
bottom: 52px;
right: 280px;
}
.goout2 {
position: absolute;
bottom: 18px;
right: 160px;
}
}
}
}
.rightbox {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
.rightbottom {
width: 160px;
height: 538px;
display: flex;
flex-direction: column;
border: 1px solid rgba(54, 162, 255, 0.47);
.content {
padding: 6px;
flex: 1;
background: #001d3c;
display: flex;
flex-direction: column;
justify-content: space-around;
// align-items:;
.imgbox{
.name{
margin-bottom: 3px;
}
}
}
}
}
.imgbox {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.img {
width: 96px;
height: 64px;
box-shadow: 0px 0px 6px #36A2FF;
border: 1px solid #C4E2FC;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
img {
width: 100%;
height: 100%;
cursor: pointer;
}
.err {
width: 24px;
height: 24px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.selectedimg {
box-shadow: 0px 0px 8px #FF4B65;
border: 1px solid #FF4B65;
background: #3f213b;
img {
width: 24px;
height: 24px;
}
}
.errimg {
box-shadow: 0px 0px 8px #FF4B65;
border: 1px solid #FF4B65;
}
.name {
margin-top: 3px;
color: #FFFFFF;
font-size: 14px;
}
}
}
.topline{
position: absolute;
top: 18px;
right: 136px;
width: 576px;
height:16px;
border-top: 1px solid #91CCFF;
border-right: 1px solid #91CCFF;
}
.toplinearrows{
position: absolute;
top: 5px;
right: 690px;
}
.bottomlinearrows{
position: absolute;
bottom: -88px;
right: 428px;
}
.bottomline{
position: absolute;
bottom: -68px;
right: 136px;
width: 300px;
height: 17px;
border-bottom: 1px solid #91CCFF;
border-right: 1px solid #91CCFF;
}
}
.longleft1,
.longleft2 {
position: absolute;
}
.longleft1 {
right: 213px;
top: 102px;
}
.longleft2 {
right: 250px;
bottom: 137px;
width: 100px;
}

32
src/app/pages/oil-unloading-process/oil-unloading-process.component.ts
Unescape View File

@ -0,0 +1,32 @@
import { Component, OnInit, Input } from '@angular/core';
import Viewer from 'viewerjs'
@Component({
selector: 'app-oil-unloading-process',
templateUrl: './oil-unloading-process.component.html',
styleUrls: ['./oil-unloading-process.component.scss']
})
export class OilUnloadingProcessComponent implements OnInit {
@Input() data: any
constructor() { }
ngOnInit(): void {
}
lookImg() {
let dom = document.getElementById(`viewerjs`)
let pObjs = dom.childNodes;
let node = document.createElement("img")
node.style.display = "none";
node.src = "../../../../assets/images/bgImg.png";
node.id = 'img'
dom.appendChild(node)
setTimeout(() => {
let viewer = new Viewer(document.getElementById(`viewerjs`), {
hidden: () => {
dom.removeChild(pObjs[0]);
viewer.destroy();
}
});
node.click();
}, 0);
}
}

5
src/app/pages/pages.module.ts
Unescape View File

@ -50,11 +50,12 @@ import { PlanAdminComponent } from './plan-admin/plan-admin.component';
import { GetOutOfLineDetailsComponent } from './today-warning/get-out-of-line-details/get-out-of-line-details.component'; import { GetOutOfLineDetailsComponent } from './today-warning/get-out-of-line-details/get-out-of-line-details.component';
import { NzNotificationModule } from 'ng-zorro-antd/notification'; import { NzNotificationModule } from 'ng-zorro-antd/notification';
import { DispositionComponent } from './disposition/disposition.component'; import { DispositionComponent } from './disposition/disposition.component';
import { OilUnloadingProcessComponent } from './oil-unloading-process/oil-unloading-process.component';
@NgModule({ @NgModule({
declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent,
TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent, TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent,
AddequipmentComponent, EditequipmentComponent,PlanAdminComponent, GetOutOfLineDetailsComponent, DispositionComponent], AddequipmentComponent, EditequipmentComponent,PlanAdminComponent, GetOutOfLineDetailsComponent, DispositionComponent, OilUnloadingProcessComponent],
imports: [ imports: [
@ -95,7 +96,7 @@ import { DispositionComponent } from './disposition/disposition.component';
NzPopconfirmModule, NzPopconfirmModule,
NzBadgeModule NzBadgeModule
], ],
entryComponents: [AddequipmentComponent, EditequipmentComponent,GetOutOfLineDetailsComponent,DispositionComponent], entryComponents: [AddequipmentComponent, EditequipmentComponent,GetOutOfLineDetailsComponent,DispositionComponent,OilUnloadingProcessComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA] schemas: [CUSTOM_ELEMENTS_SCHEMA]
}) })

3
src/app/pages/today-warning-admin/today-warning-admin.component.ts
Unescape View File

@ -179,8 +179,7 @@ export class TodayWarningAdminComponent implements OnInit {
'background': '#000D21', 'background': '#000D21',
}, },
nzComponentParams: { nzComponentParams: {
data: item, data: item
type: type
}, },
nzFooter: null, nzFooter: null,
nzOnOk: async () => { nzOnOk: async () => {

175
src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html
Unescape View File

@ -1,7 +1,6 @@
<!-- <p>get-out-of-line-details works!</p> -->
<div class="box"> <div class="box">
<div class="titlebox"> <div class="titlebox">
<div class="title" *ngIf="data.type == 0"> <div class="title">
<div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}"> <div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}">
预警截图 预警截图
<div class="border"></div> <div class="border"></div>
@ -11,15 +10,9 @@
<div class="border"></div> <div class="border"></div>
</div> </div>
</div> </div>
<div class="title" *ngIf="data.type != 0">
<div (click)="contentType('xieyou')" [ngClass]="{'selected': selectedType == 'img'}">
卸油作业
<div class="border"></div>
</div>
</div>
</div> </div>
<div class="content"> <div class="content">
<div *ngIf="type == 0 && selectedType == 'img'" class="imgbox"> <div *ngIf="selectedType == 'img'" class="imgbox">
<!-- <div class="imglist"> <!-- <div class="imglist">
<span class="imglisttitle">截图列表</span> <span class="imglisttitle">截图列表</span>
<div class="img"> <div class="img">
@ -30,171 +23,9 @@
<img [src]="imgUrl" alt=""> <img [src]="imgUrl" alt="">
</div> </div>
</div> </div>
<div style="width: 100%;height: 100%;" *ngIf="type == 0 && selectedType == 'video'" class="vediobox"> <div style="width: 100%;height: 100%;" *ngIf="selectedType == 'video'" class="vediobox">
<video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video> <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
</div> </div>
<div *ngIf="type != 0" class="oilbox">
<div class="leftbox">
<div class="lefttop">
<div class="title">
事前准备
</div>
<div class="content">
<div class="imglist1">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">油罐车朝向检察</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">卸油效率检查</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">设置隔离检查</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">轮胎固定检察</span>
</div>
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">放置灭火器检察</span>
</div>
</div>
<div class="line">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="imglist2">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">静电接地检查15分钟</span>
</div>
</div>
</div>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="leftbottom">
<div class="title">
事中操作
</div>
<div class="content">
<div class="colimglist">
<div class="colimglist1">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">卸油车取样</span>
</div>
<div class="imgbox" style="margin-top: 12px;">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">连接卸油管</span>
</div>
</div>
<div class="colline">
</div>
</div>
<img style="height: 42px;" src="../../../../assets/images/right3.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">1.第三方确认检查</span>
</div>
<img style="height: 42px;" src="../../../../assets/images/right3.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">2.拆除卸油管</span>
</div>
<img style="height: 42px;" src="../../../../assets/images/right3.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">3.作业现场清理</span>
</div>
<img style="height: 42px;" src="../../../../assets/images/right3.png" alt="">
<div class="imgbox">
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
<span class="name">车辆出场</span>
</div>
</div>
</div>
</div>
<div class="rightbox">
<div class="righttop">
<div class="imgbox">
<div class="img selectedimg" >
<img [src]="'' ? '' : '../../../../assets/images/nopng.png'" alt="">
</div>
<span class="name">车辆进场</span>
</div>
</div>
<img style="height: 42px;" src="../../../../assets/images/down.png" alt="">
<div class="rightbottom">
<div class="title" style="text-align: center;">
卸油过程全程监测
</div>
<div class="content">
<div class="imgbox">
<span class="name">卸油全程监卸</span>
<div class="img errimg">
<img src="../../../../assets/images/bgImg.png" alt="">
<img class="err" src="../../../../assets/images/err.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">卸油员及司押人员服装</span>
<div class="img">
<img (click)="lookImg()" src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">登车防护检查</span>
<div class="img">
<img (click)="lookImg()" src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
<div class="imgbox">
<span class="name">油品泄漏检查</span>
<div class="img">
<img src="../../../../assets/images/bgImg.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<img class="longleft1" src="../../../../assets/images/longleft.png" style="width: 82px;" alt="">
<img class="longleft2" src="../../../../assets/images/longleft.png" alt="">
</div>
<div id="viewerjs" style="display:none">
</div> </div>

21
src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts
Unescape View File

@ -1,5 +1,4 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import Viewer from 'viewerjs'
@Component({ @Component({
selector: 'app-get-out-of-line-details', selector: 'app-get-out-of-line-details',
templateUrl: './get-out-of-line-details.component.html', templateUrl: './get-out-of-line-details.component.html',
@ -8,7 +7,7 @@ import Viewer from 'viewerjs'
export class GetOutOfLineDetailsComponent implements OnInit { export class GetOutOfLineDetailsComponent implements OnInit {
@Input() data: any @Input() data: any
@Input() type: any
constructor() { } constructor() { }
@ -24,22 +23,4 @@ export class GetOutOfLineDetailsComponent implements OnInit {
contentType(type) { contentType(type) {
this.selectedType = type this.selectedType = type
} }
lookImg() {
let dom = document.getElementById(`viewerjs`)
let pObjs = dom.childNodes;
let node = document.createElement("img")
node.style.display = "none";
node.src = "../../../../assets/images/bgImg.png";
node.id = 'img'
dom.appendChild(node)
setTimeout(() => {
let viewer = new Viewer(document.getElementById(`viewerjs`), {
hidden: () => {
dom.removeChild(pObjs[0]);
viewer.destroy();
}
});
node.click();
}, 0);
}
} }

3
src/app/pages/today-warning/today-warning.component.ts
Unescape View File

@ -131,8 +131,7 @@ export class TodayWarningComponent implements OnInit {
'background': '#000D21', 'background': '#000D21',
}, },
nzComponentParams: { nzComponentParams: {
data: item, data: item
// typy: type
}, },
nzFooter: null, nzFooter: null,
nzOnOk: async () => { nzOnOk: async () => {

BIN
src/assets/images/left3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/images/warning.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

41
src/theme.less
Unescape View File

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

Write Preview
Loading…
Cancel
Save