From 2509adf893fcb461834eab2c88577f45212ff0e9 Mon Sep 17 00:00:00 2001 From: chenjingyu Date: Sat, 20 Feb 2021 15:45:03 +0800 Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E6=94=B9]=E5=AE=A1=E6=A0=B8=E8=AE=B0?= =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E4=BA=8C=E4=B8=89=E7=BB=B4=E9=A2=84?= =?UTF-8?q?=E6=A1=88=E6=98=BE=E7=A4=BA=E6=A0=BC=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/plan-audit/plan-audit.module.ts | 5 +- .../plan-record/plan-record.component.html | 29 +++- .../plan-record/plan-record.component.scss | 12 ++ .../plan-record/plan-record.component.ts | 151 +++++++++++++++--- src/app/plan-audit/plan-record/show3D.html | 11 ++ 5 files changed, 180 insertions(+), 28 deletions(-) create mode 100644 src/app/plan-audit/plan-record/show3D.html diff --git a/src/app/plan-audit/plan-audit.module.ts b/src/app/plan-audit/plan-audit.module.ts index 3407d59..ab63a2e 100644 --- a/src/app/plan-audit/plan-audit.module.ts +++ b/src/app/plan-audit/plan-audit.module.ts @@ -70,10 +70,13 @@ import { CadDrawComponent } from './cad-draw/cad-draw.component' import { RealisticPictureLookComponent }from './realistic-picture-look/realistic-picture.component' import { previewImg3 } from './realistic-picture-look/realistic-picture.component' import { show3D } from './wait-examineer/wait-examineer.component'; +import { recordshow3D } from './plan-record/plan-record.component' import { ViewDetailsComponent } from './view-details/view-details.component' @NgModule({ declarations: [DetachmentLevelComponent, PlanAuditComponent, PlanPassComponent,PlanOpen, PlanRecordComponent, BasicInfoComponent, - WaitExamineerComponent,AllaroundComponent,ImgDetails,FireFacilitiesComponent,ImagesData2,previewBigImg2,PlanListComponent,OpenPlanToolDialog,KeySiteLookComponent,KeySiteImgs2,FunctionPartitionComponent,CadDrawComponent,RealisticPictureLookComponent,previewImg3,show3D, WaterAuditComponent, FireforceAuditComponent, LinkageforcesAuditComponent, ViewDetailsComponent], + WaitExamineerComponent,AllaroundComponent,ImgDetails,FireFacilitiesComponent,ImagesData2,previewBigImg2,PlanListComponent,OpenPlanToolDialog, + KeySiteLookComponent,KeySiteImgs2,FunctionPartitionComponent,CadDrawComponent,RealisticPictureLookComponent,previewImg3,show3D, WaterAuditComponent, + FireforceAuditComponent, LinkageforcesAuditComponent, ViewDetailsComponent,recordshow3D], imports: [ CommonModule, PlanAuditRoutingModule, diff --git a/src/app/plan-audit/plan-record/plan-record.component.html b/src/app/plan-audit/plan-record/plan-record.component.html index 01c7c8f..70079c6 100644 --- a/src/app/plan-audit/plan-record/plan-record.component.html +++ b/src/app/plan-audit/plan-record/plan-record.component.html @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-25 10:19:31 * @LastEditors: sueRimn - * @LastEditTime: 2021-02-02 15:58:22 + * @LastEditTime: 2021-02-20 10:40:25 -->
@@ -172,9 +172,30 @@ --> -
+
-
-
+
+
+
+
+ 单位名称: + {{compantData.name?compantData.name : '暂无数据'}} +
+
+ 消防救援站: + {{organizationName}} +
+
+ 单位类型: + {{compantData.buildingTypes.length?compantData.buildingTypes[0].name : '暂无数据'}} +
+
+ 单位地址: + {{compantData.address?compantData.address : '暂无数据'}} +
+
+ 查看详情 +
+
diff --git a/src/app/plan-audit/plan-record/plan-record.component.scss b/src/app/plan-audit/plan-record/plan-record.component.scss index 7762377..958df3b 100644 --- a/src/app/plan-audit/plan-record/plan-record.component.scss +++ b/src/app/plan-audit/plan-record/plan-record.component.scss @@ -92,6 +92,18 @@ th,td{ .green{color: #00C756;} .red{color: #FF4D4D;} .blue{color: #2196F3;} +.twoD { + width: 100%; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: left; + .planBox { + margin: 30px 30px; + color: black; + :first-child {margin-right: 10px;} + } + } //滚动条样式 ::-webkit-scrollbar{ diff --git a/src/app/plan-audit/plan-record/plan-record.component.ts b/src/app/plan-audit/plan-record/plan-record.component.ts index ce41344..42013c4 100644 --- a/src/app/plan-audit/plan-record/plan-record.component.ts +++ b/src/app/plan-audit/plan-record/plan-record.component.ts @@ -4,11 +4,12 @@ * @Author: sueRimn * @Date: 2020-12-25 10:19:31 * @LastEditors: sueRimn - * @LastEditTime: 2021-02-06 10:15:00 + * @LastEditTime: 2021-02-20 10:39:50 */ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit,Inject } from '@angular/core'; import { FormControl } from '@angular/forms'; import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; +import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; import { HttpClient } from '@angular/common/http' import { DomSanitizer } from '@angular/platform-browser'; import { Viewer } from 'photo-sphere-viewer'; @@ -21,7 +22,7 @@ declare var CryptoJS }) export class PlanRecordComponent implements OnInit { - constructor(private http:HttpClient,public snackBar: MatSnackBar,private sanitizer: DomSanitizer) { } + constructor(private http:HttpClient,public snackBar: MatSnackBar,private sanitizer: DomSanitizer,public dialog: MatDialog) { } ngOnInit(): void { let level = sessionStorage.getItem("level"); @@ -73,7 +74,17 @@ export class PlanRecordComponent implements OnInit { count//一共多少条 tableDate showPvt=false//全景图是否显示 + shenheTable=[]//选中要审核的对象 + chuorzhong//判断初审还是终审 + radioid//选中的id showtype=0//0:word,1:全景图，2:二维三维，3:重点单位 + compantData={name:'',buildingTypes:[],address:''} + organizationName + planData + id + companyId + fetchUrl + companyName //获取表格数据 getAlltabledate(){ @@ -120,34 +131,75 @@ export class PlanRecordComponent implements OnInit { this.getAlltabledate() } //表格点击事件 + viewer//全景图对象 tableClick(e,item){ //e.target.parentElement.bgColor='#2196F3' - let filename:string - let fetchUrl + console.log(e,item) + this.organizationName='' + this.id=item.id + this.fetchUrl='' + this.viewer={} this.http.get(`/api/PlanComponents/${item.itemId}`).subscribe((data:any)=>{ + console.log(data) + this.companyId=data.companyId + this.companyName=data.companyName if(data.planType!=2&&data.planType!=1){ - fetchUrl=data.attachmentUrls[0] - var index=fetchUrl.indexOf("\/") - if(fetchUrl.substr(0,index)=='psw'){ + this.fetchUrl=data.attachmentUrls[0] + var index=this.fetchUrl.indexOf("\/") + if(this.fetchUrl.substr(0,index)=='psw'){ this.showtype=1 window.setTimeout(()=>{ - const viewer = new Viewer({ + this.viewer = new Viewer({ container: document.querySelector('#viewer'), - panorama:'/api/Objects/PlanPlatform/'+ fetchUrl, + panorama:'/api/Objects/PlanPlatform/'+ this.fetchUrl, }); }) }else{ - this.showtype=0 - this.http.get(`/api/ObjectMetadata/PlanPlatform/${fetchUrl}`).subscribe((data:any)=>{ + this.lookWord() + } + }else{ + this.organizationName=item.organizationName + this.planData = data + this.handleData() + return + + //this.src=`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1` + //this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src); + //window.open(`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1`) + } + + + }) + + if(e.checked){ + this.shenheTable.push(item) + } + else{ + for(var i=0;i{ filename=data.fileName let json={ doc: { - docId: item.id, + docId: this.id, title: filename, //title: filename, - fetchUrl: `http://${location.host}/api/Objects/PlanPlatform/`+fetchUrl + fetchUrl: `http://${location.host}/api/Objects/PlanPlatform/`+this.fetchUrl }, user: { uid: "test", @@ -165,15 +217,68 @@ export class PlanRecordComponent implements OnInit { this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src); //window.open(`http://121.5.10.84/apps/editor/openPreview?data=${base64}`) }) - } - }else{ - this.showtype=2 - this.src=`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1` - this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src); - //window.open(`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1`) - } - - }) + } + + + //查看二维三维预案 + thirdPartyURL + planType + twoOrthree + handleData () { + this.compantData={name:'',buildingTypes:[],address:''} + this.planType = this.planData.planMode + let data = this.planData + console.log(data) + if(data.planType==1){ + this.twoOrthree=2 + }else if(data.planType==2){ + this.twoOrthree=3 + } + if (this.planData.planMode==0) { //预案planMode=0时, 查看word + //this.lookWord() + } else if (this.planData.planMode==1) { //预案planMode=1时, 解析文档 + + } else if (this.planData.planMode==2) { //预案planMode=2时, 跳查看页面组件 + this.showtype=2 + this.http.get(`/api/Plans/${data.companyId}`).subscribe((data:any)=>{ + data && data.company? this.compantData = data.company : null + }) + sessionStorage.setItem("buildingTypeId", this.compantData.buildingTypes.length? this.compantData.buildingTypes[0].id: undefined); + sessionStorage.setItem("companyId",this.companyId); + sessionStorage.setItem("planId",this.id); + sessionStorage.setItem("editable",'0'); + sessionStorage.setItem("planName",data.name) + let companyId = sessionStorage.getItem("companyId") + this.thirdPartyURL=this.sanitizer.bypassSecurityTrustResourceUrl(`/planAudit/planpass?id=${this.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1`); + //window.open(`/keyUnit/viewunitinfoplan?id=${companyId}`) + } else if (this.planData.planMode==3) { //预案planMode=3时, 第三方网址' + this.showtype=2 + this.http.get(`/api/Plans/${data.companyId}`).subscribe((data:any)=>{ + data && data.company? this.compantData = data.company : null + }) + //this.dialog.open(show3D,{width:'1350px',height:'700px',data:{url:data.url}}); //打开图片弹窗 + this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(data.url) + } + } + //打开三维预案弹窗 + oopen3Dshow(){ + this.dialog.open(recordshow3D,{width:'1650px',height:'850px',data:{url:this.thirdPartyURL,twoOrthree:this.twoOrthree}}); + } + +} + +@Component({ + selector: 'app-wait-examineer-show3D', + templateUrl: './show3D.html', + styleUrls: ['./plan-record.component.scss'] +}) +export class recordshow3D{ + constructor(private sanitizer: DomSanitizer,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data,public dialog: MatDialog) {} + ngOnInit(): void { + console.log(this.data) + this.threedUrl=this.sanitizer.bypassSecurityTrustResourceUrl(this.data.url.changingThisBreaksApplicationSecurity) + } + threedUrl } diff --git a/src/app/plan-audit/plan-record/show3D.html b/src/app/plan-audit/plan-record/show3D.html new file mode 100644 index 0000000..df039d1 --- /dev/null +++ b/src/app/plan-audit/plan-record/show3D.html @@ -0,0 +1,11 @@ + +
+ +
\ No newline at end of file