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

[完善]修改密码的完善

dev
邵佳豪 3 years ago
parent
d2a447f4e5
commit
472d388f21
7 changed files with 202 additions and 174 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/app/pages/change-password/change-password.component.html
  2. 225
      src/app/pages/home/home.component.html
  3. 6
      src/app/pages/home/home.component.ts
  4. 1
      src/app/pages/login/login.component.ts
  5. 24
      src/app/pages/oil-unloading-process-list/oil-unloading-process-list.component.ts
  6. 112
      src/app/pages/oil-unloading-process/oil-unloading-process.component.html
  7. 6
      src/app/pages/oil-unloading-process/oil-unloading-process.component.ts

2
src/app/pages/change-password/change-password.component.html
Unescape View File

@ -3,7 +3,7 @@
<nz-form-item>
<nz-form-control nzErrorTip="">
<nz-input-group>
<input name="oldpassword" nz-input type="text" formControlName="oldpassword" placeholder="请输入原密码" autocomplete="off" />
<input name="oldpassword" nz-input type="password" formControlName="oldpassword" placeholder="请输入原密码" autocomplete="off" />
</nz-input-group>
</nz-form-control>
</nz-form-item>

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

@ -1,132 +1,133 @@
<div class="box">
<!-- <div>
<!-- <div>
<app-tabbar></app-tabbar>
</div> -->
<div class="menu">
<div class="boxleft">
<img src="../../../assets/images/logo2.png" alt="">
</div>
<div class="libox" *ngIf="!isGasStationNav">
<li [routerLink]="['/homepage']" routerLinkActive="router-link-active">
首页
</li>
<li [routerLink]="['/plan']" routerLinkActive="router-link-active">
数字油站
</li>
<li [routerLink]="['/todaywarning']" routerLinkActive="router-link-active">
今日预警
</li>
<li [routerLink]="['/records']" routerLinkActive="router-link-active">
预警记录
</li>
</div>
<div class="libox" *ngIf="isGasStationNav">
<li [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active">
数字油站
</li>
<li [routerLink]="['/todaywarning/petrolStation']" routerLinkActive="router-link-active">
今日预警
</li>
<li [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active">
预警记录
</li>
</div>
<div class="menu">
<div class="boxleft">
<img src="../../../assets/images/logo2.png" alt="">
</div>
<div class="libox" *ngIf="!isGasStationNav">
<li [routerLink]="['/homepage']" routerLinkActive="router-link-active">
首页
</li>
<li [routerLink]="['/plan']" routerLinkActive="router-link-active">
数字油站
</li>
<li [routerLink]="['/todaywarning']" routerLinkActive="router-link-active">
今日预警
</li>
<li [routerLink]="['/records']" routerLinkActive="router-link-active">
预警记录
</li>
</div>
<div class="libox" *ngIf="isGasStationNav">
<li [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active">
数字油站
</li>
<li [routerLink]="['/todaywarning/petrolStation']" routerLinkActive="router-link-active">
今日预警
</li>
<li [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active">
预警记录
</li>
</div>
<!-- 登录信息按钮 -->
<div class="boxright">
<img *ngIf="!isfullscreen" (click)="fullscreenToggle()" style="margin-right: 8px;cursor: pointer;"
src="../../../assets/images/fullscreen.png" alt="" title="全屏">
<img *ngIf="isfullscreen" (click)="closefullscreen()" style="margin-right: 8px;cursor: pointer;"
src="../../../assets/images/fullscreen.png" alt="" title="全屏">
<span class="time">
{{time}}
</span>
<!-- 登录信息按钮 -->
<div class="boxright">
<img *ngIf="!isfullscreen" (click)="fullscreenToggle()" style="margin-right: 8px;cursor: pointer;"
src="../../../assets/images/fullscreen.png" alt="" title="全屏">
<img *ngIf="isfullscreen" (click)="closefullscreen()" style="margin-right: 8px;cursor: pointer;"
src="../../../assets/images/fullscreen.png" alt="" title="全屏">
<span style="margin: 0 12px;">|</span>
<span class="time">
{{time}}
</span>
<span style="margin-right: 8px;"> {{surname}} </span>
<a nz-dropdown [nzDropdownMenu]="menu" [nzTrigger]="'click'" [nzBackdrop]='false'>
<img src="../../../assets/images/head.png" alt="">
</a>
<nz-dropdown-menu #menu="nzDropdownMenu">
<ul nz-menu nzSelectable>
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/oliStationInfo')">基本信息</li>
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/equipmentInfo')">器材信息</li>
<li nz-menu-item (click)="changePassword()">修改密码</li>
<li *ngIf="userName == 'admin'" nz-menu-item (click)="navChange('/system/organization')">系统管理</li>
<li nz-menu-item (click)="signOut()">退出系统</li>
</ul>
</nz-dropdown-menu>
<span style="margin: 0 12px;" *ngIf="isGasStationBack">|</span>
<img style="cursor: pointer;" *ngIf="isGasStationBack" src="../../../assets/images/goback.png" alt=""
(click)="goback()">
</div>
<span style="margin: 0 12px;">|</span>
<span style="margin-right: 8px;"> {{surname}} </span>
<a nz-dropdown [nzDropdownMenu]="menu" [nzTrigger]="'click'" [nzBackdrop]='false'>
<img src="../../../assets/images/head.png" alt="">
</a>
<nz-dropdown-menu #menu="nzDropdownMenu">
<ul nz-menu nzSelectable>
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/oliStationInfo')">基本信息</li>
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/equipmentInfo')">器材信息</li>
<li nz-menu-item (click)="changePassword()">修改密码</li>
<li *ngIf="userName == 'admin'" nz-menu-item (click)="navChange('/system/organization')">系统管理</li>
<li nz-menu-item (click)="signOut()">退出系统</li>
</ul>
</nz-dropdown-menu>
<span style="margin: 0 12px;" *ngIf="isGasStationBack">|</span>
<img style="cursor: pointer;" *ngIf="isGasStationBack" src="../../../assets/images/goback.png" alt=""
(click)="goback()">
</div>
<div class="content">
<router-outlet></router-outlet>
</div>
</div>
<div class="content">
<router-outlet></router-outlet>
</div>
</div>
<ng-template #warning let-item="data">
<div class="topbox">
<div>
<img src="../assets/images/warning.png" alt="">
</div>
<div class="text">
<span class="name">您有一条新的预警提醒!</span>
<span class="details">{{item.notification.data.properties.ViolationName}}</span>
</div>
<div class="topbox">
<div>
<img src="../assets/images/warning.png" alt="">
</div>
<div class="text">
<span class="name">您有一条新的预警提醒!</span>
<span class="details">{{item.notification.data.properties.ViolationName}}</span>
</div>
</div>
<div class="btnbox">
<div class="look" (click)="look(item)">
查看
</div>
<div class="btnbox">
<div class="look" (click)="look(item)">
查看
</div>
<div class="lose" (click)="close(item)">
忽略
</div>
<div class="lose" (click)="close(item)">
忽略
</div>
</div>
</ng-template>
<!-- 修改密码 -->
<nz-modal [(nzVisible)]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="modalFooter" [nzWidth]="350">
<ng-template #modalTitle>
修改初始密码
</ng-template>
<nz-modal [(nzVisible)]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="modalFooter"
[nzWidth]="350">
<ng-template #modalTitle>
修改初始密码
</ng-template>
<ng-template #modalContent>
<form nz-form [formGroup]="passwordValidateForm">
<nz-form-item>
<nz-form-control nzErrorTip="">
<nz-input-group>
<input name="oldpassword" nz-input type="text" formControlName="oldpassword"
placeholder="请输入原密码" autocomplete="off" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control>
<nz-input-group>
<input name="newpassword" nz-input type="password" formControlName="newpassword"
placeholder="请输入新密码" autocomplete="off" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control>
<nz-input-group>
<input name="affirmpassword" nz-input type="password" formControlName="affirmpassword"
placeholder="确认新密码" autocomplete="new-password" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
</form>
</ng-template>
<ng-template #modalContent>
<form nz-form [formGroup]="passwordValidateForm">
<nz-form-item>
<nz-form-control nzErrorTip="">
<nz-input-group>
<input name="oldpassword" type="password" nz-input formControlName="oldpassword"
placeholder="请输入原密码" autocomplete="off" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control>
<nz-input-group>
<input name="newpassword" nz-input type="password" formControlName="newpassword" placeholder="请输入新密码"
autocomplete="off" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control>
<nz-input-group>
<input name="affirmpassword" nz-input type="password" formControlName="affirmpassword" placeholder="确认新密码"
autocomplete="new-password" />
</nz-input-group>
</nz-form-control>
</nz-form-item>
</form>
</ng-template>
<ng-template #modalFooter>
<button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="isConfirmLoading">确定</button>
</ng-template>
</nz-modal>
<ng-template #modalFooter>
<button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="isConfirmLoading">确定</button>
</ng-template>
</nz-modal>

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

@ -94,10 +94,10 @@ export class HomeComponent implements OnInit {
}
if(sessionStorage.getItem('isDefaultPassword') == 'true'){
if (sessionStorage.getItem('isDefaultPassword') == 'true' || sessionStorage.getItem('isPasswordExpired') == 'true') {
this.changePasswordPopup()
}
}
//初次登陆修改密码弹窗
@ -113,6 +113,8 @@ export class HomeComponent implements OnInit {
} else {
if (this.passwordValidateForm.value.newpassword != this.passwordValidateForm.value.affirmpassword) {
this.message.create('warning', '两次密码输入不一致！');
} else if (this.passwordValidateForm.value.newpassword == this.passwordValidateForm.value.oldpassword) {
this.message.create('warning', '旧密码和新密码不能相同！');
} else {
this.isConfirmLoading = true;
let body = {

1
src/app/pages/login/login.component.ts
Unescape View File

@ -114,6 +114,7 @@ export class LoginComponent implements OnInit {
sessionStorage.setItem('userdata', JSON.stringify(data.result.user))
sessionStorage.setItem('userdataOfgasstation', JSON.stringify(data.result.user))
sessionStorage.setItem('isDefaultPassword', JSON.stringify(data.result.user.isDefaultPassword))
sessionStorage.setItem('isPasswordExpired', JSON.stringify(data.result.user.isPasswordExpired))
this.isLoading = false;
//记住密码
this.rememberInfo()

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

@ -662,6 +662,28 @@ export class OilUnloadingProcessListComponent implements OnInit {
});
}
look(item) {
// console.log(item)
let arr = []
let arr1 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '车辆进场' });
let arr2 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '设置卸油隔离区' });
let arr3 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '卸油连接静电接地' });
let arr4 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '卸油设置消防器材' });
let arr5 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '连接卸油管' });
let arr6 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '卸油中无人监卸' });
let arr7 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '拆除卸油管' });
let arr8 = item.oilUnloadingNodes.find((item) => { return item.nodeName == '车辆离场' || item.nodeName == '车辆离厂' || item.nodeName == '车辆出厂' });
// console.log(1, arr1)
// console.log(2, arr2)
// console.log(3, arr3)
// console.log(4, arr4)
// console.log(5, arr5)
// console.log(6, arr6)
// console.log(7, arr7)
// console.log(8, arr8)
arr = [arr1, arr2, arr3, arr4, arr5, arr6, arr7, arr8]
console.log('卸油流程', arr)
const modal = this.modal.create({
nzContent: OilUnloadingProcessComponent,
nzViewContainerRef: this.viewContainerRef,
@ -674,7 +696,7 @@ export class OilUnloadingProcessListComponent implements OnInit {
'background': '#000D21',
},
nzComponentParams: {
data: item
data: arr
},
nzFooter: null,
nzOnOk: async () => {

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

@ -14,28 +14,28 @@
</div>
<div class="content content1">
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[0].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data.oilUnloadingNodes[0].violateTime
? (data.oilUnloadingNodes[0].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[0].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[0].violateImage}">
<img [src]="data.oilUnloadingNodes[0].violateImage ? data.oilUnloadingNodes[0].violateImage : '../../../../assets/images/nopng.png'"
<span class="timespan" [ngClass]="{'timespanerr': !data[0].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data[0].violateTime
? (data[0].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[0].violateImage)"
[ngClass]="{'selectedimg': !data[0].violateImage}">
<img [src]="data[0].violateImage ? data[0].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[0].isCorrect" class="err"
<img *ngIf="!data[0].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">油罐车进场</span>
</div>
<img class="rightArrow" src="../../../assets/images/rightArrow.png" alt="">
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[3].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data.oilUnloadingNodes[3].violateTime
? (data.oilUnloadingNodes[3].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[3].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[3].violateImage}">
<img [src]="data.oilUnloadingNodes[3].violateImage ? data.oilUnloadingNodes[3].violateImage : '../../../../assets/images/nopng.png'"
<span class="timespan" [ngClass]="{'timespanerr': !data[1].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data[1].violateTime
? (data[1].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[1].violateImage)"
[ngClass]="{'selectedimg': !data[1].violateImage}">
<img [src]="data[1].violateImage ? data[1].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[3].isCorrect" class="err"
<img *ngIf="!data[1].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">设置隔离区域</span>
@ -55,28 +55,28 @@
</div>
<img src="../../../assets/images/rightArrow.png" alt=""> -->
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[6].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data.oilUnloadingNodes[6].violateTime
? (data.oilUnloadingNodes[6].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[6].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[6].violateImage}">
<img [src]="data.oilUnloadingNodes[6].violateImage ? data.oilUnloadingNodes[6].violateImage : '../../../../assets/images/nopng.png'"
<span class="timespan" [ngClass]="{'timespanerr': !data[2].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data[2].violateTime
? (data[2].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[2].violateImage)"
[ngClass]="{'selectedimg': !data[2].violateImage}">
<img [src]="data[2].violateImage ? data[2].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[6].isCorrect" class="err"
<img *ngIf="!data[2].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">连接静电接地</span>
</div>
<img class="rightArrow" src="../../../assets/images/rightArrow.png" alt="">
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[5].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data.oilUnloadingNodes[5].violateTime
? (data.oilUnloadingNodes[5].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[5].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[5].violateImage}">
<img [src]="data.oilUnloadingNodes[5].violateImage ? data.oilUnloadingNodes[5].violateImage : '../../../../assets/images/nopng.png'"
<span class="timespan" [ngClass]="{'timespanerr': !data[3].isCorrect}"><i nz-icon
nzType="clock-circle" nzTheme="outline"></i>{{data[3].violateTime
? (data[3].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[3].violateImage)"
[ngClass]="{'selectedimg': !data[3].violateImage}">
<img [src]="data[3].violateImage ? data[3].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[5].isCorrect" class="err"
<img *ngIf="!data[3].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">放置消防器材</span>
@ -141,45 +141,45 @@
<span class="name">开始卸油</span>
</div> -->
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[8].isCorrect}"><i
<span class="timespan" [ngClass]="{'timespanerr': !data[4].isCorrect}"><i
nz-icon nzType="clock-circle"
nzTheme="outline"></i>{{data.oilUnloadingNodes[8].violateTime ?
(data.oilUnloadingNodes[8].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[8].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[8].violateImage}">
<img [src]="data.oilUnloadingNodes[8].violateImage ? data.oilUnloadingNodes[8].violateImage : '../../../../assets/images/nopng.png'"
nzTheme="outline"></i>{{data[4].violateTime ?
(data[4].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[4].violateImage)"
[ngClass]="{'selectedimg': !data[4].violateImage}">
<img [src]="data[4].violateImage ? data[4].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[8].isCorrect" class="err"
<img *ngIf="!data[4].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">连接卸油管</span>
</div>
<img class="rightArrow" src="../../../assets/images/rightArrow.png" alt="">
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[10].isCorrect}"><i
<span class="timespan" [ngClass]="{'timespanerr': !data[5].isCorrect}"><i
nz-icon nzType="clock-circle"
nzTheme="outline"></i>{{data.oilUnloadingNodes[10].violateTime ?
(data.oilUnloadingNodes[10].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[10].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[10].violateImage}">
<img [src]="data.oilUnloadingNodes[10].violateImage ? data.oilUnloadingNodes[10].violateImage : '../../../../assets/images/nopng.png'"
nzTheme="outline"></i>{{data[5].violateTime ?
(data[5].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[5].violateImage)"
[ngClass]="{'selectedimg': !data[5].violateImage}">
<img [src]="data[5].violateImage ? data[5].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[10].isCorrect" class="err"
<img *ngIf="!data[5].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">全程监卸</span>
</div>
<img class="rightArrow" src="../../../assets/images/rightArrow.png" alt="">
<div class="imgbox">
<span class="timespan" [ngClass]="{'timespanerr': !data.oilUnloadingNodes[11].isCorrect}"><i
<span class="timespan" [ngClass]="{'timespanerr': !data[6].isCorrect}"><i
nz-icon nzType="clock-circle"
nzTheme="outline"></i>{{data.oilUnloadingNodes[11].violateTime ?
(data.oilUnloadingNodes[11].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[11].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[11].violateImage}">
<img [src]="data.oilUnloadingNodes[11].violateImage ? data.oilUnloadingNodes[11].violateImage : '../../../../assets/images/nopng.png'"
nzTheme="outline"></i>{{data[6].violateTime ?
(data[6].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[6].violateImage)"
[ngClass]="{'selectedimg': !data[6].violateImage}">
<img [src]="data[6].violateImage ? data[6].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[11].isCorrect" class="err"
<img *ngIf="!data[6].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">拆除卸油管</span>
@ -187,15 +187,15 @@
<img class="rightArrow" src="../../../assets/images/rightArrow.png" alt="">
<div class="imgbox">
<span class="timespan"
[ngClass]="{'timespanerr': !data.oilUnloadingNodes[13].isCorrect}"><i
[ngClass]="{'timespanerr': !data[7].isCorrect}"><i
nz-icon nzType="clock-circle"
nzTheme="outline"></i>{{data.oilUnloadingNodes[13].violateTime ?
(data.oilUnloadingNodes[13].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data.oilUnloadingNodes[13].violateImage)"
[ngClass]="{'selectedimg': !data.oilUnloadingNodes[13].violateImage}">
<img [src]="data.oilUnloadingNodes[13].violateImage ? data.oilUnloadingNodes[13].violateImage : '../../../../assets/images/nopng.png'"
nzTheme="outline"></i>{{data[7].violateTime ?
(data[7].violateTime | date:"MM-dd HH:mm:ss") : '/'}}</span>
<div class="img" (click)="lookImg(data[7].violateImage)"
[ngClass]="{'selectedimg': !data[7].violateImage}">
<img [src]="data[7].violateImage ? data[7].violateImage : '../../../../assets/images/nopng.png'"
alt="">
<img *ngIf="!data.oilUnloadingNodes[13].isCorrect" class="err"
<img *ngIf="!data[7].isCorrect" class="err"
src="../../../../assets/images/err.png" alt="">
</div>
<span class="name">油罐车离场</span>

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

@ -11,7 +11,7 @@ export class OilUnloadingProcessComponent implements OnInit {
constructor(private message: NzMessageService) { }
ngOnInit(): void {
console.log(this.data)
// console.log(this.data)
}
lookImg(url) {
if (url) {
@ -32,8 +32,10 @@ export class OilUnloadingProcessComponent implements OnInit {
});
node.click();
}, 0);
}else{
} else {
this.message.create('warning', `该节点没有图片`);
}
}
}

Write Preview
Loading…
Cancel
Save