import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; import Viewer from 'viewerjs'; import { Game } from 'src/app/babylon/game'; import { LoginSatus } from 'src/app/babylon/controller/status/login-status'; import { StatusManager } from 'src/app/babylon/controller/status/status-manager'; import { InsitutionDataSimple } from 'src/app/babylon/model/data/institution/institution-data-simple'; import { ModeManager, ModeType } from 'src/app/babylon/controller/mode-manager'; import { ServeManager } from 'src/app/babylon/controller/serve-manager'; import { BuildingBasicInfosService } from 'src/app/service/babylon/building-basic-infos.service'; import { ObjectsService } from 'src/app/service/objects.service'; import { ToolbarWindow } from 'src/app/babylon/view/toolbar-window/toobar-window'; import { BuildingStatus } from 'src/app/babylon/controller/status/building-status'; import { BuildingUIItem } from 'src/app/babylon/view/building-window/building-ui-item'; import { BuildingType } from 'src/app/babylon/model/data/institution/building/building-data'; import { BuildingWindow } from 'src/app/babylon/view/building-window/building-window'; import { FacilityUIItem } from 'src/app/babylon/view/facility-window/facility-ui-item'; import { FacilityWindow } from 'src/app/babylon/view/facility-window/facility-window'; import { FacilityInfoUIItem } from 'src/app/babylon/view/facilityinfoinscene-window/facilityinfo-ui-item'; 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, MarkTask } from 'src/app/babylon/model/data/mark/mark-data'; import { MarkWindow } from 'src/app/babylon/view/mark-window/mark-window'; import { AllMarkPlanData, MarkNodeData, MarkPlanData } from 'src/app/babylon/model/data/mark/mark-plan-data'; import { DataManager, ResType } from 'src/app/babylon/controller/data-manager'; import { EventManager as babylonEventManager } from 'src/app/babylon/controller/event-manager/event-manager'; import { Event_GetAllMarkPlanData } from 'src/app/babylon/controller/event-manager/events/event-get-markplandata-success'; import { FacilityInfoInSceneWindow } from 'src/app/babylon/view/facilityinfoinscene-window/facilityinfoinscene-window'; import { FacilityType } from 'src/app/babylon/model/data/model-data/model-data-facility'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-plan', templateUrl: './plan.component.html', styleUrls: ['./plan.component.scss', './publicPop.scss'] }) export class PlanComponent implements OnInit { constructor(private element: ElementRef, private buildingBISrv: BuildingBasicInfosService, private objectsSrv: ObjectsService, private eventManager: EventManager, private message: NzMessageService, private http: HttpClient) { } static instance: PlanComponent; public game: Game = new Game(); public beforeOneSatus; //当前 satus public canvas: HTMLCanvasElement; //canvas 实例 public editMode: boolean = true; //编辑/查看 模式 public userMode: boolean = ModeManager.s_isMakeMode; //是否为 内部权限 public bucketName: string = ObjectsService.getFullPath("文件路径"); //当前桶名 public isShowLoading: boolean = true; //显隐 loading加载条 public companyData: any; //当前加油站所属组织机构 data ngOnInit(): void { PlanComponent.instance = this; ServeManager.Init(this.buildingBISrv, this.objectsSrv); this.canvas = this.element.nativeElement.querySelector('#center') as HTMLCanvasElement; this.game.init(this.canvas); this.companyData = (JSON.parse(sessionStorage.getItem('userdataOfgasstation'))).organization || {} let editMode = sessionStorage.getItem('isGasStation') if (editMode == 'false') { this.editMode = true ModeManager.currentMode = ModeType.Edit } else { this.editMode = false ModeManager.currentMode = ModeType.Look } //监听 delete键盘事件 this.eventManager.addGlobalEventListener('window', 'keydown', (event: any) => { if (event.keyCode == 46) { //delete if (this.beforeOnePropertyData) { let isDelete = confirm("是否删除已选择模型?"); if (isDelete) { this.beforeOnePropertyData.askDelete(false) }; } } }) //监听 delete键盘事件 } ngAfterViewInit(): void { this.getGasStationBaseInfo().then((res: any) => { //获取单位 基本信息 console.log(res, "当前加油站信息") let simpleData: InsitutionDataSimple = new InsitutionDataSimple(); simpleData.id = res.id || 1; //来自选中的单位的信息 ,测试：1 simpleData.key = `${res.id}` || "ceshi"; //测试："ceshi" simpleData.name = res.stationName || "测试"; //来自选中的单位的信息 ,测试："测试" let has3dData = res.hasBuildingInfo; //是否有三维数据，来自选中单位的信息 let loginStatus = StatusManager.getStatus(LoginSatus); if (ModeManager.institutionDemoKey == ModeManager.c_demoKey_null) { //无指定测试单位，则为正式启动，根据当前单位key寻找 if (has3dData) { //如果已经有三维数据，直接进入 this.beforeOneSatus = StatusManager.getStatus(LoginSatus); console.log("单位数据", simpleData); this.beforeOneSatus.onSelectInsSuccess(simpleData) } else { //如果没有三维数据 if (ModeManager.s_isMakeMode) //内部制作模式下，询问新建 { let isAdd = confirm('没有单位' + simpleData.key + ',是否进行初始化？') if (isAdd) { let name = simpleData.name; let id = simpleData.id;// 单位id loginStatus.createInsitution(simpleData.key, name, id); } } else //非内部制作模式，不开启 { console.log("没有单位" + simpleData.key); } } } else { //let find = data.find(item => { return item.key === ModeManager.institutionDemoKey }) let find = simpleData; //测试单位 if (find) { sessionStorage.setItem('unitId', find.key) this.beforeOneSatus = StatusManager.getStatus(LoginSatus); this.beforeOneSatus.onSelectInsSuccess(find) } else { //this.modelInit(data) //开发模式 选择单位 弹窗 } } }) } ngOnDestroy(): void { //组件销毁前 销毁canvas this.game.dispose(); this.game = null; } //获取 当前加油站基本信息 getGasStationBaseInfo() { return new Promise((resolve, reject) => { let params = { organizationUnitId: this.companyData.id } this.http.get('/api/services/app/GasStation/Get', { params: params }).subscribe((data: any) => { resolve(data.result) }) }) } //开发模式 选择单位 弹窗 modelInit(InsList) { } allFence: string[] = ["基本信息", "加油机", "油罐设备", "消防设施", "安全疏散", "输油管线", "油气回收", "应急预案"]; //头部 功能栏 baseInfoMarks: baseInfoMark[] = [new baseInfoMark("毗邻"), new baseInfoMark("区域"), new baseInfoMark("图片"), new baseInfoMark("点位")] //基本信息 设备筛选list selectFence: number = -1; //选中 头部功能栏 isShowChildComponent: boolean = false; //是否 显示左侧子组件 @ViewChild('leftDomain') leftDomain: LeftDomainComponent; //子组件引用 isOpenAwning: boolean = true; //是否 打开罩棚 selectMeasure: number = 0; //当前选择 测量工具 //切换 头部功能栏 toggleHeaderFence(type: number) { this.beforeOneSatus = StatusManager.getStatus(BuildingStatus); let buildingWindow: BuildingWindow = this.beforeOneSatus.buildingWindow; let fenceType: JYZInfoMoudleType = this.getFenceType(type) this.isShowNature = false //隐藏属性栏 if (this.selectFence != type) { if (this.selectFence === 7) { //初始化 应急预案模块 this.initializePlan() } if (type === 7) { //初始化 应急预案 data this.isShowChildComponent && this.leftDomain ? this.leftDomain.initComponent(type) : null; //手动初始化子组件 this.selectFence = type this.editMode ? this.isShowChildComponent = true : this.isShowChildComponent = false buildingWindow.changeJYZInfoModel(fenceType, true) MarkWindow.instance ? this.allMarkPlanData = MarkWindow.instance.allMarkPlanData : null; babylonEventManager.addListener(Event_GetAllMarkPlanData, (data: Event_GetAllMarkPlanData) => { this.allMarkPlanData = MarkWindow.instance.allMarkPlanData this.isShowChildComponent && this.leftDomain ? this.leftDomain.allMarkPlanData = MarkWindow.instance.allMarkPlanData : null }) this.isShowChildComponent && this.leftDomain ? this.leftDomain.allMarkPlanData = MarkWindow.instance.allMarkPlanData : null } else { this.isShowChildComponent && this.leftDomain && type != 4 ? this.leftDomain.initComponent(type) : null; //手动初始化子组件 this.selectFence = type this.isShowChildComponent = true buildingWindow.changeJYZInfoModel(fenceType, true) if (type === 0) { this.baseInfoMarks.forEach(item => { item.isShow = true }) } //初始化基本信息 设备显隐 } } else { //取消选中 this.selectFence = -1 this.isShowChildComponent = false buildingWindow.changeJYZInfoModel(fenceType, false) if (type === 7) { //初始化 应急预案模块 this.initializePlan() } } } //获取 头部功能栏Type getFenceType(type: number): JYZInfoMoudleType { let fenceType if (type === 0) { fenceType = JYZInfoMoudleType.JBXX } else if (type === 1) { fenceType = JYZInfoMoudleType.JYJ } else if (type === 2) { fenceType = JYZInfoMoudleType.YG } else if (type === 3) { fenceType = JYZInfoMoudleType.XF } else if (type === 4) { fenceType = JYZInfoMoudleType.AQSS } else if (type === 5) { fenceType = JYZInfoMoudleType.SYG } else if (type === 6) { fenceType = JYZInfoMoudleType.YQHSGX } else if (type === 7) { fenceType = JYZInfoMoudleType.YJCZ } return fenceType } //基本信息 设备筛选显隐 toggleBaseInfoMark(event, item: baseInfoMark) { let type if (item.markerName === "毗邻") { type = FacilityType.PL } else if (item.markerName === "区域") { type = FacilityType.QY } else if (item.markerName === "图片") { type = FacilityType.TPBZ } else if (item.markerName === "点位") { type = FacilityType.DWBZ } FacilityInfoInSceneWindow.instance.showFacilityByType(type, event) } //子组件 创建预案/保存 noticeChildComponent(type: boolean) { if (this.isShowChildComponent && this.leftDomain) { if (type) { //创建预案 this.leftDomain.addDisposalPop = true } else { //整体保存 this.leftDomain.saveDisposal() } } } //切换 头部罩棚 toggleHeaderAwning(isOpen: boolean) { this.isOpenAwning = isOpen; ToolbarWindow.instance.showZP(isOpen) } //切换 测量工具 toggleMeasure(type: number) { if (this.selectMeasure != type) { //切换工具 this.selectMeasure = type if (type === 1) { ToolbarWindow.instance.measureDistance() } else if (type === 2) { ToolbarWindow.instance.measureHeight() } else { ToolbarWindow.instance.measureArea() } } else { //关闭测量工具 this.selectMeasure = 0 ToolbarWindow.instance.endMeasure() } } buildingUIItems: BuildingUIItem[] = []; //左侧 建筑list beforeOneBuildingID: string = null; //选中 左侧建筑ID modelBuilding: modelBuilding = new modelBuilding(); //创建/编辑 建筑ngModel数据 addBuildingPop: boolean = false; //显隐 新增左侧建筑弹窗 editBuildingPop: BuildingUIItem = null; //显隐 编辑左侧建筑弹窗 isShowLeftBuilding: boolean = true; //显隐 建筑list toggleLeftBuilding(e) { this.isShowLeftBuilding = e }; //显隐 建筑list uploadList: File[] = []; //多选上传文件 //选择文件 selectFile(e) { if (e.target.files.length) { this.uploadList = [] //多选上传 Object.keys(e.target.files).forEach(item => { this.uploadList.push(e.target.files[item]) }) } } //选择建筑 selectLeftBuilding(e) { let item: BuildingUIItem = e; this.beforeOneBuildingID = item.getBuildingID() item.select(); } //创建/编辑建筑 addModelBuilding(e: modelBuilding) { if (this.addBuildingPop) { //新增 let order = this.buildingUIItems.length + 1; this.beforeOneSatus = StatusManager.getStatus(BuildingStatus); let buildingWindow: BuildingWindow = this.beforeOneSatus.buildingWindow; let newBuildingData = this.beforeOneSatus.createOneBuildingInData(e.name, e.name, e.modelType); buildingWindow.changeModel(this.uploadList, newBuildingData); buildingWindow.createOneBuildingItem(newBuildingData, order); this.modelBuilding = new modelBuilding(); this.buildingUIItems = this.beforeOneSatus.buildingWindow.buildingUIItems; //更新 建筑列表list this.addBuildingPop = false; //关闭弹窗 } else if (this.editBuildingPop) { //编辑 this.editBuildingPop.setBuildingName(e.name); this.editBuildingPop.changeModel(this.uploadList); this.editBuildingPop = null; //关闭弹窗 } } //打开编辑建筑 弹窗 editModelBuilding(event, e: BuildingUIItem) { event.stopPropagation() this.modelBuilding.name = JSON.parse(JSON.stringify(e.getBuildingName())) this.modelBuilding.modelType = JSON.parse(JSON.stringify(e.getBuildingType())) this.editBuildingPop = e; //打开弹窗 } //聚焦 建筑 positionModelBuilding(event, e: BuildingUIItem) { event.stopPropagation() e.lookAt() } //删除建筑 deleteModelBuilding(event, e: BuildingUIItem) { event.stopPropagation() let isTrue = confirm('您确定要删除吗') if (isTrue) { this.beforeOneSatus = StatusManager.getStatus(BuildingStatus); let buildingWindow: BuildingWindow = this.beforeOneSatus.buildingWindow; buildingWindow.deleteBuilding(e) this.buildingUIItems = this.beforeOneSatus.buildingWindow.buildingUIItems; //更新 建筑列表list } } allFacilityUIItemes: FacilityUIItem[] = []; //右侧所有 图标 allMarkData: planIcons = new planIcons(); //右侧处置预案所有 图标 beforeOneIcon: string = null; //当前选择 图标 // 获取 底部图标栏list getAllIcons(e: FacilityWindow) { this.allFacilityUIItemes = e.allFacilityUIItemes this.beforeOneIcon = null } //选择底部图标 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) } } } //取消选择 底部图标 unSelectBottomIcon() { if (this.beforeOneIcon) { let e: FacilityUIItem = this.allFacilityUIItemes.find(item => { return item.getIconID() === this.beforeOneIcon }) e ? e.unSelect() : null this.beforeOneIcon = null } } //底部图标栏 滚动条 bottomScroll(e) { let bootomDiv = this.element.nativeElement.querySelector('#bottomCenter') e == 0 ? bootomDiv.scrollLeft = bootomDiv.scrollLeft + 50 : bootomDiv.scrollLeft = bootomDiv.scrollLeft - 50 } isShowNature: boolean = false; //显隐设备 属性栏 beforeOnePropertyData: FacilityInfoUIItem = null; //当前选择 设备 propertyImg: Viewer; //设备图标Viewer 实例 naturePosition: naturePosition = new naturePosition(); //设备栏 定位位置 //选中 设备 selectProperty(e: FacilityInfoUIItem) { this.isShowNature = true this.beforeOnePropertyData = e console.log(e.getPropertyData(), '选中设备') if (this.isShowChildComponent && this.leftDomain) { this.leftDomain.selectFacilityId = e.getID() } if (this.selectFence === 0 && this.beforeOnePropertyData.getPropertyData() && this.beforeOnePropertyData.getPropertyData().img) { //img window.setTimeout(() => { this.propertyImg = new Viewer(this.element.nativeElement.querySelector('#propertyImg'), { url: 'data-original' }); }, 0) } } //上传设备 图片 uploadPropertyImg(e) { if (e.target.files.length) { let maxSize = 30 * 1024 * 1024 //限制30MB let file = e.target.files[0] if (file.size > maxSize) { //超出限制 this.message.info("上传资源需小于30MB"); return } this.isShowLoading = true //打开遮罩 let institutionKey = sessionStorage.getItem('unitId') || "ceshi"; //单位id let buildingKey = this.buildingUIItems.find(item => { return item.getBuildingID() == this.beforeOneBuildingID }) let facility = this.beforeOnePropertyData let url = DataManager.getResPath_facilityProperty(institutionKey, buildingKey.getBuildingID(), facility.getType(), facility.getID(), null) ServeManager.instance.openFileSelect(file, url, (name: string, path: string) => { //上传 this.beforeOnePropertyData.getPropertyData().img = ObjectsService.getFullPath(path + name) window.setTimeout(() => { this.propertyImg = new Viewer(this.element.nativeElement.querySelector('#propertyImg'), { url: 'data-original' }); }, 0) this.isShowLoading = false //关闭遮罩 this.message.info("上传成功!"); }) } } allMarkPlanData: AllMarkPlanData; //处置预案节点 数据 beforeEmergencyPlan: MarkPlanData = new MarkPlanData(-99, "请选择节点"); //当前选择 应急预案 beforePlanNode: MarkNodeData = new MarkNodeData(-99, "请选择节点"); //当前选择 预案节点 nzCurrent: number = -1; //当前选择 预案节点Index isSuspend: boolean = false; //是否暂停 自动切换节点 progressList: number[] = []; //进度条 条/值 updateTimer: any; //更新进度条定时器 //初始化 应急预案模块 initializePlan() { this.beforeEmergencyPlan = new MarkPlanData(-99, "请选择节点") this.beforePlanNode = new MarkNodeData(-99, "请选择节点") this.isSuspend = false //初始化暂停状态 this.progressList = [] window.clearTimeout(this.updateTimer) //清除定时器 } //公用 切换选中节点 publicToggleNode() { return new Promise((resolve, reject) => { this.beforePlanNode = this.beforeEmergencyPlan.nodes[this.nzCurrent] this.isShowChildComponent && this.leftDomain ? this.leftDomain.selectPlanId = this.beforeEmergencyPlan.id : null this.isShowChildComponent && this.leftDomain ? this.leftDomain.selectNodeId = this.beforePlanNode.id : null MarkWindow.instance.selectMarkNode(this.beforeEmergencyPlan.id, this.beforePlanNode.id, false, true) this.beforePlanNode = MarkWindow.instance.currentMarkNodeInfo.nodeData this.initViewer() this.updateProgress() //更新进度条 resolve(true) }) } //选中 底部一级节点 开启自动播放 selectChildNode(item: MarkPlanData) { if (item.nodes.length) { this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.nzCurrent = 0 this.beforeEmergencyPlan = item this.updateProgressList().then(res => { this.publicToggleNode() }) } else { this.message.info('暂无数据节点'); } } //更新进度条 条数 updateProgressList() { return new Promise((resolve, reject) => { this.progressList = [] this.beforeEmergencyPlan.nodes.forEach(item => { this.progressList.push(0) }) resolve(true) }) } //更新进度条 值 updateProgress() { if (this.progressList[this.nzCurrent] >= 100) { this.progressList[this.nzCurrent] = 100 window.clearTimeout(this.updateTimer) //清除定时器 !this.isSuspend ? this.autoPlay() : null return } let time: number = this.beforePlanNode.getShowTime() || 1 this.updateTimer = window.setTimeout(() => { this.progressList[this.nzCurrent] = this.progressList[this.nzCurrent] + Number((100 / time).toFixed(2)) / 10 this.updateProgress() }, 100) } //自动播放-切换接点 autoPlay() { if (this.nzCurrent >= this.beforeEmergencyPlan.nodes.length - 1) { this.message.info('已播放至最后一节点'); return } this.nzCurrent = this.nzCurrent + 1 this.publicToggleNode() } //切换预案节点 changePlanNode(event) { if (this.progressList.length != this.beforeEmergencyPlan.nodes.length) { this.updateProgressList() } this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.isSuspend = true //暂停 this.nzCurrent = event this.progressList.forEach((item, index) => { index >= this.nzCurrent ? this.progressList[index] = 0 : this.progressList[index] = 100 }) this.publicToggleNode() } //切换预案节点 上一个 toLast() { if (this.beforeEmergencyPlan.id === -99 || this.beforePlanNode.id === -99) { this.message.info('请选择节点'); return } if (this.nzCurrent <= 0) { this.message.info('目前已经是第一节点'); return } if (this.progressList.length != this.beforeEmergencyPlan.nodes.length) { this.updateProgressList() } this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.nzCurrent = this.nzCurrent - 1 this.progressList.forEach((item, index) => { index >= this.nzCurrent ? this.progressList[index] = 0 : this.progressList[index] = 100 }) this.publicToggleNode() } //切换预案节点 暂停 suspend(isSuspend: boolean) { if (this.beforeEmergencyPlan.id === -99 || this.beforePlanNode.id === -99) { this.message.info('请选择节点'); return } if (this.progressList.length != this.beforeEmergencyPlan.nodes.length) { this.updateProgressList() } this.isSuspend = isSuspend let msg: string = this.isSuspend ? "目前已暂停" : "目前已开始播放" this.message.info(msg); if (this.isSuspend) { //暂停 window.clearTimeout(this.updateTimer) //清除定时器 } else { //开启 this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.progressList.forEach((item, index) => { index > this.nzCurrent ? this.progressList[index] = 0 : null }) if (this.progressList[this.nzCurrent] === 0) { MarkWindow.instance.selectMarkNode(this.beforeEmergencyPlan.id, this.beforePlanNode.id, false, true) } this.updateProgress() } } //切换预案节点 初始化 initialize() { if (this.beforeEmergencyPlan.id === -99 || this.beforePlanNode.id === -99) { this.message.info('请选择节点'); return } this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.updateProgressList().then(res => { this.nzCurrent = 0 this.publicToggleNode() }) } //切换预案节点 下一个 toNext() { if (this.beforeEmergencyPlan.id === -99 || this.beforePlanNode.id === -99) { this.message.info('请选择节点'); return } if (this.nzCurrent >= this.beforeEmergencyPlan.nodes.length - 1) { this.message.info('目前已经是最后一个节点'); return } if (this.progressList.length != this.beforeEmergencyPlan.nodes.length) { this.updateProgressList() } this.updateTimer ? window.clearTimeout(this.updateTimer) : null //清除定时器 this.nzCurrent = this.nzCurrent + 1 this.progressList.forEach((item, index) => { index >= this.nzCurrent ? this.progressList[index] = 0 : this.progressList[index] = 100 }) this.publicToggleNode() } //获取进度条 flex分布 getProgressFlex(e: MarkNodeData): string { let length: number = 0 this.beforeEmergencyPlan.nodes.forEach(item => { length = length + (item.getShowTime() || 1) }) let percentage: number = (e.getShowTime() || 1) / length return `${percentage * 100}%` } contingencyPlanTask: MarkData = null; //应急预案选中 设备 taskDialog: taskDialog = new taskDialog("", "", ""); //设备任务 深拷贝数据 allTaskList: any[] = []; //所有任务 List //选中应急预案 设备 selectSandTableMark(markData: MarkData, select: boolean) { MarkWindow.instance.selectMarkData(markData, select) } //选中应急预案 设备任务窗口 getSandTableNature(markData: MarkData) { if (markData.property.taskType != MarkTask.None) { this.contingencyPlanTask = markData this.taskDialog.institution = JSON.parse(JSON.stringify(markData.property.institution || "")) this.taskDialog.description = JSON.parse(JSON.stringify(markData.property.description || "")) this.taskDialog.task = JSON.parse(JSON.stringify(markData.property.task || "")) if (markData.property.taskType === MarkTask.Person) { this.allTaskList = (new taskList()).character } else if (markData.property.taskType === MarkTask.Car) { this.allTaskList = (new taskList()).car } else { this.allTaskList = [] } } } //提交 设备任务窗口表单 submitTaskForm(e) { this.contingencyPlanTask.property.institution = e.companyName this.contingencyPlanTask.property.description = e.description this.contingencyPlanTask.property.task = e.taskName MarkWindow.instance.updateProperty() this.contingencyPlanTask = null //关闭弹窗 } videoDialogType: videoDialog = new videoDialog(true, null); //全景图/视频 弹窗 planNodeImg: Viewer; //应急预案图片Viewer 实例 //初始化 Viewer图片 initViewer() { if (this.beforePlanNode.texture) { window.setTimeout(() => { this.planNodeImg = new Viewer(this.element.nativeElement.querySelector('#planNodeImg'), { url: 'data-original' }); }, 0) } } //上传 图片/视频 uploadImgVideo(e, isVideo: boolean) { if (e.target.files.length) { let maxSize = 30 * 1024 * 1024 //限制30MB let file = e.target.files[0] if (file.size > maxSize) { //超出限制 this.message.info("上传资源需小于30MB"); return } this.isShowLoading = true //打开遮罩 let institutionKey = sessionStorage.getItem('unitId') || "ceshi"; //单位id let resType = isVideo ? ResType.Video : ResType.Texture let key = `${(new Date()).getMonth() + 1}-${(new Date()).getDate()}-${(new Date()).getHours()}` let url = DataManager.getResPath_mark(institutionKey, resType, key) //url ServeManager.instance.openFileSelect(file, url, (name: string, path: string) => { //上传 if (!isVideo) { //img this.beforePlanNode.texture = ObjectsService.getFullPath(path + name) this.initViewer() } else { //video this.beforePlanNode.video = ObjectsService.getFullPath(path + name) } this.isShowLoading = false //关闭遮罩 this.message.info("上传成功!"); }) } } //打开视频弹窗 openVideo(src: string) { this.videoDialogType.isVideo = true this.videoDialogType.url = src } selectRightTopFast: number = 0; //当前选择功能 快捷栏 selectAdsorb: boolean = false; //吸附状态 topLevelView: boolean = false; //顶视图状态 //获取设备 getDevice() { ToolbarWindow.instance.getModelAndCreateFacilityData() } //清空设备 clearDevice() { let isClear = confirm('您确定要清空吗?') if (isClear) { ToolbarWindow.instance.clearAllFacilityDataFromMesh() } } //平移 translation() { this.selectRightTopFast = 0 ToolbarWindow.instance.changeGizmoType_position(); } //旋转 revolve() { this.selectRightTopFast = 1 ToolbarWindow.instance.changeGizmoType_Rotation(); } //缩放 scale() { this.selectRightTopFast = 2 ToolbarWindow.instance.changeGizmoType_Scale(); } //吸附 adsorb() { ToolbarWindow.instance.changeMeshAdsorbY(); } //获取吸附的状态 updateSelectAdsorb() { this.selectAdsorb = ToolbarWindow.instance.isMeshAdsorb; } //切换至顶视图 toggleTopLevelView() { this.topLevelView = !this.topLevelView ToolbarWindow.instance.changeTopView(this.topLevelView) } //保存 preserve(type: boolean) { if (type) { ToolbarWindow.instance.onBtnSave(); } else { ToolbarWindow.instance.saveShowMoudleData(); } } //通用 消息通知栏 openSnackBar(title: string) { this.message.info(title); } /** * 展示加载遮罩 * @param show */ showLoading(show: boolean) { this.isShowLoading = show; } } //全景图/视频 type export class videoDialog { isVideo: boolean url: string constructor(isVideo: boolean, url: string) { this.isVideo = isVideo this.url = url } } //设备任务窗口 数据类型 export class taskDialog { institution: string; //单位 task: string; //任务 description: string; //备注 constructor(institution: string, task: string, description: string) { this.institution = institution this.task = task this.description = description } } //设备任务list export class taskList { character: any[] = [ { taskName: "加油" }, { taskName: "卸油" }, { taskName: "按下紧急切断按钮" }, { taskName: "呼喊示警" }, { taskName: "停止加油" }, { taskName: "关闭泄油阀" }, { taskName: "指挥疏通撤离" }, { taskName: "向运营、QHSE报告" }, { taskName: "撤离" }, { taskName: "119报警" }, { taskName: "110报警" }, { taskName: "120报警" }, { taskName: "使用灭火毯" }, { taskName: "使用灭火器" }, { taskName: "灭火" }, { taskName: "协助灭火" }, { taskName: "确认安全" }, { taskName: "保持冷静" }, { taskName: "待命" }, ]; car: any[] = [ { taskName: "加油" }, { taskName: "停止加油" }, { taskName: "灭火" }, { taskName: "逃逸" }, { taskName: "撤离" }, { taskName: "损毁" }, { taskName: "待命" }, ] firemonitor: any[] = [ { taskName: "遥控水炮冷却" }, { taskName: "遥控水炮灭火" }, { taskName: "待命" }, ] } //属性栏 定位 export class naturePosition { top: string = "1%" left: string = "50%" right: string = "5%" } // 处置预案 所有图标 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 = ""; modelType: BuildingType = BuildingType.Normal; } //基本信息 设备筛选 export class baseInfoMark { markerName: string; isShow: boolean = true; constructor(markerName: string) { this.markerName = markerName } }