You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
899 B
33 lines
899 B
3 years ago
|
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);
|
||
|
|
}
|
||
|
|
}
|