diff --git a/debug.log b/debug.log new file mode 100644 index 0000000..012261b --- /dev/null +++ b/debug.log @@ -0,0 +1 @@ +[1225/112746.821:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 388e788..f230160 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -33,6 +33,7 @@ export class AppComponent { }) } else { sessionStorage.clear() + localStorage.clear() this.token.delete() } diff --git a/src/app/canvas-share-data.service.ts b/src/app/canvas-share-data.service.ts index 8c42d46..fa70878 100644 --- a/src/app/canvas-share-data.service.ts +++ b/src/app/canvas-share-data.service.ts @@ -9,14 +9,24 @@ export class CanvasShareDataService { constructor() { } private _sendMessage: ReplaySubject = new ReplaySubject(1); + examDisposalNodesData//鑰冪敓杩涘叆鏃惰幏鍙栧綋鍓嶈瘯鍗风殑澶勭疆鑺傜偣 + examFacilityAssetsData//鑰冪敓杩涘叆鏃惰幏鍙栧綋鍓嶈瘯鍗疯鑰冨療鐨勬秷闃茶鏂 + isChange = false; // 鏁版嵁 鏄惁鏀瑰姩 selectTemplateData: any; // 閫夋嫨褰撳墠 妯℃澘鏁版嵁 // 鎬诲钩闈㈠浘/寤虹瓚 妤煎眰 selectStorey: any = {area: '', details: ''}; // 閫夋嫨褰撳墠 妤煎眰 鏁版嵁 + originalcompanyBuildingData: any; // 鍗曚綅/寤虹瓚 鏁版嵁 + originaleveryStoreyData: any; // 鎬诲钩闈㈠浘/妤煎眰/鍖哄煙 妤煎眰鏁版嵁 + + + examOriginaleveryStoreyData: any; // 鑰冪敓绛斿嵎 鎬诲钩闈㈠浘/妤煎眰/鍖哄煙 妤煎眰鏁版嵁 + + hiddenBasicInfoFacilities: any; // 鑰冪敓绛斿嵎 褰撳墠妤煎眰闇瑕侀殣钘忕殑鍩烘湰淇℃伅绱犳潗 // 鎬诲钩闈㈠浘/寤虹瓚 妤煎眰 // 澶勭疆 鑺傜偣 diff --git a/src/app/examiner/examiner.module.ts b/src/app/examiner/examiner.module.ts index 930a949..509884b 100644 --- a/src/app/examiner/examiner.module.ts +++ b/src/app/examiner/examiner.module.ts @@ -112,6 +112,7 @@ import { FinishDia }from './examiner-index/examiner-index.component' NzTreeModule, NzDatePickerModule, ], - providers: [ { provide: MatPaginatorIntl, useValue: myPaginator() } ] + providers: [ { provide: MatPaginatorIntl, useValue: myPaginator() } ], + exports:[PlanLevel] }) export class ExaminerModule { } diff --git a/src/app/student/examination-details/examination-details.component.html b/src/app/student/examination-details/examination-details.component.html index 55bb647..9ba6542 100644 --- a/src/app/student/examination-details/examination-details.component.html +++ b/src/app/student/examination-details/examination-details.component.html @@ -1,6 +1,6 @@
-
+
@@ -24,7 +24,8 @@
- + + @@ -32,10 +33,102 @@ + + + + + + + +
+
{{item.name}}
+
+
+ + + + + + + + +
+
{{item.name}}
+
+
+
{{element.propertyName}}
+
+ + +
+
+
+
+ + + + + + + + +
+
{{item.name}}
+
+
+
{{element.propertyName}}
+
+ + +
+
+
+
+ + + + + + + + +
+
{{item.name}}
+
+
+ +
-
浣滄垬閮ㄧ讲
+ +
+
+ + + + + + + + + + + + + + + + + + + +
棰勬鍚嶇О娣诲姞浜淇敼鏃堕棿鏄惁鍏紑缂栧埗绾у埆璁剧疆鍒嗘暟鎿嶄綔
{{item.title}}{{item.creatorName}}{{item.modifiedTime | date:'yyyy-MM-dd'}}{{item.isPublic ? '宸插叕寮' : '鏈叕寮'}}{{item.planLevel | planlevel}}{{item.score}}鍒 + 杩涘叆 +
+
+
+
diff --git a/src/app/student/examination-details/examination-details.component.scss b/src/app/student/examination-details/examination-details.component.scss index 3f050c4..a44383a 100644 --- a/src/app/student/examination-details/examination-details.component.scss +++ b/src/app/student/examination-details/examination-details.component.scss @@ -1,3 +1,5 @@ +table,table tr th, table tr td { border-bottom: 1px solid #EEF1F5; } +table { text-align: center; border-collapse: collapse; padding:2px;} .content{ width: 100%; height: 100%; @@ -5,7 +7,7 @@ display: flex; flex-direction: column; box-sizing: border-box; - .cneter { + .center { flex: 1; overflow: hidden; background-color: #F2F5F6; @@ -111,4 +113,89 @@ background-color: #F5FDFE; label { display: inline-block; } } +} + +input { + border-radius: 5px; + border: 1px solid rgb(212, 205, 205); + outline: none; + height: 30px; + padding-left: 10px; +} +//鑰冪敓 鍏蜂綋鑰冮 閫氱敤鏍峰紡 +.publicTest { + display: flex; + flex-direction: row; + flex-wrap: wrap; + padding: 0 10px; + .publicTitle { + margin-top: 10px; + width: 100%; + height: 30px; + line-height: 30px; + padding-left: 10px; + } + .publicInput { + margin: 10px; + width: 48%; + height: 36px; + line-height: 36px; + text-align: left; + overflow: hidden; + label { + display: inline-block; + width: 40%; + text-align: right; + margin-right: 10px; + } + input { + width: 50%; + } + } + .publicTable { + box-sizing: border-box; + width: 100%; + margin: 10px; + display: flex; + padding: 0 25px; + .tableRow { + flex: 1; + overflow: hidden; + .tabelHeader { background: #F5FDFE; } + >div { + width: 100%; + height: 36px; + line-height: 36px; + text-align: center; + margin: 5px; + input { width: 60%; } + } + } + } +} + +//浣滄垬閮ㄧ讲 +.planList{ + table{ + width: 100%; + tr{ + height: 42px; + font-size: 15px; + td{ + input{ + width: 62px; + height: 26px; + background: #F2F5F6; + border: none; + border-radius: 5px; + text-align: center; + } + span{ + margin: 0 5px; + cursor: pointer; + } + } + } + tr:nth-child(1){ background: #F5FDFE; } + } } \ No newline at end of file diff --git a/src/app/student/examination-details/examination-details.component.ts b/src/app/student/examination-details/examination-details.component.ts index dc7ab73..2ca888c 100644 --- a/src/app/student/examination-details/examination-details.component.ts +++ b/src/app/student/examination-details/examination-details.component.ts @@ -3,6 +3,7 @@ import { Component, OnInit } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; import { MatSnackBar } from '@angular/material/snack-bar'; import { ActivatedRoute } from '@angular/router'; +import { CanvasShareDataService } from 'src/app/canvas-share-data.service'; @Component({ selector: 'app-examination-details', @@ -11,23 +12,23 @@ import { ActivatedRoute } from '@angular/router'; }) export class ExaminationDetailsComponent implements OnInit { - constructor(public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute) { } + constructor(public canvasData:CanvasShareDataService, public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute) { } async ngOnInit(): Promise { await this.getTestInfo() this.getUnitPlans()//灏嗚瘯鍗风殑棰勬鑰冮鏀捐繘鏁版嵁涓 } + paperId:any = this.route.snapshot.queryParams.paperId //璇曞嵎id paperData:any //璇曞嵎淇℃伅 paperCompanyData:any = []; //鑰冪敓鍏蜂綋鑰冨嵎 selectPaper:any = {id:null}; //閫夋嫨褰撳墠鑰冨嵎 - selectPaperType:string = '1'; //閫夋嫨褰撳墠鑰冨嵎鍐呭 + selectPaperType:string = '1'; //閫夋嫨褰撳墠鑰冨嵎鍐呭 鍩烘湰淇℃伅/浣滄垬閮ㄧ讲 //鑾峰彇鑰冨嵎 async getTestInfo () { - let id = this.route.snapshot.queryParams.paperId await new Promise((resolve, reject) => { - this.http.get(`/api/Papers/${id}`).subscribe((data:any)=>{ + this.http.get(`/api/Papers/${this.paperId}`).subscribe((data:any)=>{ this.paperData = data this.paperData.paperDataInfo.forEach(element => { element.adjoinData? element.adjoinData = JSON.parse(element.adjoinData) : null @@ -39,7 +40,7 @@ export class ExaminationDetailsComponent implements OnInit { this.paperCompanyData = JSON.parse( JSON.stringify(data.paperDataInfo) ) //鍏蜂綋鑰冨嵎 this.selectPaper = this.paperCompanyData[0] || {id:null} //褰撳墠閫夋嫨鑰冨嵎 this.handlePaperData() - resolve() + resolve(1) }) }) @@ -77,12 +78,13 @@ export class ExaminationDetailsComponent implements OnInit { this.http.get(`/api/PaperPlans`,{params:params}).subscribe(data => { item.planList = [] item.planList = data - resolve() + resolve(1) }) }) } this.calculateScore() } + examScore:any = 0//鏁翠釜璇曞嵎鐨勬诲垎 //璁＄畻鍒嗘暟 calculateScore(){ @@ -108,10 +110,22 @@ export class ExaminationDetailsComponent implements OnInit { console.log(678,this.paperCompanyData) } - //浜ゅ嵎 uploadPaper () { - console.log('浜ゅ嵎') + console.log(this.paperCompanyData) + } + + //杩涘叆浣滄垬閮ㄧ讲 鑰冨嵎 + enterExam(item){ + console.log(item) + console.log(this.selectPaper) + sessionStorage.setItem('companyName',this.selectPaper.companyInfo.name) + sessionStorage.setItem('planId',item.planComponentId) + sessionStorage.setItem('buildingTypeId',this.selectPaper.companyInfo.buildingTypes[0].id) + sessionStorage.setItem('companyId',this.selectPaper.companyInfo.id) + let openType + item.examPlanType == 0 ? openType = 1 : openType = 2 + window.open(`/canvasToolExaminee?planName=${item.title}&paperplanId=${item.id}&openType=${openType}&paperId=${this.paperId}&examId=${this.route.snapshot.queryParams.examId}&planComponentId=${item.planComponentId}`) } } diff --git a/src/app/student/student.module.ts b/src/app/student/student.module.ts index 83e1ef7..a817ae3 100644 --- a/src/app/student/student.module.ts +++ b/src/app/student/student.module.ts @@ -53,7 +53,8 @@ import { StudentRoutingModule } from './student-routing.module'; import { StudentIndexComponent } from './student-index/student-index.component'; import { StudentExamRecordComponent } from './student-exam-record/student-exam-record.component'; import { ExaminationDetailsComponent } from './examination-details/examination-details.component'; - +import { PlanLevel } from '../pipes/size.pipe'; +import { ExaminerModule } from '../examiner/examiner.module'; @NgModule({ declarations: [StudentIndexComponent, StudentExamRecordComponent, ExaminationDetailsComponent], @@ -107,6 +108,7 @@ import { ExaminationDetailsComponent } from './examination-details/examination-d NavigationModule, NzTreeModule, NzDatePickerModule, + ExaminerModule ], providers: [ { provide: MatPaginatorIntl, useValue: myPaginator() } ] }) diff --git a/src/app/ui/collection-tools-examinee/collection-tools.component.html b/src/app/ui/collection-tools-examinee/collection-tools.component.html index 60d854c..1ebe622 100644 --- a/src/app/ui/collection-tools-examinee/collection-tools.component.html +++ b/src/app/ui/collection-tools-examinee/collection-tools.component.html @@ -2,10 +2,14 @@
{{examMsg.conpanyName}}
-
+
+
+ 鑰冭瘯瑕佺偣 : {{planData.mainPoint}} +
+
- +
@@ -43,31 +47,33 @@ keyboard_arrow_up keyboard_arrow_down -
- - - -
- - -
- +
+

鑰冭瘯棰樼洰

+ + +
+ +
+ +
+
+

鑰冪敓绛旀

+ + +
+ +
+ +
-
+
keyboard_arrow_up keyboard_arrow_down @@ -225,7 +231,9 @@

{{item.PropertyName}}

{{imagesArr.length ? imagesArr.length : 0}} / {{item.PropertyValue}} -
娣诲姞
+
+ 娣诲姞 +
@@ -235,7 +243,7 @@
- + delete
diff --git a/src/app/ui/collection-tools-examinee/collection-tools.component.scss b/src/app/ui/collection-tools-examinee/collection-tools.component.scss index e97085a..0b13e68 100644 --- a/src/app/ui/collection-tools-examinee/collection-tools.component.scss +++ b/src/app/ui/collection-tools-examinee/collection-tools.component.scss @@ -38,11 +38,16 @@ .headerCenter { flex: 1; overflow: hidden; - input { - width: 99%; - height: 30px; - background-color: #e7f0f0; - border-radius: 5px; + .mainPointDiv{ + box-sizing: border-box; + padding-left: 8px; + cursor: default; + span{ + font-family: Source Han Sans CN; + color: #FF8678; + font-size: 15px; + } + } } .headerRight { diff --git a/src/app/ui/collection-tools-examinee/collection-tools.component.ts b/src/app/ui/collection-tools-examinee/collection-tools.component.ts index 3198a21..7bf0e5e 100644 --- a/src/app/ui/collection-tools-examinee/collection-tools.component.ts +++ b/src/app/ui/collection-tools-examinee/collection-tools.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, Inject, ViewChild,ElementRef,Renderer2, ViewContainerRef } from '@angular/core'; +import { Component, OnInit, Inject, ViewChild,ElementRef,Renderer2, ViewContainerRef, 傻Console } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; @@ -18,7 +18,6 @@ import { ActivatedRoute, Router } from '@angular/router'; import { examinationQuestionsExaminee,uploadDisposalNodesExaminee,uploadQuestionsExaminee } from './examinationQuestions' - @Component({ selector: 'app-collection-tools', templateUrl: './collection-tools.component.html', @@ -29,7 +28,7 @@ export class CollectionToolsExamineeComponent implements OnInit { @ViewChild('canvas',{static: true}) canvas:WorkingAreaComponent; //鐖剁粍浠朵腑鑾峰緱瀛愮粍浠剁殑寮曠敤 constructor(private http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,private element: ElementRef,public canvasData: CanvasShareDataService,private router:Router,private route:ActivatedRoute) { } - @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent; + @ViewChild('nzTreeComponent2', { static: false }) nzTreeComponent!: NzTreeComponent; // tree閰嶇疆 private _transformer = (node, level: number) => {//瑕佺粰娓叉煋鑺傜偣浼犻偅浜涘睘鎬у弬鏁 return { @@ -151,191 +150,7 @@ export class CollectionToolsExamineeComponent implements OnInit { } pattern:boolean = false//榛樿涓哄熀鏈俊鎭紪杈 - //鍩烘湰淇℃伅缂栬緫妯″紡 - baseInfo(){ - if (!this.pattern) { - this.basicInfo = true - this.canvas.setNameVisible(this.basicInfo,1) - - this.pattern = true - this.canvasData.gameMode = GameMode.BasicInformation - this.canvasData.selectPanelPoint = new DisposalNodeData(); - this.mateDeleteCustomize() - this.getAllLibrary() - this.checkedBuildingIndex = -1 - this.getSitePlan() //鎬诲钩闈㈠浘涓灞 - } - } - - //鎯冲畾浣滀笟缂栬緫妯″紡 - wantWork(){ - if (this.pattern) { - //璁╁熀鏈俊鎭浘鏍囨樉绀 - this.basicInfo = false - this.canvas.setNameVisible(this.basicInfo,0) - - this.pattern = false - this.canvasData.gameMode = GameMode.Assignment - this.getAllLibrary('plan') - this.getDisposalNode() - } - } - - //ngzorro tree 鎷栨嫿 - nzEvent(event: NzFormatEmitEvent): void { - if(this.isDrag){ - let parentId - if(this.pos == 0){ - parentId = event.node.key - }else{ - if(event.node.level == 0){ - parentId = null - }else{ - parentId = event.node.origin.parentId - } - } - - - let orders = {} - let originalData = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] )) //tree鍘熷鏁版嵁 - let targetNodeData = []//鎷栧姩绉诲叆鑺傜偣鐨勬暟鎹紝鐢ㄤ簬閬嶅巻姹傚嚭鏀惧湪璇ユ暟缁勭殑绗嚑浣 - - //鎵惧埌闇瑕侀噸鏂版帓搴忕殑鏁扮粍 - if(this.pos == 0){ - originalData.forEach(item => { - if(item.parentId == event.node.key){ - targetNodeData.push(item) - } - }) - }else{ - if(event.node.origin.parentId){//濡傛灉鎷栧姩鐩爣涓洪潪涓绾ц妭鐐 - originalData.forEach(item => { - if(item.parentId == event.node.origin.parentId){ - targetNodeData.push(item) - } - }) - }else{//濡傛灉鎷栧姩鐩爣涓轰竴绾ц妭鐐 - originalData.forEach(item => { - if(!item.parentId){ - targetNodeData.push(item) - } - }) - } - } - - - let idArr = [] - targetNodeData.forEach(i => { - idArr.push(i.id) - }) - console.log(6666666666666,event); - if(this.pos == 0 && event.node.origin.children.length == 1){ - console.log("绉诲叆,娌℃湁鍏勫紵") - let key = event.dragNode.key - orders[key] = 0 - parentId = event.node.key - }else{ - console.log("绉诲叆,澶氫釜鍏勫紵") - let array = [] - targetNodeData.forEach(item => { - if(item.id != event.dragNode.key){ //灏嗘嫋鍔ㄩ」鍏堢Щ闄ゆ帀 - array.push(item) - } - }) - if(event.dragNode.isEnd[event.dragNode.isEnd.length - 1]){ //濡傛灉绉诲叆鍒版渶鍚庝竴涓 - console.log("鏈鍚") - array.push(event.dragNode.origin) - }else if(event.dragNode.isStart[event.dragNode.isStart.length - 1]){//濡傛灉绉诲叆鍒扮涓涓 - console.log("绗竴") - array.unshift(event.dragNode.origin) - }else{//濡傛灉绉诲叆涓棿浣嶇疆 - console.log("涓棿") - array.splice(event.node.origin.order, 0, event.dragNode.origin) - } - array.forEach((item,key) => { - orders[item.id] = key - }) - } - - let obj ={ - id : event.dragNode.origin.id, - parentId : parentId, - orders : orders - } - - this.http.put("/api/DisposalNodes/Sort",obj).subscribe(data => { - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('鎺掑簭鎴愬姛','纭畾',config) - this.refurbishTreeData() - }) - } - } - - isDrag //鏄惁鍙互鎷栧姩 - pos//鏀剧疆浣嶇疆 - beforeDrop = (arg: NzFormatBeforeDropEvent) => { - if(arg.dragNode.origin.isDataNode && arg.node.level === 0){//濡傛灉涓烘暟鎹妭鐐瑰垯涓嶅厑璁告嫋鍒颁竴绾ц妭鐐 - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('鏁版嵁鑺傜偣涓嶅厑璁告嫋鎷藉埌涓绾ц妭鐐','纭畾',config) - this.isDrag = false - return of(false); - }else if(!arg.dragNode.origin.isDataNode && arg.node.level === 2){ - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('澶勭疆鑺傜偣涓嶅厑璁告嫋鎷藉埌涓夌骇鑺傜偣','纭畾',config) - this.isDrag = false - return of(false); - }else{ - this.isDrag = true - this.pos = arg.pos - return of(true) - } - } - //ngzorro tree 鎷栨嫿 - - //澶╂皵鏍忕洰 - weatherBtn = true - weatherBtnShow(){ - this.weatherBtn = !this.weatherBtn - } - weatherBtnHidden(){ - this.weatherBtn = !this.weatherBtn - } - //搴曢儴鍒囨崲鎸夐挳div - detailsAndattentBtn = true - //鑺傜偣璇︽儏 - details(){ - this.detailsAndattentBtn = true - } - //娉ㄦ剰浜嬮」 - attent(){ - this.detailsAndattentBtn = false - } - - //娑堥槻瑕佺礌div杈规楂樺害璋冭妭 - firecategoriesDivMouseDown(e){ - document.onmousemove = (ev) => { - let bodyHeight = document.body.clientHeight //缃戦〉瀹藉害 - let maxHeight = this.element.nativeElement.querySelector('#rightDiv').clientHeight - 35 //鏈澶у搴 - if(bodyHeight - ev.clientY >= maxHeight){ - this.element.nativeElement.querySelector('#firecategories').style.height = maxHeight+ 'px' - this.element.nativeElement.querySelector('#property').style.height = 35+ 'px' - }else{ - this.element.nativeElement.querySelector('#firecategories').style.height = (bodyHeight - ev.clientY) + 'px' ; - this.element.nativeElement.querySelector('#property').style.height = (this.element.nativeElement.querySelector('#rightDiv').clientHeight - this.element.nativeElement.querySelector('#firecategories').clientHeight) + 'px' - } - } - document.onmouseup = () => { - document.onmousemove = null; - document.onmouseup = null; - } - } //宸︿晶div杈规瀹藉害璋冭妭 leftDivMouseDown(e){ @@ -354,22 +169,6 @@ export class CollectionToolsExamineeComponent implements OnInit { } } - //搴曢儴div楂樺害璋冭妭 - bottomDivMouseDown(e){ - document.onmousemove = (ev) => { - let bodyHeight = document.body.clientHeight //缃戦〉楂樺害 - let maxHeight = this.element.nativeElement.querySelector('#rightDiv').clientHeight //鏈澶ч珮搴 - if(bodyHeight - ev.clientY >= maxHeight){ - this.element.nativeElement.querySelector('#bottomDiv').style.height = maxHeight + 'px' - }else{ - this.element.nativeElement.querySelector('#bottomDiv').style.height = (bodyHeight - ev.clientY) + 'px' ; - } - } - document.onmouseup = () => { - document.onmousemove = null; - document.onmouseup = null; - } - } //鍙充晶div杈规瀹藉害璋冭妭 rightDivMouseDown(e){ @@ -625,15 +424,15 @@ export class CollectionToolsExamineeComponent implements OnInit { } ngOnInit(): void { - + this.getAllLibrary('plan') //鑾峰彇绱犳潗搴 this.getAllBuildings() //鑾峰彇鎵鏈夊缓绛 this.getAllFirePlan() //鑾峰彇褰撳墠鍗曚綅鐏炬儏 + this.getPaperPlanData()//鑾峰緱褰撳墠鑰冮棰樼洰 let that = this window.setTimeout(()=>{ document.getElementById("functionalDomainContent").oncontextmenu = function (event) { - // that.canvas.cancelPaint() that.selectImageIndex = -1 event.preventDefault(); }; @@ -646,15 +445,76 @@ export class CollectionToolsExamineeComponent implements OnInit { }) } + paperId:any = this.route.snapshot.queryParams.paperId + planData:any //褰撳墠鑰冮棰樼洰 + Facilities:any //褰撳墠棰勬鑰冮鎵鏈夋ゼ灞傝鑰冪殑鍩烘湰淇℃伅绱犳潗 + //鑾峰緱鍗曚綅棰勬璁惧畾 + getPaperPlanData(){ + let params = { + paperId : this.paperId + } + this.http.get(`/api/PaperPlans`,{params:params}).subscribe((data:any) => { + console.log(456,data) + data.forEach(item => { + item.id == this.route.snapshot.queryParams.paperplanId ? + this.planData = item : null + }) + + let questions = JSON.parse(this.planData.examDisposalNodesData) + this.handleHybridTree(questions,'棰樼洰') + this.Facilities = JSON.parse(this.planData.examFacilityAssetsData) + }) + } + + //鑾峰緱鎵鏈夌礌鏉愬簱 + basicAssetLibraries:any = []//鍩烘湰淇℃伅绱犳潗搴 + getAllAssetLibraries(Facilitiesitem){ + + this.canvasData.hiddenBasicInfoFacilities = Facilitiesitem.children + console.log(1314,this.canvasData.hiddenBasicInfoFacilities) + this.basicAssetLibraries = [] + this.http.get('/api/AssetLibraries').subscribe(async(data:any) => { + console.log('绱犳潗搴',data) + for (let index = 0; index < data.length; index++) { + const element = data[index]; + let params = { + libraryId:element.id, + assetIds : Facilitiesitem.basicAssetsId + } + await new Promise ((resolve,reject)=>{ + this.http.get('/api/Assets',{params:params}) + .subscribe((data:any) => { + console.log(index,data) + if(data && data.length != 0){ + data.forEach(item => { + item.tag = 1 + }) + element.images = data + this.basicAssetLibraries.push( + element + ) + } + resolve() + }) + }) + } + // console.log(55555,this.basicAssetLibraries) + this.allLibrary = [...this.originalallLibrary,...this.basicAssetLibraries] + }) + + } + - ngAfterViewInit(): void { + ngAfterViewInit(): void { + this.getSitePlan() //鑾峰彇鎬诲钩闈㈠浘/妤煎眰 // 鐩戝惉canvas缁勪欢閫変腑绱犳潗浜嬩欢 this.canvas.on("select",obj=>{ //閫変腑绱犳潗灞炴ф敞鍏ュ嚱鏁 this.setAssetsProperty(obj.assetData) + }) // 鐩戝惉canvas缁勪欢鍙栨秷閫変腑绱犳潗浜嬩欢 this.canvas.on("deselect",obj=>{ @@ -662,27 +522,19 @@ export class CollectionToolsExamineeComponent implements OnInit { }) // 鐩戝惉canvas缁勪欢鏂板绱犳潗浜嬩欢 this.canvas.on("createIcon",obj=>{ - this.renovateTreeData(false) + console.log(obj.assetData) + // this.renovateTreeData(false) }) // 鐩戝惉canvas缁勪欢鍒犻櫎绱犳潗浜嬩欢 this.canvas.on("deleteIcon",obj=>{ - this.renovateTreeData(false) + // this.renovateTreeData(false) }) + } copyAssetData:any //瀛樺偍鐢ㄤ簬澶嶅埗鐨勭礌鏉 - //澶嶅埗绱犳潗 - copyAsset(){ - this.canvas.copy() - } - //绮樿创绱犳潗 - pasteAsset(){ - let companyId = sessionStorage.getItem("companyId") - let buildingId = this.beforeOneCheckedBuilding.id - let floorId = this.selectingSitePlan.id - this.canvas.paste(companyId,buildingId,floorId) - } + basicInfo:boolean = true //鍩烘湰淇℃伅鍚嶇О鏄鹃殣 wantToWork:boolean = true //鎯冲畾浣滀笟鍚嶇О鏄鹃殣 @@ -721,7 +573,6 @@ export class CollectionToolsExamineeComponent implements OnInit { saveNum :any = [] saveSite(){ if (this.selectingSitePlan && this.selectingSitePlan.id) { - this.saveNum = [] let SitePlanData = JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData)); SitePlanData.data = JSON.stringify(SitePlanData.data) let CompanyData = JSON.parse(JSON.stringify(this.canvasData.originalcompanyBuildingData)); @@ -731,21 +582,114 @@ export class CollectionToolsExamineeComponent implements OnInit { let adjoinArr = [] //姣楅偦鏁扮粍 if(this.pattern){//濡傛灉鏄熀鏈俊鎭紪杈戞ā寮 + //濡傛灉鏄崟浣 鎬诲钩闈㈠浘 + if(this.checkedBuildingIndex==-1){ + //淇濆瓨骞抽潰鍥炬暟鎹 + this.http.post("/api/SitePlanData",SitePlanData,{ + params:{ + companyId:this.params.companyId + } + }).subscribe(data => { + if(this.saveNum.length == 5){ + this.canvasData.isChange = false + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('淇濆瓨鎴愬姛','纭畾',config); + } + },err=>{ + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.canvasData.isChange = true + this.snackBar.open('骞抽潰鍥炬暟鎹繚瀛樺け璐','纭畾',config); + }) + + //淇濆瓨寤虹瓚鏁版嵁 + this.http.post("/api/CompanyData",CompanyData,{ + params:{ + companyId:this.params.companyId + } + }).subscribe(data => { + if(this.saveNum.length == 5){ + this.canvasData.isChange = false + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('淇濆瓨鎴愬姛','纭畾',config); + } + },err=>{ + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.canvasData.isChange = true + this.snackBar.open('鍗曚綅鏁版嵁淇濆瓨澶辫触','纭畾',config); + }) + + }else{ //濡傛灉鏄缓绛 + + //寤虹瓚骞抽潰鍥炬暟鎹 + this.http.post("/api/BuildingAreaData",SitePlanData,{ + params:{ + companyId:this.params.companyId + } + }).subscribe(data => { + if(this.saveNum.length == 5){ + this.canvasData.isChange = false + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('淇濆瓨鎴愬姛','纭畾',config); + } + },err=>{ + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.canvasData.isChange = true + this.snackBar.open('骞抽潰鍥炬暟鎹繚瀛樺け璐','纭畾',config); + }) + + //寤虹瓚鏁版嵁 + this.http.post("/api/BuildingData",CompanyData,{ + params:{ + companyId:this.params.companyId + } + }).subscribe(data => { + if(this.saveNum.length == 5){ + this.canvasData.isChange = false + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('淇濆瓨鎴愬姛','纭畾',config); + } + },err=>{ + let config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.canvasData.isChange = true + this.snackBar.open('鍗曚綅鏁版嵁淇濆瓨澶辫触','纭畾',config); + }) + + + } + + return true }else{//濡傛灉鏄兂瀹氫綔涓氱紪杈戞ā寮 - const dialogRef = this.dialog.open(saveOneDialogExaminee, { - data: { - allDisposalNode: this.canvasData.allDisposalNode, - selectedBuildingData:this.beforeOneCheckedBuilding, - selectedSiteData:this.selectingSitePlan, - siteOrbuilding:this.checkedBuildingIndex, - disasterId: this.allFirePlan[0].id || '' - } - }); + console.log(SitePlanData) + // const dialogRef = this.dialog.open(saveOneDialogExaminee, { + // data: { + // allDisposalNode: this.canvasData.allDisposalNode, + // selectedBuildingData:this.beforeOneCheckedBuilding, + // selectedSiteData:this.selectingSitePlan, + // siteOrbuilding:this.checkedBuildingIndex, + // disasterId: this.allFirePlan[0].id || '' + // } + // }); - dialogRef.afterClosed().subscribe(result => { - console.log('The dialog was closed'); - }); + // dialogRef.afterClosed().subscribe(result => { + // console.log('The dialog was closed'); + // }); } } else { //if @@ -771,79 +715,17 @@ export class CollectionToolsExamineeComponent implements OnInit { //閫夋嫨寤虹瓚 checkedBuilding(item,index){ if (this.checkedBuildingIndex!=index) { - - if (this.canvasData.isChange) { //true 鏁版嵁琚敼鍔 - let isTrue = confirm('鏄惁淇濆瓨褰撳墠缂栬緫鏁版嵁') - if (isTrue) { //鍏堜繚瀛樻暟鎹 鍦ㄥ垏鎹 - let isSuccess = this.saveSite()//true鐨勬椂鍊 鍏堜繚瀛樻暟鎹 - if (isSuccess != false) { - this.beforeOneCheckedBuilding = item - this.checkedBuildingIndex = index - if (index==-1) { //鎬诲钩闈㈠浘鏁版嵁 - this.getSitePlan() - } else { //寤虹瓚妤煎眰/鍖哄煙鏁版嵁 - this.getBuildingSitePlan(item) - } - } - } else { - this.beforeOneCheckedBuilding = item - this.checkedBuildingIndex = index - if (index==-1) { //鎬诲钩闈㈠浘鏁版嵁 - this.getSitePlan() - } else { //寤虹瓚妤煎眰/鍖哄煙鏁版嵁 - this.getBuildingSitePlan(item) - } - } - } else { //flase 鏁版嵁鏈鏀瑰姩 - this.beforeOneCheckedBuilding = item - this.checkedBuildingIndex = index - if (index==-1) { //鎬诲钩闈㈠浘鏁版嵁 - this.getSitePlan() - } else { //寤虹瓚妤煎眰/鍖哄煙鏁版嵁 - this.getBuildingSitePlan(item) - } - } //if - + this.beforeOneCheckedBuilding = item + this.checkedBuildingIndex = index + if (index==-1) { //鎬诲钩闈㈠浘鏁版嵁 + this.getSitePlan() + } else { //寤虹瓚妤煎眰/鍖哄煙鏁版嵁 + this.getBuildingSitePlan(item) + } } //if } - //鍒犻櫎寤虹瓚 - deleteBuilding(e,item){ - e.stopPropagation(); - if(confirm("鏄惁鍒犻櫎璇ュ缓绛") == true){ - let isHave = this.canvasData.allDisposalNode.find(items=>{ return items.buildingId === item.id }) - if (isHave == undefined) { - this.http.delete(`/api/Buildings/${item.id}`).subscribe(data=>{ - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('鍒犻櫎鎴愬姛','纭畾',config); - this.http.get("/api/Buildings",{ - params:{ - companyId :this.params.companyId - } - }).subscribe(data=>{ - this.allBuildings = data - this.beforeOneCheckedBuilding = {name:"鎬诲钩闈㈠浘"} - this.checkedBuildingIndex = -1 - this.getSitePlan() - }) - },err=>{ - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('鍒犻櫎澶辫触','纭畾',config); - this.getAllBuildings() - }) - } else { //寤虹瓚 鍚湁鏁版嵁鑺傜偣鏃 - const config = new MatSnackBarConfig(); - config.verticalPosition = 'top'; - config.duration = 3000 - this.snackBar.open('鍚湁鏁版嵁鑺傜偣鐨勫缓绛戜笉鍏佽鍒犻櫎','纭畾',config); - } - } - } storeyData //灏嗗缓绛戠礌鏉愬拰褰撳墠妤煎眰绱犳潗鍚堜簩涓轰竴 @@ -852,9 +734,8 @@ export class CollectionToolsExamineeComponent implements OnInit { //storeyData涓哄綋鍓嶆ゼ灞傛嫢鏈夌殑娑堥槻璁炬柦 this.storeyData = storeyData let data = JSON.parse(JSON.stringify(this.allFireElements)) //鎵鏈夋秷闃茶绱犳ā鏉 - console.log(data) let treeData = [] //tree鍨 澶勭悊瀹屾垚鍚庣殑鏁版嵁 - data.forEach(element => { + this.allFireElements.forEach(element => { element.key = element.id element.isTemplate = true //娣诲姞妯℃澘鏍囪瘑 element.isLook = true //娣诲姞鏄惁鍙鏍囪瘑 @@ -881,9 +762,9 @@ export class CollectionToolsExamineeComponent implements OnInit { } } } - data.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); + this.allFireElements.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); }); - data.forEach(element => { + this.allFireElements.forEach(element => { if (!element.parentId) { treeData.push(element) } }); @@ -913,8 +794,6 @@ export class CollectionToolsExamineeComponent implements OnInit { 聽聽聽聽聽聽return聽result; 聽聽} - - // console.log(filterEmpty(treeData)) this.dataSource.data = filterEmpty(treeData) this.treeControl.expandAll() @@ -953,7 +832,7 @@ export class CollectionToolsExamineeComponent implements OnInit { //鐐瑰嚮鏍戣妭鐐圭殑鏄剧ず闅愯棌icon clickLookItem(node){ - + //淇敼鐪熷疄绱犳潗islook灞炴 for(let key in this.storeyData.data){ if(key == node.id){ @@ -976,8 +855,6 @@ export class CollectionToolsExamineeComponent implements OnInit { } }) } - - //瀛愯妭鐐硅窡闅忕埗鑺傜偣鐨刬slook鍙樺寲 聽 if(node.children聽&&聽node.children.length聽!=聽0){ 聽聽聽聽聽聽node.children.forEach(item=>{ @@ -1024,10 +901,7 @@ export class CollectionToolsExamineeComponent implements OnInit { }else{ iconVisibleArr.push(node.id) } - console.log(1,iconVisibleArr) - console.log(2,node.isLook) this.canvas.setIconVisible(iconVisibleArr,!node.isLook) - } //鎵撳紑娑堥槻璁炬柦鑰冮璁惧畾 @@ -1070,13 +944,11 @@ export class CollectionToolsExamineeComponent implements OnInit { let beforeOneId = this.selectingSitePlan.id || '' //褰撳墠 閫変腑 骞抽潰鍥 妤煎眰/鍖哄煙 id let companyBuildingData = JSON.parse(JSON.stringify( this.canvasData.originalcompanyBuildingData || {} )) // 褰撳墠 鍗曚綅/寤虹瓚 鏁版嵁 let storeyData = JSON.parse(JSON.stringify( this.canvasData.originaleveryStoreyData || {} )) //褰撳墠 妤煎眰 鏁版嵁 - - // for(let key in companyBuildingData.data){ - // if (companyBuildingData.data[key].FloorId === beforeOneId) { //澶勭悊 鍗曚綅/寤虹瓚 鏁版嵁鏄惁褰掍簬褰撳墠妤煎眰涓 - // storeyData.data[key] = companyBuildingData.data[key] - // } - // } - console.log(566,storeyData.data) + this.Facilities.forEach(item => { + item.key == this.selectingSitePlan.id ? + this.getAllAssetLibraries(item) : + null + }) for(let key in storeyData.data){ //绛涢夋暟鎹 storeyData.data[key].key = storeyData.data[key].Id let noMatch = this.allFireElements.find( every=> every.id===storeyData.data[key].FireElementId ) @@ -1138,7 +1010,7 @@ export class CollectionToolsExamineeComponent implements OnInit { this.selectingSitePlan = this.sitePlanData[0] || {} this.canvasData.selectStorey = this.sitePlanData[0] || {} //鏈嶅姟涓 瀛樹竴浠芥暟鎹 this.selectSitePlanIndex = 0 - + Promise.all([fireData,planData]).then((res)=>{ this.getSitePlanStorey(this.selectingSitePlan) //鑾峰彇 骞抽潰鍥 妤煎眰鏁版嵁 }) @@ -1207,10 +1079,44 @@ export class CollectionToolsExamineeComponent implements OnInit { this.canvasData.originaleveryStoreyData.data? this.canvasData.originaleveryStoreyData.data = JSON.parse(this.canvasData.originaleveryStoreyData.data) : this.canvasData.originaleveryStoreyData.data = {} this.canvasData.originaleveryStoreyData.version? null : this.canvasData.originaleveryStoreyData.version = "2.0" this.canvasData.originaleveryStoreyData.sitePlanId? null : this.canvasData.originaleveryStoreyData.sitePlanId = e.id || null - this.renovateTreeData() + + + let examParams = { + sitePlanId : e.id, + examinationId : this.route.snapshot.queryParams.examId, + planComponentId : this.route.snapshot.queryParams.planComponentId + } + this.http.get('/api/ExamSitePlanData',{params:examParams}).subscribe((data:any)=>{ + this.canvasData.examOriginaleveryStoreyData = data || {} // 妤煎眰鍘熸暟鎹 + this.canvasData.examOriginaleveryStoreyData.data? this.canvasData.examOriginaleveryStoreyData.data = JSON.parse(this.canvasData.examOriginaleveryStoreyData.data) : this.canvasData.examOriginaleveryStoreyData.data = {} + this.canvasData.examOriginaleveryStoreyData.version? null : this.canvasData.examOriginaleveryStoreyData.version = "2.0" + this.canvasData.examOriginaleveryStoreyData.buildingAreaId? null : this.canvasData.examOriginaleveryStoreyData.buildingAreaId = e.id || null + this.renovateTreeData() + }) + }) + } + //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 + getBuildingStorey (e) { + let params = {buildingAreaId: e.id} + this.http.get(`/api/BuildingAreaData`,{params}).subscribe((data:any)=>{ + this.canvasData.originaleveryStoreyData = data || {} // 妤煎眰鍘熸暟鎹 + this.canvasData.originaleveryStoreyData.data? this.canvasData.originaleveryStoreyData.data = JSON.parse(this.canvasData.originaleveryStoreyData.data) : this.canvasData.originaleveryStoreyData.data = {} + this.canvasData.originaleveryStoreyData.version? null : this.canvasData.originaleveryStoreyData.version = "2.0" + this.canvasData.originaleveryStoreyData.buildingAreaId? null : this.canvasData.originaleveryStoreyData.buildingAreaId = e.id || null + let examParams = { + buildingAreaId : e.id, + examinationId : this.route.snapshot.queryParams.examId, + planComponentId : this.route.snapshot.queryParams.planComponentId + } + this.http.get('/api/ExamBuildingAreaData',{params:examParams}).subscribe((data:any)=>{ + this.canvasData.examOriginaleveryStoreyData = data || {} // 妤煎眰鍘熸暟鎹 + this.canvasData.examOriginaleveryStoreyData.data? this.canvasData.examOriginaleveryStoreyData.data = JSON.parse(this.canvasData.examOriginaleveryStoreyData.data) : this.canvasData.examOriginaleveryStoreyData.data = {} + this.canvasData.examOriginaleveryStoreyData.version? null : this.canvasData.examOriginaleveryStoreyData.version = "2.0" + this.canvasData.examOriginaleveryStoreyData.buildingAreaId? null : this.canvasData.examOriginaleveryStoreyData.buildingAreaId = e.id || null + this.renovateTreeData() + }) }) } - //鑾峰彇 寤虹瓚 鏁版嵁 getBuildingData (e) { return new Promise ((resolve,reject)=>{ @@ -1224,62 +1130,21 @@ export class CollectionToolsExamineeComponent implements OnInit { }) } - //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 - getBuildingStorey (e) { - let params = {buildingAreaId: e.id} - this.http.get(`/api/BuildingAreaData`,{params}).subscribe((data:any)=>{ - this.canvasData.originaleveryStoreyData = data || {} // 妤煎眰鍘熸暟鎹 - this.canvasData.originaleveryStoreyData.data? this.canvasData.originaleveryStoreyData.data = JSON.parse(this.canvasData.originaleveryStoreyData.data) : this.canvasData.originaleveryStoreyData.data = {} - this.canvasData.originaleveryStoreyData.version? null : this.canvasData.originaleveryStoreyData.version = "2.0" - this.canvasData.originaleveryStoreyData.buildingAreaId? null : this.canvasData.originaleveryStoreyData.buildingAreaId = e.id || null - this.renovateTreeData() - }) - } + //鐐瑰嚮閫変腑 骞抽潰鍥 妤煎眰/鍖哄煙 鏃 selectSitePlan (item,index) { if (this.selectSitePlanIndex != index) { this.canvasData.selectPanelPoint = new DisposalNodeData(); - if (this.canvasData.isChange) { //true 鏁版嵁琚敼鍔 - let isTrue = confirm('鏄惁淇濆瓨褰撳墠缂栬緫鏁版嵁') - if (isTrue) { //鍏堜繚瀛樻暟鎹 鍦ㄥ垏鎹 - let isSuccess = this.saveSite()//true鐨勬椂鍊 鍏堜繚瀛樻暟鎹 - if (isSuccess != false) { - this.selectingSitePlan = item - this.selectSitePlanIndex = index - this.canvasData.selectStorey = item //鏈嶅姟涓 瀛樹竴浠芥暟鎹 - if (this.checkedBuildingIndex==-1) { //鎬诲钩闈㈠浘鏃 - this.getSitePlanStorey(item) //鑾峰彇 骞抽潰鍥 妤煎眰鏁版嵁 - } else { //妤煎眰/鍖哄煙鏃 - this.getBuildingStorey(item) //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 - } - } - } else { //涓嶄繚瀛樻暟鎹 鐩存帴鍒囨崲 - this.selectingSitePlan = item - this.selectSitePlanIndex = index - this.canvasData.selectStorey = item //鏈嶅姟涓 瀛樹竴浠芥暟鎹 - if (this.checkedBuildingIndex==-1) { //鎬诲钩闈㈠浘鏃 - this.getSitePlanStorey(item) //鑾峰彇 骞抽潰鍥 妤煎眰鏁版嵁 - this.getSitePlanCompanyData() - } else { //妤煎眰/鍖哄煙鏃 - this.getBuildingStorey(item) //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 - let params = { buildingId: this.beforeOneCheckedBuilding.id } - this.getBuildingData(params) - } - } - - } else { //false 鏁版嵁娌¤鏀瑰姩 - this.selectingSitePlan = item - this.selectSitePlanIndex = index - this.canvasData.selectStorey = item //鏈嶅姟涓 瀛樹竴浠芥暟鎹 - if (this.checkedBuildingIndex==-1) { //鎬诲钩闈㈠浘鏃 - this.getSitePlanStorey(item) //鑾峰彇 骞抽潰鍥 妤煎眰鏁版嵁 - } else { //妤煎眰/鍖哄煙鏃 - this.getBuildingStorey(item) //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 - } - } //if - + this.selectingSitePlan = item + this.selectSitePlanIndex = index + this.canvasData.selectStorey = item //鏈嶅姟涓 瀛樹竴浠芥暟鎹 + if (this.checkedBuildingIndex==-1) { //鎬诲钩闈㈠浘鏃 + this.getSitePlanStorey(item) //鑾峰彇 骞抽潰鍥 妤煎眰鏁版嵁 + } else { //妤煎眰/鍖哄煙鏃 + this.getBuildingStorey(item) //鑾峰彇 寤虹瓚 妤煎眰鏁版嵁 + } } } @@ -1542,6 +1407,7 @@ export class CollectionToolsExamineeComponent implements OnInit { } allLibrary:any = []; //鎵鏈夌礌鏉愬簱 + 绱犳潗 + originalallLibrary = []; //鍘熷鎵鏈夌礌鏉愬簱 + 绱犳潗 澶囦唤 selectLibrary:any; //閫変腑鐨勭礌鏉愬簱 selectImage:any; //閫変腑鐨勭礌鏉愬簱鍥剧墖 selectImageIndex:number; //閫変腑鐨勭礌鏉愬簱鍥剧墖index @@ -1552,8 +1418,10 @@ export class CollectionToolsExamineeComponent implements OnInit { data.forEach(element => { element.images = [] }); + this.originalallLibrary = data this.allLibrary = data this.selectImageIndex = -1 + console.log(654,this.allLibrary) // this.canvas.cancelPaint() }) } @@ -1569,6 +1437,7 @@ export class CollectionToolsExamineeComponent implements OnInit { //鐐瑰嚮閫変腑绱犳潗搴撳浘鐗囨椂 selectImg (item,items,index) { + console.log(66666666,items) this.selectLibrary = item.name this.selectImage = items this.selectImageIndex = index @@ -1579,7 +1448,7 @@ export class CollectionToolsExamineeComponent implements OnInit { //澶勭疆棰勬 - examType = this.route.snapshot.queryParams.openType // 棰勬绫诲瀷 1=宸插瓨鍦/2=鑷畾涔 + examType = Number(this.route.snapshot.queryParams.openType) // 棰勬绫诲瀷 1=宸插瓨鍦/2=鑷畾涔 allFirePlan:any = []; //鎵鏈夌伨鎯 selectDisposalNode:string = ''; //褰撳墠鐐瑰嚮tree鑺傜偣 css閫変腑鏍峰紡 @@ -1587,7 +1456,7 @@ export class CollectionToolsExamineeComponent implements OnInit { getAllFirePlan () { let api this.examType == 1? api='/api/Disasters' : api='/api/ExamDisasters' - let params = {componentId: sessionStorage.getItem('planId')} + let params = {componentId: this.route.snapshot.queryParams.planComponentId} this.http.get(api,{params:params}).subscribe((data:any)=>{ if (!data.length) { //璇 鍗曚綅娌℃湁鐏炬儏鏃 let msg = { @@ -1609,25 +1478,27 @@ export class CollectionToolsExamineeComponent implements OnInit { //鑾峰彇鎵鏈夊缃妭鐐 getDisposalNode () { let api - this.examType == 1? api='/api/DisposalNodes' : api='/api/ExamDisposalNodes' + console.log(4444,this.examType) + api='/api/ExamDisposalNodes' this.selectDisposalNode = '' let params - this.examType == 1? params = {disasterId: this.allFirePlan[0].id || ''} : params = {examDisasterId: this.allFirePlan[0].id || ''} + params = {examDisasterId: this.allFirePlan[0].id || '',disposalNodeType:1,examinationId:this.route.snapshot.queryParams.examId} this.http.get(api,{params:params}).subscribe(data=>{ //澶勭疆鑺傜偣 this.canvasData.allDisposalNode = data - this.handleHybridTree() + this.handleHybridTree(this.canvasData.allDisposalNode,'绛旀') }) } treeData:any = []; //娓叉煋tree澶勭悊瀹屾垚鏁版嵁 + questionstreeData:any = [];//娓叉煋tree澶勭悊瀹屾垚鏁版嵁(棰樼洰) defaultExpandedKeys:any = []; //棣栨娓叉煋 tree灞曞紑鐘舵 //澶勭悊 鑺傜偣 Tree鏁版嵁 - handleHybridTree () { - this.defaultExpandedKeys = [] + handleHybridTree (disposalNodedata,type) { + // this.defaultExpandedKeys = [] let treeData = [] - let data = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] )) + let data = JSON.parse(JSON.stringify( disposalNodedata || [] )) data.forEach(element => { - this.defaultExpandedKeys.push(element.id) + element.title = element.name //name element.key = element.id //id element.children = [] //children @@ -1645,23 +1516,25 @@ export class CollectionToolsExamineeComponent implements OnInit { data.forEach(element=>{ !element.parentId? treeData.push(element) : null }) - this.treeData = [...treeData] - this.defaultExpandedKeys = [...this.defaultExpandedKeys] + type == '棰樼洰' ? this.questionstreeData = [...treeData] : this.treeData = [...treeData] + } //鍒锋柊 treeData 淇濆瓨宸插睍寮鑺傜偣 refurbishTreeData () { let api - this.examType == 1? api='/api/DisposalNodes' : api='/api/ExamDisposalNodes' + api='/api/ExamDisposalNodes' this.defaultExpandedKeys = [] let params - this.examType == 1? params = {disasterId: this.allFirePlan[0].id || ''} : params = {examDisasterId: this.allFirePlan[0].id || ''} + params = {examDisasterId: this.allFirePlan[0].id,disposalNodeType:1,examinationId:this.route.snapshot.queryParams.examId} this.http.get(api,{params:params}).subscribe(nodeData=>{ //澶勭疆鑺傜偣 this.canvasData.allDisposalNode = nodeData let oldTreeData = this.nzTreeComponent.getExpandedNodeList() oldTreeData.forEach(item=>{ this.defaultExpandedKeys.push(item.key) }) + console.log(1,oldTreeData) + console.log(2,this.defaultExpandedKeys) let treeData = [] let data = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] )) data.forEach(element => { @@ -1812,6 +1685,7 @@ export class CollectionToolsExamineeComponent implements OnInit { //鐐瑰嚮 澶勭疆Tree鑺傜偣 selectanelPoint (e) { + console.log(12111,e) if (!e.buildingAreaId && !e.sitePlanId) { //褰撳墠鑺傜偣 涓嶆槸 鏁版嵁鑺傜偣 鏃 let msg = this.canvasData.findDisposalNode(e.id) this.canvasData.selectPanelPointBaseData = msg @@ -1824,7 +1698,7 @@ export class CollectionToolsExamineeComponent implements OnInit { if (this.canvasData.selectPanelPoint.DisposalNodeId != e.id) { //閫夋嫨鑺傜偣 涓嶆槸褰撳墠鑺傜偣鏃 let api - this.examType == 1? api='/api/DisposalNodeData' : api='/api/ExamDisposalNodeData' + api='/api/ExamDisposalNodeData' let params = {nodeId: e.id} let parameter = { //鏌ヨ 鑺傜偣 瀵瑰簲 寤虹瓚/妤煎眰 index,id buildingIndex: e.sitePlanId? -1 : this.allBuildings.findIndex(item=>{ return item.id===e.buildingId }), //鎬诲钩闈㈠浘/寤虹瓚 index diff --git a/src/app/ui/collection-tools-examinee/save.ts b/src/app/ui/collection-tools-examinee/save.ts index 9c1e269..09d5ea2 100644 --- a/src/app/ui/collection-tools-examinee/save.ts +++ b/src/app/ui/collection-tools-examinee/save.ts @@ -3,6 +3,7 @@ import { HttpClient, HttpHeaders } from '@angular/common/http'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; import {CanvasShareDataService,DisposalNodeData} from '../../canvas-share-data.service' //寮曞叆鏈嶅姟 +import { ActivatedRoute } from '@angular/router'; // 淇濆瓨鎯冲畾浣滀笟绗竴涓脊绐 @Component({ selector: 'dialog-overview-example-dialog', @@ -52,7 +53,8 @@ export class saveOneDialogExaminee { public dialogRef: MatDialogRef, public canvasData: CanvasShareDataService, public snackBar: MatSnackBar, - @Inject(MAT_DIALOG_DATA) public data) {} + @Inject(MAT_DIALOG_DATA) public data, + public route:ActivatedRoute) {} type = this.data.type allDisposalNode = this.data.allDisposalNode @@ -120,11 +122,13 @@ export class saveOneDialogExaminee { imageUrls: null, parentId: this.nodeItem ? this.nodeItem.id : null, examDisasterId: this.data.disasterId, - ExamPlanComponentId: sessionStorage.getItem('planId') || '', + ExamPlanComponentId: this.route.snapshot.queryParams.planComponentId || '', companyId: this.data.siteOrbuilding == -1 ? sessionStorage.getItem('companyId') : null, sitePlanId: this.data.siteOrbuilding==-1 ? this.selectedSiteData.id : null, buildingId: this.selectedBuildingData.id || null, - buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null + buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null, + examinationId:this.route.snapshot.queryParams.examId, + disposalNodeType:1 } if(type == 'old'){ let istrue = this.canvasData.findDisposalNode(this.nodeItem.id,name) @@ -181,7 +185,7 @@ export class saveOneDialogExaminee { data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, version: this.canvasData.selectPanelPoint.Version || "2.0", ExamDisposalNodeId: data.id, - ExamPlanComponentId: sessionStorage.getItem("planId"), + ExamPlanComponentId: this.route.snapshot.queryParams.planComponentId, } this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { const config = new MatSnackBarConfig(); @@ -240,11 +244,13 @@ export class saveOneDialogExaminee { imageUrls: null, parentId: this.nodeItem ? this.nodeItem.id : null, examDisasterId: this.data.disasterId, - ExamPlanComponentId: sessionStorage.getItem('planId') || '', + ExamPlanComponentId: this.route.snapshot.queryParams.planComponentId || '', companyId: null, sitePlanId: null, buildingId: null, - buildingAreaId: null + buildingAreaId: null, + examinationId:this.route.snapshot.queryParams.examId, + disposalNodeType:1 } dispositionNodeData.weather = this.canvasData.selectPanelPointBaseData.weather @@ -255,6 +261,7 @@ export class saveOneDialogExaminee { dispositionNodeData.notes = this.canvasData.selectPanelPointBaseData.notes //1.鍏堝垱寤轰竴涓缃妭鐐 鐒跺悗 .then 2.鍒涘缓鏁版嵁鑺傜偣鍒板垰鍒涘缓鐨勫缃妭鐐 3.鐒跺悗鎷跨潃鍒涘缓濂界殑鏁版嵁鑺傜偣鐨刬d 灏嗗钩闈㈠浘data淇濆瓨 new Promise((resolve,reject) => { + console.log(1,dispositionNodeData) this.http.post("/api/ExamDisposalNodes",dispositionNodeData).subscribe((data:any) => { resolve(data.id) }) @@ -269,15 +276,12 @@ export class saveOneDialogExaminee { }) }).then((data:any) => { // 淇濆瓨骞抽潰鍥炬暟鎹埌褰撳墠鑺傜偣 - // console.log(6666,data) - // let postdata =JSON.parse(JSON.stringify(this.canvasData.selectPanelPoint)) - // postdata.Data = JSON.stringify(postdata.Data) let objData = { id: null, data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, version: this.canvasData.selectPanelPoint.Version || "2.0", ExamDisposalNodeId: data.id, - ExamPlanComponentId: sessionStorage.getItem("planId"), + ExamPlanComponentId: this.route.snapshot.queryParams.planComponentId, } this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { diff --git a/src/app/ui/collection-tools/collection-tools.component.ts b/src/app/ui/collection-tools/collection-tools.component.ts index 47d6369..779de4d 100644 --- a/src/app/ui/collection-tools/collection-tools.component.ts +++ b/src/app/ui/collection-tools/collection-tools.component.ts @@ -901,9 +901,10 @@ export class CollectionToolsComponent implements OnInit { //storeyData涓哄綋鍓嶆ゼ灞傛嫢鏈夌殑娑堥槻璁炬柦 this.storeyData = storeyData let data = JSON.parse(JSON.stringify(this.allFireElements)) //鎵鏈夋秷闃茶绱犳ā鏉 - console.log(data) + + console.log(889,this.storeyData) let treeData = [] //tree鍨 澶勭悊瀹屾垚鍚庣殑鏁版嵁 - data.forEach(element => { + this.allFireElements.forEach(element => { element.key = element.id element.isTemplate = true //娣诲姞妯℃澘鏍囪瘑 element.isLook = true //娣诲姞鏄惁鍙鏍囪瘑 @@ -920,7 +921,7 @@ export class CollectionToolsComponent implements OnInit { //瀹氫箟鏌ョ湅妯″紡涓嬭兘鐪嬪埌鐨勫厓绱 element.isLookPattern = true if(element.parentId){ - data.forEach(i => { + this.allFireElements.forEach(i => { if(i.id == element.parentId){ i.isLookPattern = true } @@ -930,9 +931,9 @@ export class CollectionToolsComponent implements OnInit { } } } - data.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); + this.allFireElements.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); }); - data.forEach(element => { + this.allFireElements.forEach(element => { if (!element.parentId) { treeData.push(element) } }); @@ -955,15 +956,13 @@ export class CollectionToolsComponent implements OnInit { 聽聽聽聽聽聽聽聽聽聽} 聽聽聽聽聽聽} 聽聽} - 聽聽 + 聽 聽聽function聽filterEmpty(listData)聽{ 聽聽聽聽聽聽const聽result聽=聽[]; 聽聽聽聽聽聽recursionFilterEmpty(listData,聽result); 聽聽聽聽聽聽return聽result; 聽聽} - - // console.log(filterEmpty(treeData)) this.dataSource.data = filterEmpty(treeData) this.treeControl.expandAll() @@ -1239,6 +1238,7 @@ export class CollectionToolsComponent implements OnInit { getSitePlanCompanyData () { return new Promise ((resolve,reject)=>{ this.http.get('/api/CompanyData',{params:this.params}).subscribe((data:any)=>{ + this.canvasData.originalcompanyBuildingData = data || {} // 鍗曚綅鍘熸暟鎹 this.canvasData.originalcompanyBuildingData.data? this.canvasData.originalcompanyBuildingData.data = JSON.parse(this.canvasData.originalcompanyBuildingData.data) : this.canvasData.originalcompanyBuildingData.data = {} this.canvasData.originalcompanyBuildingData.version? null : this.canvasData.originalcompanyBuildingData.version = "2.0" @@ -1252,6 +1252,7 @@ export class CollectionToolsComponent implements OnInit { getSitePlanStorey (e) { let params = {sitePlanId: e.id} this.http.get(`/api/SitePlanData`,{params}).subscribe((data:any)=>{ + console.log(12345,data) this.canvasData.originaleveryStoreyData = data || {} // 妤煎眰鍘熸暟鎹 this.canvasData.originaleveryStoreyData.data? this.canvasData.originaleveryStoreyData.data = JSON.parse(this.canvasData.originaleveryStoreyData.data) : this.canvasData.originaleveryStoreyData.data = {} this.canvasData.originaleveryStoreyData.version? null : this.canvasData.originaleveryStoreyData.version = "2.0" diff --git a/src/app/ui/collection-tools/examinationQuestions.html b/src/app/ui/collection-tools/examinationQuestions.html index 8bbd8fd..ec287f7 100644 --- a/src/app/ui/collection-tools/examinationQuestions.html +++ b/src/app/ui/collection-tools/examinationQuestions.html @@ -3,7 +3,7 @@
- +
diff --git a/src/app/ui/collection-tools/examinationQuestions.ts b/src/app/ui/collection-tools/examinationQuestions.ts index 8f22a0a..8f1f1dc 100644 --- a/src/app/ui/collection-tools/examinationQuestions.ts +++ b/src/app/ui/collection-tools/examinationQuestions.ts @@ -18,7 +18,7 @@ export class examinationQuestions { constructor(private http:HttpClient, public dialog: MatDialog, public snackBar: MatSnackBar, public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data) {} - @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent; + @ViewChild('nzTreeComponent3', { static: false }) nzTreeComponent!: NzTreeComponent; defaultCheckedKeys = []; //鎸囧畾閫変腑澶嶉夋鐨勬爲鑺傜偣 key鍊 defaultExpandedKeys = []; //灞曞紑鎸囧畾鐨勬爲鑺傜偣 key鍊 @@ -68,6 +68,8 @@ export class examinationQuestions { let oldTreeData = this.nzTreeComponent.getCheckedNodeList() + + // console.log(oldTreeData) let alltreedata = JSON.parse(sessionStorage.getItem("tree鍨嬫暟鎹")) let keyArr = [] oldTreeData.forEach(element => { diff --git a/src/app/ui/collection-tools/save.ts b/src/app/ui/collection-tools/save.ts index 6f17074..7e001a4 100644 --- a/src/app/ui/collection-tools/save.ts +++ b/src/app/ui/collection-tools/save.ts @@ -124,7 +124,8 @@ export class saveOneDialog { companyId: this.data.siteOrbuilding == -1 ? sessionStorage.getItem('companyId') : null, sitePlanId: this.data.siteOrbuilding==-1 ? this.selectedSiteData.id : null, buildingId: this.selectedBuildingData.id || null, - buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null + buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null, + disposalNodeType:0 } if(type == 'old'){ let istrue = this.canvasData.findDisposalNode(this.nodeItem.id,name) @@ -244,7 +245,8 @@ export class saveOneDialog { companyId: null, sitePlanId: null, buildingId: null, - buildingAreaId: null + buildingAreaId: null, + disposalNodeType:0 } dispositionNodeData.weather = this.canvasData.selectPanelPointBaseData.weather diff --git a/src/app/working-area/model/axArrowConnector.ts b/src/app/working-area/model/axArrowConnector.ts index f6e1c17..8b72b39 100644 --- a/src/app/working-area/model/axArrowConnector.ts +++ b/src/app/working-area/model/axArrowConnector.ts @@ -1,12 +1,15 @@ import { WorkingAreaComponent } from '../working-area.component'; import * as PIXI from 'pixi.js'; import { AxShape } from './axShape'; +import { Sprite } from 'pixi.js'; /** - * 澧欓潰 + * 杩炴帴绠ご */ export class AxArrowConnector extends AxShape { + pointTexture: PIXI.Texture = PIXI.Texture.from('assets/images/handle-main.png') + pointSprites: Array = new Array(); line: PIXI.Graphics; text: PIXI.Text; style = new PIXI.TextStyle({ @@ -27,8 +30,14 @@ export class AxArrowConnector extends AxShape { }); pts: PIXI.Point[]; - constructor(assetData: any, workingArea: WorkingAreaComponent) { + markerStart = true;// 鏄惁缁樺埗璧峰绠ご + markerEnd = true;// 鏄惁缁樺埗缁撴潫绠ご + constructor(assetData: any, workingArea: WorkingAreaComponent,markerStart: boolean,markerEnd:boolean) { super(assetData, workingArea); + + this.markerStart = markerStart; + this.markerEnd = markerEnd; + this.name = assetData.Id; this.text = new PIXI.Text(this.assetData.Name + '\r\n' @@ -38,25 +47,91 @@ export class AxArrowConnector extends AxShape { this.addChild(this.text); this.addChild(this.line); this.workingArea.backgroundImage.addChild(this); - this.refresh(this.line, this.assetData.MultiPoint); + this.refresh(); + this.drawPoints(); + this.sortableChildren = true; + this.text.zIndex = this.children.length; + } + public drawPoints() { + this.assetData.MultiPoint.forEach(element => { + var point = new Sprite(this.pointTexture); + point.position = element; + point.anchor.set(0.5); + this.pointSprites.push(point); + this.addChild(point); + }); + this.pointSprites.forEach((value, index, array) => { + value.interactive = true; + value.on('mousedown', event => { + event.stopPropagation(); + if (this.workingArea.allowEdit && this.assetData.GameMode === this.workingArea.canvasData.gameMode) { + event.currentTarget.data = event.data; + event.currentTarget.alpha = 0.5; + event.currentTarget.dragging = true; + } + }) + .on('mouseup', event => { + if (event.currentTarget.dragging) { + event.currentTarget.alpha = 1; + event.currentTarget.dragging = false; + event.currentTarget.data = null; + } + }) + .on('mouseupoutside', event => { + if (event.currentTarget.dragging) { + event.currentTarget.alpha = 1; + event.currentTarget.dragging = false; + event.currentTarget.data = null; + } + }) + .on('mousemove', event => { + if (event.currentTarget.dragging) { + const newPosition = event.currentTarget.data.getLocalPosition(event.currentTarget.parent); + event.currentTarget.x = newPosition.x; + event.currentTarget.y = newPosition.y; + + this.assetData.MultiPoint[index].x = newPosition.x; + this.assetData.MultiPoint[index].y = newPosition.y; + this.workingArea.canvasData.isChange = true; + this.refresh(); + } + }) + .on('rightclick', event => { + }); + }) + this.setPointsVisible(false); } + /** + * 璁剧疆鐐规樉绀虹姸鎬 + * @param b true/false + */ + public setPointsVisible(b:boolean) { + this.pointSprites.forEach(item => { + item.visible = b; + }) + } /** * 鍒锋柊褰㈢姸 */ - public refresh(c: PIXI.Graphics, pts: PIXI.Point[]): void { + public refresh(): void { + const c = this.line; + const pts = this.assetData.MultiPoint; if (pts.length < 2) { return; } this.text.position = pts[0]; + this.text.anchor.set(0.5, 1); + this.text.text = this.assetData.Name + + '\r\n' + + this.assetData.PropertyInfos?.find(item => item.PropertyName === '鍚嶇О/缂栧彿')?.PropertyValue; const strokeWidth = 1; const startWidth = 30 + strokeWidth; const endWidth = 30 + strokeWidth; - const edgeWidth = this.assetData.Thickness === 0?10:this.assetData.Thickness; // 瀹藉害 + const edgeWidth = this.assetData.Thickness === 0 ? 10 : this.assetData.Thickness; // 瀹藉害 const openEnded = false; - const markerStart = false;// 璧峰绠ご - const markerEnd = false;// 缁撴潫绠ご + const spacing = (openEnded) ? 0 : 0 + strokeWidth / 2; const startSize = 30 + strokeWidth; const endSize = 30 + strokeWidth; @@ -101,11 +176,13 @@ export class AxArrowConnector extends AxShape { // c.lineStyle(1, 0x000000, 1); c.clear(); c.lineTextureStyle({ width: 1, color: lineColor, join: PIXI.LINE_JOIN.ROUND }); - c.beginFill(fillColor); + const startNx = nx; const startNy = ny; - - if (markerStart && !openEnded) { + if (!openEnded) { + c.beginFill(fillColor); + } + if (this.markerStart && !openEnded) { this.paintMarker(c, pts[0].x, pts[0].y, nx, ny, startSize, startWidth, edgeWidth, spacing, true); } else { const outStartX = pts[0].x + orthx / 2 + spacing * nx; @@ -213,7 +290,7 @@ export class AxArrowConnector extends AxShape { orthx = edgeWidth * ny1; orthy = - edgeWidth * nx1; - if (markerEnd && !openEnded) { + if (this.markerEnd && !openEnded) { this.paintMarker(c, pe.x, pe.y, -nx, -ny, endSize, endWidth, edgeWidth, spacing, false); } else { c.lineTo(pe.x - spacing * nx1 + orthx / 2, pe.y - spacing * ny1 + orthy / 2); @@ -235,18 +312,16 @@ export class AxArrowConnector extends AxShape { for (let i = fns.length - 1; i >= 0; i--) { fns[i](); } - c.closePath(); - c.endFill(); - // if (openEnded) - // { - // c.end(); - // c.stroke(); - // } - // else - // { - // c.close(); - // c.fillAndStroke(); - // } + + if (openEnded) + { + c.closePath(); + } + else + { + c.closePath(); + c.endFill(); + } // c.setShadow(false); @@ -320,6 +395,11 @@ export class AxArrowConnector extends AxShape { } redraw(): void{ - this.refresh(this.line, this.assetData.MultiPoint); + this.pointSprites.forEach(item => { + item.destroy(); + }) + this.pointSprites.splice(0, this.pointSprites.length); + this.refresh(); + this.drawPoints(); } } diff --git a/src/app/working-area/model/axImageShape.ts b/src/app/working-area/model/axImageShape.ts index e76728e..67466be 100644 --- a/src/app/working-area/model/axImageShape.ts +++ b/src/app/working-area/model/axImageShape.ts @@ -1,12 +1,12 @@ import { WorkingAreaComponent } from '../working-area.component'; import * as ObjectID from 'bson-objectid'; import { GameMode } from './gameMode'; -import { Pipeline } from './pipeline'; import { PaintMode } from './paintModel'; import * as PIXI from 'pixi.js'; import { PropertyInfo } from './PropertyInfo'; import { AxShape } from './axShape'; import { Sprite } from 'pixi.js'; +import { AxArrowConnector } from './axArrowConnector'; /** * 瀹変俊鍥剧墖褰㈢姸 @@ -370,7 +370,7 @@ export class AxImageShape extends AxShape { paintingPipeline(x: number, y: number) { if (this.assetData.CanConnect) { if (this.workingArea.getPaintMode() === PaintMode.Pipeline) { - if (this.workingArea.paintingPipeline === null) { + if (this.workingArea.paintingShape === null) { this.workingArea.previewLineSegment.visible = true; this.workingArea.currentClickPoint.position = new PIXI.Point(this.workingArea.circleShadow.x, this.workingArea.circleShadow.y); @@ -408,19 +408,19 @@ export class AxImageShape extends AxShape { GameMode: this.workingArea.canvasData.gameMode, LinkedObjects: new Array(this.assetData.Id), }; - this.workingArea.paintingPipeline = new Pipeline(tempData, this.workingArea); - this.assetData.Pipelines.push(this.workingArea.paintingPipeline.assetData.Id); - this.workingArea.emit('createIcon', this.workingArea.paintingPipeline); + this.workingArea.paintingShape = new AxArrowConnector(tempData, this.workingArea,false,true); + this.assetData.Pipelines.push(this.workingArea.paintingShape.assetData.Id); + this.workingArea.emit('createIcon', this.workingArea.paintingShape); } else { this.workingArea.previewLineSegment.visible = false; this.workingArea.currentClickPoint.position = new PIXI.Point(this.workingArea.circleShadow.x, this.workingArea.circleShadow.y); this.workingArea.paintPoints.push(new PIXI.Point(x, y)); - this.workingArea.paintingPipeline.assetData.MultiPoint = + this.workingArea.paintingShape.assetData.MultiPoint = JSON.parse(JSON.stringify(this.workingArea.paintPoints)); - this.workingArea.paintingPipeline.assetData.LinkedObjects.push(this.assetData.Id); - this.assetData.Pipelines.push(this.workingArea.paintingPipeline.assetData.Id); - this.workingArea.paintingPipeline.refresh(); + this.workingArea.paintingShape.assetData.LinkedObjects.push(this.assetData.Id); + this.assetData.Pipelines.push(this.workingArea.paintingShape.assetData.Id); + this.workingArea.paintingShape.redraw(); this.workingArea.initPipelineData(); } } diff --git a/src/app/working-area/model/axShape.ts b/src/app/working-area/model/axShape.ts index bd82842..9ff01a6 100644 --- a/src/app/working-area/model/axShape.ts +++ b/src/app/working-area/model/axShape.ts @@ -73,4 +73,8 @@ export class AxShape extends Container { redraw(): void { } + + refresh(): void{ + + } } diff --git a/src/app/working-area/model/gameMode.ts b/src/app/working-area/model/gameMode.ts index feabdbb..d656a7f 100644 --- a/src/app/working-area/model/gameMode.ts +++ b/src/app/working-area/model/gameMode.ts @@ -3,5 +3,6 @@ */ export enum GameMode { BasicInformation, - Assignment + Assignment, + Examinee } \ No newline at end of file diff --git a/src/app/working-area/model/multipointIcon.ts b/src/app/working-area/model/multipointIcon.ts index df2da6f..e60b148 100644 --- a/src/app/working-area/model/multipointIcon.ts +++ b/src/app/working-area/model/multipointIcon.ts @@ -1,11 +1,12 @@ import { WorkingAreaComponent } from '../working-area.component'; import { GameMode } from './gameMode'; import * as PIXI from 'pixi.js'; +import { AxShape } from './axShape'; /** * 澶氱偣杩炵嚎 */ -export class MultipointIcon extends PIXI.Container { +export class MultipointIcon extends AxShape { public pointsData: PIXI.Point[]; public pointsGraphics: PIXI.Graphics[] = []; public iconsTilingSprite: PIXI.TilingSprite[] = []; @@ -34,8 +35,8 @@ export class MultipointIcon extends PIXI.Container { * @param texture 鍥剧墖绱犳潗 * @param points 鐐归泦鍚 */ - constructor(public assetData: any, private workingArea: WorkingAreaComponent) { - super(); + constructor(assetData: any,workingArea: WorkingAreaComponent) { + super(assetData,workingArea); this.name = this.assetData.Id; this.pointsData = this.assetData.MultiPoint; this.x = this.assetData.Point.x; @@ -56,7 +57,7 @@ export class MultipointIcon extends PIXI.Container { icon.x = pointA.x; icon.y = pointA.y; icon.angle = angle; - icon.height = this.assetData.Thickness === 0 ? 32 : this.assetData.Thickness; + // icon.height = this.assetData.Thickness === 0 ? 32 : this.assetData.Thickness; this.iconsTilingSprite.push(icon); this.addChild(icon); if (i === 0) { @@ -173,50 +174,50 @@ export class MultipointIcon extends PIXI.Container { // this.text.scale.set(scale); // }); // 娣诲姞閫変腑浜嬩欢 - this.iconsTilingSprite.forEach((item, index, array) => { - item.interactive = true; - item.buttonMode = true; - item.on('mousedown', event => { - event.stopPropagation(); - this.workingArea.selection.selectOne(this); - if (this.workingArea.allowEdit && this.assetData.GameMode === this.workingArea.canvasData.gameMode) { - event.currentTarget.parent.data = event.data; - event.currentTarget.parent.alpha = 0.5; - event.currentTarget.parent.dragging = true; - - event.currentTarget.parent.dragPoint = event.data.getLocalPosition(event.currentTarget.parent.parent); - event.currentTarget.parent.dragPoint.x -= event.currentTarget.parent.x; - event.currentTarget.parent.dragPoint.y -= event.currentTarget.parent.y; - } - }) - .on('mouseup', event => { - if (event.currentTarget.parent.dragging) { - event.currentTarget.parent.alpha = 1; - event.currentTarget.parent.dragging = false; - event.currentTarget.parent.data = null; - } - }) - .on('mouseupoutside', event => { - if (event.currentTarget.parent.dragging) { - event.currentTarget.parent.alpha = 1; - event.currentTarget.parent.dragging = false; - event.currentTarget.parent.data = null; - } - }) - .on('mousemove', event => { - if (event.currentTarget.parent.dragging) { - const newPosition = event.currentTarget.parent.data.getLocalPosition(event.currentTarget.parent.parent); - event.currentTarget.parent.x = newPosition.x - event.currentTarget.parent.dragPoint.x; - event.currentTarget.parent.y = newPosition.y - event.currentTarget.parent.dragPoint.y; - - this.assetData.Point = new PIXI.Point(this.x, this.y); - this.workingArea.canvasData.isChange = true; - } - }) - .on('rightclick', event => { - - }); - }); + // this.iconsTilingSprite.forEach((item, index, array) => { + // item.interactive = true; + // item.buttonMode = true; + // item.on('mousedown', event => { + // event.stopPropagation(); + // this.workingArea.selection.selectOne(this); + // if (this.workingArea.allowEdit && this.assetData.GameMode === this.workingArea.canvasData.gameMode) { + // event.currentTarget.parent.data = event.data; + // event.currentTarget.parent.alpha = 0.5; + // event.currentTarget.parent.dragging = true; + + // event.currentTarget.parent.dragPoint = event.data.getLocalPosition(event.currentTarget.parent.parent); + // event.currentTarget.parent.dragPoint.x -= event.currentTarget.parent.x; + // event.currentTarget.parent.dragPoint.y -= event.currentTarget.parent.y; + // } + // }) + // .on('mouseup', event => { + // if (event.currentTarget.parent.dragging) { + // event.currentTarget.parent.alpha = 1; + // event.currentTarget.parent.dragging = false; + // event.currentTarget.parent.data = null; + // } + // }) + // .on('mouseupoutside', event => { + // if (event.currentTarget.parent.dragging) { + // event.currentTarget.parent.alpha = 1; + // event.currentTarget.parent.dragging = false; + // event.currentTarget.parent.data = null; + // } + // }) + // .on('mousemove', event => { + // if (event.currentTarget.parent.dragging) { + // const newPosition = event.currentTarget.parent.data.getLocalPosition(event.currentTarget.parent.parent); + // event.currentTarget.parent.x = newPosition.x - event.currentTarget.parent.dragPoint.x; + // event.currentTarget.parent.y = newPosition.y - event.currentTarget.parent.dragPoint.y; + + // this.assetData.Point = new PIXI.Point(this.x, this.y); + // this.workingArea.canvasData.isChange = true; + // } + // }) + // .on('rightclick', event => { + + // }); + // }); } /** * 璁剧疆鐐规樉绀虹姸鎬 @@ -235,10 +236,10 @@ export class MultipointIcon extends PIXI.Container { } // 鍒锋柊鏁版嵁 public refresh() { - console.log(this.assetData); - this.iconsTilingSprite.forEach(element => { - element.height = this.assetData.Thickness === 0 ? 32 : this.assetData.Thickness; - }); + // console.log(this.assetData); + // this.iconsTilingSprite.forEach(element => { + // element.height = this.assetData.Thickness === 0 ? 32 : this.assetData.Thickness; + // }); this.text.text = this.assetData.Name + '\r\n' + this.assetData.PropertyInfos.find(item => item.PropertyName === '鍚嶇О/缂栧彿')?.PropertyValue; diff --git a/src/app/working-area/model/pipeline.ts b/src/app/working-area/model/pipeline.ts deleted file mode 100644 index 74045ad..0000000 --- a/src/app/working-area/model/pipeline.ts +++ /dev/null @@ -1,328 +0,0 @@ -import { WorkingAreaComponent } from '../working-area.component'; -import * as PIXI from 'pixi.js'; -import { AxShape } from './axShape'; - -/** - * 绠＄嚎 - */ -export class Pipeline extends AxShape { - public line: PIXI.Graphics = new PIXI.Graphics(); - constructor(assetData: any, workingArea: WorkingAreaComponent) { - super(assetData, workingArea); - this.name = this.assetData.Id; - this.moveable = false; - this.x = this.assetData.Point.x; - this.y = this.assetData.Point.y; - this.workingArea.backgroundImage.addChild(this); - this.addChild(this.line); - // 鐢荤嚎鍥炬爣 - this.refresh(); - this.interactive = true; - this.on('mousedown', event => { - event.stopPropagation(); - this.workingArea.selection.selectOne(this); - }); - } - /** - * 鍒锋柊 - */ - public refresh() { - - const strokeWidth = 1; - const startWidth = 30 + strokeWidth; - const endWidth = 30 + strokeWidth; - const edgeWidth = 10; - const openEnded = false; - const markerStart = false; - const markerEnd = true; - const spacing = (openEnded) ? 0 : 0 + strokeWidth / 2; - const startSize = 30 + strokeWidth; - const endSize = 30 + strokeWidth; - const isRounded = true; - const pts = this.assetData.MultiPoint; - const c = this.line; - if (pts.length < 2) { return; } - // Base vector (between first points) - const pe = pts[pts.length - 1]; - - // Finds first non-overlapping point - let i0 = 1; - - while (i0 < pts.length - 1 && pts[i0].x === pts[0].x && pts[i0].y === pts[0].y) { - i0++; - } - - const dx = pts[i0].x - pts[0].x; - const dy = pts[i0].y - pts[0].y; - const dist = Math.sqrt(dx * dx + dy * dy); - - if (dist === 0) { - return; - } - - // Computes the norm and the inverse norm - let nx = dx / dist; - let nx1 = nx; - let nx2 = nx; - let ny = dy / dist; - let ny2 = ny; - let ny1 = ny; - let orthx = edgeWidth * ny; - let orthy = -edgeWidth * nx; - - // Stores the inbound function calls in reverse order in fns - const fns = []; - - // if (isRounded) { - // // c.setLineJoin('round'); - // c.lineTextureStyle({ join: PIXI.LINE_JOIN.ROUND }); - // } else if (pts.length > 2) { - // // Only mitre if there are waypoints - // // c.setMiterLimit(1.42); - // c.lineTextureStyle({ miterLimit: 1.42 }); - // } - // c.lineStyle(1, 0x000000, 1); - c.clear(); - c.lineTextureStyle({ width: 1, color: 0x00000, join: PIXI.LINE_JOIN.ROUND }); - // c.begin(); - c.beginFill(0xffffff); - const startNx = nx; - const startNy = ny; - - if (markerStart && !openEnded) { - this.paintMarker(c, pts[0].x, pts[0].y, nx, ny, startSize, startWidth, edgeWidth, spacing, true); - } else { - const outStartX = pts[0].x + orthx / 2 + spacing * nx; - const outStartY = pts[0].y + orthy / 2 + spacing * ny; - const inEndX = pts[0].x - orthx / 2 + spacing * nx; - const inEndY = pts[0].y - orthy / 2 + spacing * ny; - - if (openEnded) { - c.moveTo(outStartX, outStartY); - fns.push( () => { - c.lineTo(inEndX, inEndY); - }); - } else { - c.moveTo(inEndX, inEndY); - c.lineTo(outStartX, outStartY); - } - } - let dx1 = 0; - let dy1 = 0; - let dist1 = 0; - - for (let i = 0; i < pts.length - 2; i++) { - // Work out in which direction the line is bending - const pos = this.relativeCcw(pts[i].x, pts[i].y, pts[i + 1].x, pts[i + 1].y, pts[i + 2].x, pts[i + 2].y); - - dx1 = pts[i + 2].x - pts[i + 1].x; - dy1 = pts[i + 2].y - pts[i + 1].y; - - dist1 = Math.sqrt(dx1 * dx1 + dy1 * dy1); - - if (dist1 !== 0) { - nx1 = dx1 / dist1; - ny1 = dy1 / dist1; - - const tmp1 = nx * nx1 + ny * ny1; - const tmp = Math.max(Math.sqrt((tmp1 + 1) / 2), 0.04); - - // Work out the normal orthogonal to the line through the control point and the edge sides intersection - nx2 = (nx + nx1); - ny2 = (ny + ny1); - - const dist2 = Math.sqrt(nx2 * nx2 + ny2 * ny2); - - if (dist2 !== 0) { - nx2 = nx2 / dist2; - ny2 = ny2 / dist2; - - // Higher strokewidths require a larger minimum bend, 0.35 covers all but the most extreme cases - const strokeWidthFactor = Math.max(tmp, Math.min(1 / 200 + 0.04, 0.35)); - const angleFactor = (pos !== 0 && isRounded) ? Math.max(0.1, strokeWidthFactor) : Math.max(tmp, 0.06); - - const outX = pts[i + 1].x + ny2 * edgeWidth / 2 / angleFactor; - const outY = pts[i + 1].y - nx2 * edgeWidth / 2 / angleFactor; - const inX = pts[i + 1].x - ny2 * edgeWidth / 2 / angleFactor; - const inY = pts[i + 1].y + nx2 * edgeWidth / 2 / angleFactor; - - if (pos === 0 || !isRounded) { - // If the two segments are aligned, or if we're not drawing curved sections between segments - // just draw straight to the intersection point - c.lineTo(outX, outY); - - ((x, y) => { - fns.push(() => { - c.lineTo(x, y); - }); - })(inX, inY); - } else if (pos === -1) { - const c1x = inX + ny * edgeWidth; - const c1y = inY - nx * edgeWidth; - const c2x = inX + ny1 * edgeWidth; - const c2y = inY - nx1 * edgeWidth; - c.lineTo(c1x, c1y); - if (isRounded) { - c.quadraticCurveTo(outX, outY, c2x, c2y); // 鍦嗚 - } else { - c.lineTo(outX, outY); - } - ((x, y) => { - fns.push(() => { - c.lineTo(x, y); - }); - })(inX, inY); - } else { - c.lineTo(outX, outY); - - ((x, y) => { - const c1x = outX - ny * edgeWidth; - const c1y = outY + nx * edgeWidth; - const c2x = outX - ny1 * edgeWidth; - const c2y = outY + nx1 * edgeWidth; - - fns.push(() => { - if (isRounded) { - c.quadraticCurveTo(x, y, c1x, c1y); - } else { - c.lineTo(x, y); - } - }); - fns.push(() => { - c.lineTo(c2x, c2y); - }); - })(inX, inY); - } - - nx = nx1; - ny = ny1; - } - } - } - orthx = edgeWidth * ny1; - orthy = - edgeWidth * nx1; - - if (markerEnd && !openEnded) { - this.paintMarker(c, pe.x, pe.y, -nx, -ny, endSize, endWidth, edgeWidth, spacing, false); - } else { - c.lineTo(pe.x - spacing * nx1 + orthx / 2, pe.y - spacing * ny1 + orthy / 2); - - const inStartX = pe.x - spacing * nx1 - orthx / 2; - const inStartY = pe.y - spacing * ny1 - orthy / 2; - - if (!openEnded) { - c.lineTo(inStartX, inStartY); - } else { - c.moveTo(inStartX, inStartY); - - fns.splice(0, 0, () => { - c.moveTo(inStartX, inStartY); - }); - } - } - - for (let i = fns.length - 1; i >= 0; i--) { - fns[i](); - } - c.closePath(); - c.endFill(); - // if (openEnded) - // { - // c.end(); - // c.stroke(); - // } - // else - // { - // c.close(); - // c.fillAndStroke(); - // } - - // Workaround for shadow on top of base arrow - // c.setShadow(false); - - // Need to redraw the markers without the low miter limit - // c.setMiterLimit(4); - - // if (isRounded) - // { - // c.setLineJoin('flat'); - // } - - // if (pts.length > 2) { - // // Only to repaint markers if no waypoints - // // Need to redraw the markers without the low miter limit - // // c.setMiterLimit(4); - // c.lineTextureStyle({ width: 1, color: 0x00000, miterLimit: 4 }); - // if (markerStart && !openEnded) { - // // c.begin(); - // this.paintMarker(c, pts[0].x, pts[0].y, startNx, startNy, startSize, startWidth, edgeWidth, spacing, true); - // // c.stroke(); - // // c.end(); - // // c.closePath(); - // } - - // if (markerEnd && !openEnded) { - // // c.begin(); - // this.paintMarker(c, pe.x, pe.y, -nx, -ny, endSize, endWidth, edgeWidth, spacing, true); - // // c.stroke(); - // // c.end(); - // // c.closePath(); - // } - // } - } - /** - * 鐢荤澶 - * @param c - * @param ptX - * @param ptY - * @param nx - * @param ny - * @param size - * @param arrowWidth - * @param edgeWidth - * @param spacing - * @param initialMove - */ - paintMarker(c: PIXI.Graphics, ptX: number, ptY: number, nx: number, ny: number, - size: number, arrowWidth: number, edgeWidth: number, spacing: number, initialMove: boolean) { - const widthArrowRatio = edgeWidth / arrowWidth; - const orthx = edgeWidth * ny / 2; - const orthy = -edgeWidth * nx / 2; - - const spaceX = (spacing + size) * nx; - const spaceY = (spacing + size) * ny; - - if (initialMove) { - c.moveTo(ptX - orthx + spaceX, ptY - orthy + spaceY); - } else { - c.lineTo(ptX - orthx + spaceX, ptY - orthy + spaceY); - } - c.lineTo(ptX - orthx / widthArrowRatio + spaceX, ptY - orthy / widthArrowRatio + spaceY); - c.lineTo(ptX + spacing * nx, ptY + spacing * ny); - c.lineTo(ptX + orthx / widthArrowRatio + spaceX, ptY + orthy / widthArrowRatio + spaceY); - c.lineTo(ptX + orthx + spaceX, ptY + orthy + spaceY); - } - - relativeCcw(x1: number, y1: number, x2: number, y2: number, px: number, py: number) { - x2 -= x1; - y2 -= y1; - px -= x1; - py -= y1; - let ccw = px * y2 - py * x2; - - if (ccw === 0.0) { - ccw = px * x2 + py * y2; - - if (ccw > 0.0) { - px -= x2; - py -= y2; - ccw = px * x2 + py * y2; - - if (ccw < 0.0) { - ccw = 0.0; - } - } - } - return (ccw < 0.0) ? -1 : ((ccw > 0.0) ? 1 : 0); - } -} diff --git a/src/app/working-area/model/polygonIcon.ts b/src/app/working-area/model/polygonIcon.ts index a7d0eb9..20a4a5d 100644 --- a/src/app/working-area/model/polygonIcon.ts +++ b/src/app/working-area/model/polygonIcon.ts @@ -2,11 +2,12 @@ import { WorkingAreaComponent } from '../working-area.component'; import { GameMode } from './gameMode'; import * as PIXI from 'pixi.js'; import { PaintMode } from './paintModel'; +import { AxShape } from './axShape'; /** * 澶氳竟褰 */ -export class PolygonIcon extends PIXI.Container { +export class PolygonIcon extends AxShape { public pointsData: PIXI.Point[]; public pointsGraphics: PIXI.Graphics[] = []; public polygonGraphics: PIXI.Graphics = new PIXI.Graphics(); @@ -35,8 +36,8 @@ export class PolygonIcon extends PIXI.Container { * * @param points 鐐归泦鍚 */ - constructor(public assetData: any, private workingArea: WorkingAreaComponent) { - super(); + constructor(assetData: any,workingArea: WorkingAreaComponent) { + super(assetData,workingArea); this.name = this.assetData.Id; this.x = this.assetData.Point.x; this.y = this.assetData.Point.y; @@ -140,64 +141,64 @@ export class PolygonIcon extends PIXI.Container { } }); }); - // 娣诲姞閫変腑浜嬩欢 - this.polygonGraphics.interactive = true; - this.polygonGraphics.buttonMode = true; - this.polygonGraphics - .on('mousedown', event => { - event.stopPropagation(); - this.workingArea.selection.selectOne(this); - if (this.workingArea.allowEdit && this.assetData.GameMode === this.workingArea.canvasData.gameMode) { - event.currentTarget.parent.data = event.data; - event.currentTarget.parent.alpha = 0.5; - event.currentTarget.parent.dragging = true; + // // 娣诲姞閫変腑浜嬩欢 + // this.polygonGraphics.interactive = true; + // this.polygonGraphics.buttonMode = true; + // this.polygonGraphics + // .on('mousedown', event => { + // event.stopPropagation(); + // this.workingArea.selection.selectOne(this); + // if (this.workingArea.allowEdit && this.assetData.GameMode === this.workingArea.canvasData.gameMode) { + // event.currentTarget.parent.data = event.data; + // event.currentTarget.parent.alpha = 0.5; + // event.currentTarget.parent.dragging = true; - event.currentTarget.parent.dragPoint = event.data.getLocalPosition(event.currentTarget.parent.parent); - event.currentTarget.parent.dragPoint.x -= event.currentTarget.parent.x; - event.currentTarget.parent.dragPoint.y -= event.currentTarget.parent.y; - } - }) - .on('mouseup', event => { - if (event.currentTarget.parent.dragging) { - event.currentTarget.parent.alpha = 1; - event.currentTarget.parent.dragging = false; - event.currentTarget.parent.data = null; - } - }) - .on('mouseupoutside', event => { - if (event.currentTarget.parent.dragging) { - event.currentTarget.parent.alpha = 1; - event.currentTarget.parent.dragging = false; - event.currentTarget.parent.data = null; - } - }) - .on('mousemove', event => { - if (event.currentTarget.parent.dragging) { - const newPosition = event.currentTarget.parent.data.getLocalPosition(event.currentTarget.parent.parent); - event.currentTarget.parent.x = newPosition.x - event.currentTarget.parent.dragPoint.x; - event.currentTarget.parent.y = newPosition.y - event.currentTarget.parent.dragPoint.y; + // event.currentTarget.parent.dragPoint = event.data.getLocalPosition(event.currentTarget.parent.parent); + // event.currentTarget.parent.dragPoint.x -= event.currentTarget.parent.x; + // event.currentTarget.parent.dragPoint.y -= event.currentTarget.parent.y; + // } + // }) + // .on('mouseup', event => { + // if (event.currentTarget.parent.dragging) { + // event.currentTarget.parent.alpha = 1; + // event.currentTarget.parent.dragging = false; + // event.currentTarget.parent.data = null; + // } + // }) + // .on('mouseupoutside', event => { + // if (event.currentTarget.parent.dragging) { + // event.currentTarget.parent.alpha = 1; + // event.currentTarget.parent.dragging = false; + // event.currentTarget.parent.data = null; + // } + // }) + // .on('mousemove', event => { + // if (event.currentTarget.parent.dragging) { + // const newPosition = event.currentTarget.parent.data.getLocalPosition(event.currentTarget.parent.parent); + // event.currentTarget.parent.x = newPosition.x - event.currentTarget.parent.dragPoint.x; + // event.currentTarget.parent.y = newPosition.y - event.currentTarget.parent.dragPoint.y; - this.assetData.Point = new PIXI.Point(this.x, this.y); - this.workingArea.canvasData.isChange = true; - } - }) - .on('rightclick', event => { - // this.workingArea.selection.deselectAll(); - }) - .on('mouseover', event => { - event.stopPropagation(); - if (this.workingArea.previewImage !== null - && this.workingArea.getPaintMode() === PaintMode.singlePointIcon) { - this.workingArea.previewImage.visible = false; - } - }) - .on('mouseout', event => { - event.stopPropagation(); - if (this.workingArea.previewImage !== null - && this.workingArea.getPaintMode() === PaintMode.singlePointIcon) { - this.workingArea.previewImage.visible = true; - } - }); + // this.assetData.Point = new PIXI.Point(this.x, this.y); + // this.workingArea.canvasData.isChange = true; + // } + // }) + // .on('rightclick', event => { + // // this.workingArea.selection.deselectAll(); + // }) + // .on('mouseover', event => { + // event.stopPropagation(); + // if (this.workingArea.previewImage !== null + // && this.workingArea.getPaintMode() === PaintMode.singlePointIcon) { + // this.workingArea.previewImage.visible = false; + // } + // }) + // .on('mouseout', event => { + // event.stopPropagation(); + // if (this.workingArea.previewImage !== null + // && this.workingArea.getPaintMode() === PaintMode.singlePointIcon) { + // this.workingArea.previewImage.visible = true; + // } + // }); } /** * 璁剧疆鐐规樉绀虹姸鎬 diff --git a/src/app/working-area/working-area.component.ts b/src/app/working-area/working-area.component.ts index 688a14c..1ce8484 100644 --- a/src/app/working-area/working-area.component.ts +++ b/src/app/working-area/working-area.component.ts @@ -10,7 +10,6 @@ import { AxImageShape } from './model/axImageShape'; import { GameMode } from './model/gameMode'; import { MultipointIcon } from './model/multipointIcon'; import { PolygonIcon } from './model/polygonIcon'; -import { Pipeline } from './model/pipeline'; import { PaintMode } from './model/paintModel'; import { AxShape } from './model/axShape'; import { PropertyInfo } from './model/PropertyInfo'; @@ -82,10 +81,6 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV * 缁樺埗鐐归泦鍚 */ public paintPoints: PIXI.Point[] = []; - /** - * 缁樺埗涓殑绠＄嚎 - */ - public paintingPipeline: Pipeline = null; /** * 缁樺埗涓殑澶氱偣鍥炬爣 */ @@ -278,7 +273,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV this.animator.update(); this.mousePosition = this.app.renderer.plugins.interaction.mouse.global; // 棰勮鍥剧墖 - if (this.previewImage !== null) { + if (this.previewImage !== null && this.backgroundImage !== null) { this.previewImage.position = this.backgroundImage.toLocal(this.mousePosition); } @@ -314,7 +309,10 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV */ this.on('select', obj => { if (this.allowEdit) { - if (obj instanceof MultipointIcon) { + if (obj instanceof AxArrowConnector) { + obj.setPointsVisible(true); + } + else if (obj instanceof MultipointIcon) { if (obj.assetData.GameMode === this.canvasData.gameMode) { obj.setPointVisiable(true); } else { @@ -338,7 +336,10 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV */ this.on('deselect', obj => { if (this.allowEdit) { - if (obj instanceof MultipointIcon) { + if (obj instanceof AxArrowConnector) { + obj.setPointsVisible(false); + } + else if (obj instanceof MultipointIcon) { obj.setPointVisiable(false); } else if (obj instanceof PolygonIcon) { obj.filters = []; @@ -375,6 +376,12 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV } else if (item instanceof AxPreviewImageShape) { const data = 1 / scale; item.scale.set(data); + }else if (item instanceof AxArrowConnector) { + const data = 1 / scale; + item.text.scale.set(data); + item.pointSprites.forEach(point => { + point.scale.set(data); + }); } }); @@ -383,17 +390,19 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV * 鍒涘缓鍥炬爣浜嬩欢 */ this.on('createIcon', obj => { - if (obj.assetData.GameMode === GameMode.BasicInformation) { + if (obj.assetData.GameMode === GameMode.BasicInformation) { // 鍩烘湰淇℃伅 // 娣诲姞妤煎眰鏁版嵁 this.canvasData.originaleveryStoreyData.data[obj.assetData.Id] = obj.assetData; // 娣诲姞寤虹瓚鏁版嵁 this.canvasData.originalcompanyBuildingData.data[obj.assetData.Id] = obj.assetData; - } else { + } else if(obj.assetData.GameMode === GameMode.Assignment){ // 澶勭疆棰勬 if (this.canvasData.selectPanelPoint.Data === undefined || this.canvasData.selectPanelPoint.Data === null) { this.canvasData.selectPanelPoint.Data = new FloorNodeData(); } this.canvasData.selectPanelPoint.Data.Stock[obj.assetData.Id] = obj.assetData; + } else if (obj.assetData.GameMode === GameMode.Examinee) { // 鑰冪敓鑰冭瘯 + // this.canvasData.examOriginaleveryStoreyData.data[obj.assetData.Id] = obj.assetData; } this.canvasData.isChange = true; }); @@ -466,29 +475,39 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV this.selection.select(obj); }); } - /** - * 鍒锋柊宸ヤ綔鍖 - */ + // /** + // * 鍒锋柊宸ヤ綔鍖 + // */ public async refresh() { this.setPaintMode(PaintMode.endPaint); this.resetCanvas(); this.destroyBackgroundImage(); if (!this.canvasData.selectStorey.imageUrl) { + return; } await this.createBackgroundImage(this.canvasData.selectStorey.imageUrl); - this.createFloorShape(); + this.createFloorShape(this.canvasData.originaleveryStoreyData.data); if (this.canvasData.gameMode === GameMode.Assignment) { - this.createWorkNode(); + this.createNodeShape(this.canvasData.selectPanelPoint.Data); } - this.emit('backgroundScale', this.backgroundImage.scale.x); + // await this.createBackground(this.canvasData.selectStorey.imageUrl); + + } + /** + * 寮傛鍒涘缓鑳屾櫙鍥 + */ + public async createBackground(imageUrl:string) { + if (this.backgroundImage !== null) { + this.destroyBackgroundImage(); + } + await this.createBackgroundImage(imageUrl) } /** * 鍒涘缓妤煎眰鍥惧舰 */ - private createFloorShape() { - const floorData = this.canvasData.originaleveryStoreyData.data; + public createFloorShape(floorData: any) { Object.keys(floorData).forEach((key) => { switch (floorData[key].InteractiveMode) { case 0: @@ -503,18 +522,21 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV break; case 3: if (floorData[key].Name === '姘村甫') { - const pipeline = new Pipeline(floorData[key], this); - } else { - const wall = new AxArrowConnector(floorData[key], this); + const distance = new AxArrowConnector(floorData[key], this,false,true); + } else if(floorData[key].Name === '璺濈'){ + const distance = new AxArrowConnector(floorData[key], this,true,true); + }else if(floorData[key].Name === '鏅氬' || floorData[key].Name === '鎵块噸澧'){ + const wall = new AxArrowConnector(floorData[key], this,false,false); } break; } }); + this.emit('backgroundScale', this.backgroundImage.scale.x); } - - private createWorkNode() { - // 鍔犺浇澶勭疆鑺傜偣鏁版嵁 - const nodeData = this.canvasData.selectPanelPoint.Data; + /** + * 鍒涘缓鑺傜偣鍥惧舰 + */ + public createNodeShape(nodeData: any) { if (nodeData !== undefined && nodeData !== null) { Object.keys(nodeData).forEach((key) => { Object.keys(nodeData[key]).forEach((tempKey) => { @@ -530,12 +552,13 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV const polygonIcon = new PolygonIcon(nodeData[key][tempKey], this); break; case 3: - const pipeline = new Pipeline(nodeData[key][tempKey], this); + const pipeline = new AxArrowConnector(nodeData[key][tempKey], this,false,true); break; } }); }); } + this.emit('backgroundScale', this.backgroundImage.scale.x); } /** * @@ -607,7 +630,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV /** * 鍒涘缓鑳屾櫙鍥 */ - private async createBackgroundImage(imageUrl: string): Promise { + public async createBackgroundImage(imageUrl: string): Promise { const image = await PIXI.Texture.fromURL(imageUrl); this.backgroundImage = new PIXI.Sprite(image); this.backgroundImage.anchor.set(0.5); @@ -763,20 +786,20 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV break; case PaintMode.Pipeline: if (this.canvasData.selectTemplateData.name === '姘村甫') { - if (this.paintingPipeline !== null) { + if (this.paintingShape !== null) { this.currentClickPoint.position = new PIXI.Point(this.circleShadow.x, this.circleShadow.y); this.paintPoints.push(new PIXI.Point(this.circleShadow.x, this.circleShadow.y)); - this.paintingPipeline.assetData.MultiPoint = JSON.parse(JSON.stringify(this.paintPoints)); - this.paintingPipeline.refresh(); + this.paintingShape.assetData.MultiPoint = JSON.parse(JSON.stringify(this.paintPoints)); + this.paintingShape.refresh(); } } else { this.previewLineSegment.visible = true; + this.enterPaintEndButton.position = this.circleShadow.position; + this.enterPaintEndButton.visible = true; this.currentClickPoint.position = new PIXI.Point(this.circleShadow.x, this.circleShadow.y); this.paintPoints.push(new PIXI.Point(this.circleShadow.x, this.circleShadow.y)); - - if (this.paintPoints.length >= 2) { - this.enterPaintEndButton.position = this.circleShadow.position; - this.enterPaintEndButton.visible = true; + if (this.paintPoints.length < 2) { + return; } if (this.paintingShape === null) { const jsonObject = JSON.parse(JSON.stringify(this.canvasData.selectTemplateData.propertyInfos)); @@ -809,7 +832,11 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV IsFromBuilding: this.canvasData.selectTemplateData.isFromBuilding, GameMode: this.canvasData.gameMode }; - this.paintingShape = new AxArrowConnector(assetData2, this); + if (this.canvasData.selectTemplateData.name === '璺濈') { + this.paintingShape = new AxArrowConnector(assetData2, this,true,true); + } else if (this.canvasData.selectTemplateData.name === '鏅氬' || this.canvasData.selectTemplateData.name === '鎵块噸澧') { + this.paintingShape = new AxArrowConnector(assetData2, this,false,false); + } } else { this.paintingShape.assetData.MultiPoint = JSON.parse(JSON.stringify(this.paintPoints)); this.paintingShape.redraw(); @@ -911,10 +938,10 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV if (!this.canvasData.selectStorey.imageUrl) { this.backgroundImage.visible = false; } else { - // this.backgroundImage.texture = PIXI.Texture.from(this.canvasData.selectStorey.imageUrl); - // this.backgroundImage.angle = this.canvasData.selectStorey.imageAngle; - // this.backgroundImage.visible = true; - this.refresh(); + this.backgroundImage.texture = PIXI.Texture.from(this.canvasData.selectStorey.imageUrl); + this.backgroundImage.angle = this.canvasData.selectStorey.imageAngle; + this.backgroundImage.visible = true; + // this.refresh(); } } /** @@ -922,6 +949,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV */ public destroyBackgroundImage(): void { this.app.stage.removeChild(this.backgroundImage); + this.backgroundImage = null; } /** * 璁剧疆鑳屾櫙鍥剧缉鏀 @@ -1000,6 +1028,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV * 寮濮嬬粯鍒 */ public beginPaint() { + console.log(this.canvasData.selectTemplateData); this.selection.deselectAll(); this.setPaintMode(PaintMode.endPaint); this.setPaintMode(this.canvasData.selectTemplateData.interactiveMode); @@ -1009,7 +1038,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV */ public initPipelineData(): void { this.paintPoints = []; - this.paintingPipeline = null; + this.paintingShape = null; } public beginPaintingArrows(): void { this.paintMode = PaintMode.Arrows; @@ -1064,10 +1093,10 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV this.backgroundImage.removeChild(this.paintingIcon); } - if (this.paintingPipeline !== undefined - && this.paintingPipeline !== null) { - this.backgroundImage.removeChild(this.paintingPipeline); - } + // if (this.paintingShape !== undefined + // && this.paintingShape !== null) { + // this.backgroundImage.removeChild(this.paintingShape); + // } if (this.paintingShape !== null) { this.backgroundImage.removeChild(this.paintingShape); this.paintingShape = null; @@ -1196,8 +1225,10 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV const polygonIcon = new PolygonIcon(newData, this); break; case PaintMode.Pipeline: - if (item.Name !== '姘村甫') { - const wall = new AxArrowConnector(newData, this); + if (item.Name === '璺濈') { + const wall = new AxArrowConnector(newData, this,true,true); + } else if (item.Name === '鏅氬' || item.Name === '鎵块噸澧') { + const wall = new AxArrowConnector(newData, this,false,false); } break; }