From 103fc95a2949f55647bcf9d4503abe6708198a02 Mon Sep 17 00:00:00 2001
From: zhaoxu <493734247@qq.com>
Date: Fri, 18 Jun 2021 20:18:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=AF=B9=E6=8E=A5.=20?=
=?UTF-8?q?=E6=A1=86=E6=9E=B6=E6=9E=84=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../gis-labeling/gis-labeling.component.ts | 3173 +++++-----
.../collection-tools-plan/addPlaneFigure.html | 4 +-
.../collection-tools.component.ts | 5096 +++++++++--------
src/modules/map/declare/factory.ts | 24 +
src/modules/map/declare/gaode-map.ts | 33 +
src/modules/map/declare/keda-map.ts | 45 +
src/modules/map/declare/map.d.ts | 29 +
tsconfig.json | 5 +-
8 files changed, 4278 insertions(+), 4131 deletions(-)
create mode 100644 src/modules/map/declare/factory.ts
create mode 100644 src/modules/map/declare/gaode-map.ts
create mode 100644 src/modules/map/declare/keda-map.ts
create mode 100644 src/modules/map/declare/map.d.ts
diff --git a/src/app/gis-management/gis-labeling/gis-labeling.component.ts b/src/app/gis-management/gis-labeling/gis-labeling.component.ts
index 1318c34..7d16b7b 100644
--- a/src/app/gis-management/gis-labeling/gis-labeling.component.ts
+++ b/src/app/gis-management/gis-labeling/gis-labeling.component.ts
@@ -1,410 +1,413 @@
import { HttpClient } from '@angular/common/http';
-import { Component, OnInit ,Renderer2,ElementRef, Inject, NgZone, ViewChild } from '@angular/core';
-import { FormBuilder,FormGroup, FormControl } from '@angular/forms';
+import { Component, OnInit, Renderer2, ElementRef, Inject, NgZone, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
declare var AMap: any;
declare var QRCode: any;
+import { MapFactory } from '../../../modules/map/declare/factory'
+
+
@Component({
- selector: 'app-gis-labeling',
- templateUrl: './gis-labeling.component.html',
- styleUrls: ['./gis-labeling.component.scss']
+ selector: 'app-gis-labeling',
+ templateUrl: './gis-labeling.component.html',
+ styleUrls: ['./gis-labeling.component.scss']
})
export class GisLabelingComponent implements OnInit {
- constructor(private elementRef: ElementRef,public renderer2: Renderer2,private http:HttpClient,public snackBar: MatSnackBar,public dialog: MatDialog,public _ngZone:NgZone,private fb: FormBuilder) { }
-
- //右上角div
- selectedTitle:number
- titleList = [ {name:'重点单位',iconImg:'/assets/images/uniticon.png'},
- {name:'水源',iconImg:'/assets/images/watericon.png'},
- {name:'消防力量',iconImg:'/assets/images/xfll.png'},
- {name:'联动力量',iconImg:'/assets/images/ldll.png'},
- {name:'测量工具',iconImg:'/assets/images/distanceicon.png'},
- {name:'图层选择',iconImg:'/assets/images/coverageicon.png'}
- ]
- keyUnitList:any = []
- waterList = [
- {id:'0',name:'消火栓',selected:false},
- {id:'1',name:'消防水池',selected:false},
- {id:'2',name:'天然水源',selected:false},
- ]
- fireForceList = [
- {id:'0',name:'总队',selected:false},
- {id:'1',name:'支队',selected:false},
- {id:'2',name:'大队',selected:false},
- {id:'3',name:'中队(消防站)',selected:false},
- {id:'4',name:'其他消防队伍',selected:false}
- ]
- linkageForcesList = [
- {id:'0',name:'安监',selected:false},
- {id:'1',name:'电力局',selected:false},
- {id:'2',name:'公安',selected:false},
- {id:'3',name:'海事',selected:false},
- {id:'4',name:'环保局',selected:false},
- {id:'5',name:'交通',selected:false},
- {id:'6',name:'民政',selected:false},
- {id:'7',name:'气象局',selected:false},
- {id:'8',name:'燃气局',selected:false},
- {id:'9',name:'市政',selected:false},
- {id:'10',name:'水利',selected:false},
- {id:'11',name:'通信',selected:false},
- {id:'12',name:'医疗',selected:false},
- {id:'13',name:'应急管理',selected:false},
- {id:'14',name:'住建',selected:false}
- ]
- keyUnitForm : FormGroup//gis右上角重点单位表单
- watertForm : FormGroup//gis右上角水源表单
- fireForceForm : FormGroup//gis右上角消防力量表单
- linkageForcesForm : FormGroup//gis右上角联动力量表单
-
- selectedUnitList:any = []//选择提交的单位
- selectedWaterList:any = []//选择提交的水源
- selectedFireForceList:any = []//选择提交的消防力量
- selectedLinkageForcesList:any = []//选择提交的联动力量
-
- unitAreaDefault:any = '-1'//默认单位范围
- waterAreaDefault:any = '-1'//默认水源范围
- fireForceAreaDefault:any = '-1'//默认消防力量范围
- linkageForcesAreaDefault:any = '-1'//默认联动力量范围
-
-
- //获得单位循环出来的checkbox列表（formControl实例）
- get units():any{
- return this.keyUnitForm.get('units')
- }
- get waters():any{
- return this.watertForm.get('waters')
- }
- get fireForce():any{
- return this.fireForceForm.get('fireForce')
- }
- get linkageForces():any{
- return this.linkageForcesForm.get('linkageForces')
- }
-
- async getAllBuildingType(){
- let result = await new Promise((result,reject)=>{
- this.http.get('/api/BuildingTypes/Simple').subscribe((data:any) => {
- data.forEach(item => {
- item.selected = false
+ constructor(private elementRef: ElementRef, public renderer2: Renderer2, private http: HttpClient, public snackBar: MatSnackBar, public dialog: MatDialog, public _ngZone: NgZone, private fb: FormBuilder) { }
+
+ //右上角div
+ selectedTitle: number
+ titleList = [{ name: '重点单位', iconImg: '/assets/images/uniticon.png' },
+ { name: '水源', iconImg: '/assets/images/watericon.png' },
+ { name: '消防力量', iconImg: '/assets/images/xfll.png' },
+ { name: '联动力量', iconImg: '/assets/images/ldll.png' },
+ { name: '测量工具', iconImg: '/assets/images/distanceicon.png' },
+ { name: '图层选择', iconImg: '/assets/images/coverageicon.png' }
+ ]
+ keyUnitList: any = []
+ waterList = [
+ { id: '0', name: '消火栓', selected: false },
+ { id: '1', name: '消防水池', selected: false },
+ { id: '2', name: '天然水源', selected: false },
+ ]
+ fireForceList = [
+ { id: '0', name: '总队', selected: false },
+ { id: '1', name: '支队', selected: false },
+ { id: '2', name: '大队', selected: false },
+ { id: '3', name: '中队(消防站)', selected: false },
+ { id: '4', name: '其他消防队伍', selected: false }
+ ]
+ linkageForcesList = [
+ { id: '0', name: '安监', selected: false },
+ { id: '1', name: '电力局', selected: false },
+ { id: '2', name: '公安', selected: false },
+ { id: '3', name: '海事', selected: false },
+ { id: '4', name: '环保局', selected: false },
+ { id: '5', name: '交通', selected: false },
+ { id: '6', name: '民政', selected: false },
+ { id: '7', name: '气象局', selected: false },
+ { id: '8', name: '燃气局', selected: false },
+ { id: '9', name: '市政', selected: false },
+ { id: '10', name: '水利', selected: false },
+ { id: '11', name: '通信', selected: false },
+ { id: '12', name: '医疗', selected: false },
+ { id: '13', name: '应急管理', selected: false },
+ { id: '14', name: '住建', selected: false }
+ ]
+ keyUnitForm: FormGroup//gis右上角重点单位表单
+ watertForm: FormGroup//gis右上角水源表单
+ fireForceForm: FormGroup//gis右上角消防力量表单
+ linkageForcesForm: FormGroup//gis右上角联动力量表单
+
+ selectedUnitList: any = []//选择提交的单位
+ selectedWaterList: any = []//选择提交的水源
+ selectedFireForceList: any = []//选择提交的消防力量
+ selectedLinkageForcesList: any = []//选择提交的联动力量
+
+ unitAreaDefault: any = '-1'//默认单位范围
+ waterAreaDefault: any = '-1'//默认水源范围
+ fireForceAreaDefault: any = '-1'//默认消防力量范围
+ linkageForcesAreaDefault: any = '-1'//默认联动力量范围
+
+
+ //获得单位循环出来的checkbox列表（formControl实例）
+ get units(): any {
+ return this.keyUnitForm.get('units')
+ }
+ get waters(): any {
+ return this.watertForm.get('waters')
+ }
+ get fireForce(): any {
+ return this.fireForceForm.get('fireForce')
+ }
+ get linkageForces(): any {
+ return this.linkageForcesForm.get('linkageForces')
+ }
+
+ async getAllBuildingType() {
+ let result = await new Promise((result, reject) => {
+ this.http.get('/api/BuildingTypes/Simple').subscribe((data: any) => {
+ data.forEach(item => {
+ item.selected = false
+ })
+ this.keyUnitList = data
+ result('获取单位类型')
+ })
})
- this.keyUnitList = data
- result('获取单位类型')
- })
- })
- }
- ngOnInit(): void {
- window.setTimeout(()=>{
- this.mapInit()
- },0)
- let buildingType = this.getAllBuildingType()//获取建筑类型
- Promise.all([buildingType]).then(()=>{
- this.keyUnitForm = this.fb.group({
- units:this.buildUnits(),
- allSelectedUnit:new FormControl(),
- areaUnit:new FormControl()
- })
- this.watertForm = this.fb.group({
- waters:this.waterUnits(),
- allSelectedWater:new FormControl(),
- areaWater:new FormControl()
- })
- this.fireForceForm = this.fb.group({
- fireForce:this.fireForceController(),
- allSelectedFireForce:new FormControl(),
- areaFireForce:new FormControl()
- })
- this.linkageForcesForm = this.fb.group({
- linkageForces:this.linkageForcesController(),
- allSelectedLinkageForces:new FormControl(),
- areaLinkageForces:new FormControl()
- })
-
- //将选中的push到数组
- this.units.valueChanges.subscribe(values => {
- let selects:string[] = []
- values.forEach((selected:boolean,i:number) => {
- selected === true && selects.push(this.keyUnitList[i].id)
+ }
+ ngOnInit(): void {
+ window.setTimeout(() => {
+ this.mapInit()
+ }, 0)
+ let buildingType = this.getAllBuildingType()//获取建筑类型
+ Promise.all([buildingType]).then(() => {
+ this.keyUnitForm = this.fb.group({
+ units: this.buildUnits(),
+ allSelectedUnit: new FormControl(),
+ areaUnit: new FormControl()
+ })
+ this.watertForm = this.fb.group({
+ waters: this.waterUnits(),
+ allSelectedWater: new FormControl(),
+ areaWater: new FormControl()
+ })
+ this.fireForceForm = this.fb.group({
+ fireForce: this.fireForceController(),
+ allSelectedFireForce: new FormControl(),
+ areaFireForce: new FormControl()
+ })
+ this.linkageForcesForm = this.fb.group({
+ linkageForces: this.linkageForcesController(),
+ allSelectedLinkageForces: new FormControl(),
+ areaLinkageForces: new FormControl()
+ })
+
+ //将选中的push到数组
+ this.units.valueChanges.subscribe(values => {
+ let selects: string[] = []
+ values.forEach((selected: boolean, i: number) => {
+ selected === true && selects.push(this.keyUnitList[i].id)
+ });
+ this.selectedUnitList = selects
+ })
+ this.waters.valueChanges.subscribe(values => {
+ let selects: string[] = []
+ values.forEach((selected: boolean, i: number) => {
+ selected === true && selects.push(this.waterList[i].id)
+ });
+ this.selectedWaterList = selects
+ })
+
+ this.fireForce.valueChanges.subscribe(values => {
+ let selects: string[] = []
+ values.forEach((selected: boolean, i: number) => {
+ selected === true && selects.push(this.fireForceList[i].id)
+ });
+ this.selectedFireForceList = selects
+ })
+ this.linkageForces.valueChanges.subscribe(values => {
+ let selects: string[] = []
+ values.forEach((selected: boolean, i: number) => {
+ selected === true && selects.push(this.linkageForcesList[i].id)
+ });
+ this.selectedLinkageForcesList = selects
+ })
+ this.unitSelected()
+ })
+ }
+
+ //构造重点单位checkbox控制器
+ buildUnits() {
+ const arr = this.keyUnitList.map(item => {
+ return this.fb.control(item.selected);
});
- this.selectedUnitList = selects
- })
- this.waters.valueChanges.subscribe(values => {
- let selects:string[] = []
- values.forEach((selected:boolean,i:number) => {
- selected === true && selects.push(this.waterList[i].id)
+ return this.fb.array(arr);
+ }
+ //构造水源checkbox控制器
+ waterUnits() {
+ const arr = this.waterList.map(item => {
+ return this.fb.control(item.selected);
});
- this.selectedWaterList = selects
- })
-
- this.fireForce.valueChanges.subscribe(values => {
- let selects:string[] = []
- values.forEach((selected:boolean,i:number) => {
- selected === true && selects.push(this.fireForceList[i].id)
+ return this.fb.array(arr);
+ }
+ //构造消防力量checkbox控制器
+ fireForceController() {
+ const arr = this.fireForceList.map(item => {
+ return this.fb.control(item.selected);
});
- this.selectedFireForceList = selects
- })
- this.linkageForces.valueChanges.subscribe(values => {
- let selects:string[] = []
- values.forEach((selected:boolean,i:number) => {
- selected === true && selects.push(this.linkageForcesList[i].id)
+ return this.fb.array(arr);
+ }
+ //构造联动力量checkbox控制器
+ linkageForcesController() {
+ const arr = this.linkageForcesList.map(item => {
+ return this.fb.control(item.selected);
});
- this.selectedLinkageForcesList = selects
- })
- this.unitSelected()
- })
- }
-
- //构造重点单位checkbox控制器
- buildUnits() {
- const arr = this.keyUnitList.map(item => {
- return this.fb.control(item.selected);
- });
- return this.fb.array(arr);
- }
- //构造水源checkbox控制器
- waterUnits() {
- const arr = this.waterList.map(item => {
- return this.fb.control(item.selected);
- });
- return this.fb.array(arr);
- }
- //构造消防力量checkbox控制器
- fireForceController() {
- const arr = this.fireForceList.map(item => {
- return this.fb.control(item.selected);
- });
- return this.fb.array(arr);
- }
- //构造联动力量checkbox控制器
- linkageForcesController() {
- const arr = this.linkageForcesList.map(item => {
- return this.fb.control(item.selected);
- });
- return this.fb.array(arr);
- }
-
- //初始化获取勾选项
- unitSelected(){
- this.keyUnitList.forEach(item => {
- if(item.selected){
- this.selectedUnitList.push(item.name)
- }
+ return this.fb.array(arr);
+ }
+
+ //初始化获取勾选项
+ unitSelected() {
+ this.keyUnitList.forEach(item => {
+ if (item.selected) {
+ this.selectedUnitList.push(item.name)
+ }
+ })
+ this.waterList.forEach(item => {
+ if (item.selected) {
+ this.selectedWaterList.push(item.name)
+ }
+ })
+ this.fireForceList.forEach(item => {
+ if (item.selected) {
+ this.selectedFireForceList.push(item.name)
+ }
+ })
+ this.linkageForcesList.forEach(item => {
+ if (item.selected) {
+ this.selectedLinkageForcesList.push(item.name)
+ }
+ })
+ }
+ //地图范围圆圈---重点单位
+ circle = new AMap.Circle({
+ center: null,
+ radius: 0, //半径
+ strokeOpacity: 1,
+ fillOpacity: 0.4,
+ strokeStyle: 'dashed',
+ strokeDasharray: [10, 10],
+ // 线样式还支持 'dashed'
+ fillColor: '#1791fc',
+ zIndex: 50,
})
- this.waterList.forEach(item => {
- if(item.selected){
- this.selectedWaterList.push(item.name)
- }
+ //地图范围圆圈---水源
+ circleofwater = new AMap.Circle({
+ center: null,
+ radius: 0, //半径
+ strokeOpacity: 1,
+ fillOpacity: 0.4,
+ strokeStyle: 'dashed',
+ strokeDasharray: [10, 10],
+ // 线样式还支持 'dashed'
+ fillColor: '#ee2200',
+ zIndex: 50,
})
- this.fireForceList.forEach(item => {
- if(item.selected){
- this.selectedFireForceList.push(item.name)
- }
+ //地图范围圆圈---消防力量
+ circleoffireForce = new AMap.Circle({
+ center: null,
+ radius: 0, //半径
+ strokeOpacity: 1,
+ fillOpacity: 0.4,
+ strokeStyle: 'dashed',
+ strokeDasharray: [10, 10],
+ // 线样式还支持 'dashed'
+ fillColor: '#e830cc',
+ zIndex: 50,
})
- this.linkageForcesList.forEach(item => {
- if(item.selected){
- this.selectedLinkageForcesList.push(item.name)
- }
+ //地图范围圆圈---联动力量
+ circleoflinkageForces = new AMap.Circle({
+ center: null,
+ radius: 0, //半径
+ strokeOpacity: 1,
+ fillOpacity: 0.4,
+ strokeStyle: 'dashed',
+ strokeDasharray: [10, 10],
+ // 线样式还支持 'dashed'
+ fillColor: '#f6a317',
+ zIndex: 50,
})
- }
- //地图范围圆圈---重点单位
- circle = new AMap.Circle({
- center: null,
- radius: 0, //半径
- strokeOpacity: 1,
- fillOpacity: 0.4,
- strokeStyle: 'dashed',
- strokeDasharray: [10, 10],
- // 线样式还支持 'dashed'
- fillColor: '#1791fc',
- zIndex: 50,
- })
- //地图范围圆圈---水源
- circleofwater = new AMap.Circle({
- center: null,
- radius: 0, //半径
- strokeOpacity: 1,
- fillOpacity: 0.4,
- strokeStyle: 'dashed',
- strokeDasharray: [10, 10],
- // 线样式还支持 'dashed'
- fillColor: '#ee2200',
- zIndex: 50,
- })
- //地图范围圆圈---消防力量
- circleoffireForce = new AMap.Circle({
- center: null,
- radius: 0, //半径
- strokeOpacity: 1,
- fillOpacity: 0.4,
- strokeStyle: 'dashed',
- strokeDasharray: [10, 10],
- // 线样式还支持 'dashed'
- fillColor: '#e830cc',
- zIndex: 50,
- })
- //地图范围圆圈---联动力量
- circleoflinkageForces = new AMap.Circle({
- center: null,
- radius: 0, //半径
- strokeOpacity: 1,
- fillOpacity: 0.4,
- strokeStyle: 'dashed',
- strokeDasharray: [10, 10],
- // 线样式还支持 'dashed'
- fillColor: '#f6a317',
- zIndex: 50,
- })
-
-
- //重点单位提交
- ketUnitSubmit(value){
- if(this.markers.length == 0){
- let paramsdata:any = {
- PageSize:99999,
- BuildingTypeIdList : this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
- }
- this.http.get("/api/Companies",{params:paramsdata}).subscribe((data:any) => {
- this.createUnitMarker(data.items)
- })
- }else{
- this.circle.setRadius(Number(this.unitAreaDefault))
- this.circle.setCenter(this.markers[0]._position)
- this.circle.setMap(this.map)
- let Distance
- let lnglat = new AMap.LngLat(this.selectedUnit.location.x, this.selectedUnit.location.y) // lng, lat 替换成传入的坐标
- if(this.unitAreaDefault == '0'){
- this.circle.setRadius(this.Calculationofdistance(this.map.getBounds())/2)
- Distance = Math.abs(lnglat.offset(0, this.Calculationofdistance(this.map.getBounds())/2).lat - this.selectedUnit.location.y)
- }else{
- Distance = Math.abs(lnglat.offset(0, this.unitAreaDefault).lat - this.selectedUnit.location.y)
- }
- if(this.unitAreaDefault == '-1'){//如果勾选全部
- let paramsdata:any = {
- PageSize:99999,
- BuildingTypeIdList : this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
- }
- this.http.get("/api/Companies",{params:paramsdata}).subscribe((data:any) => {
- data.items.forEach((i,index) => {
- if(i.id == this.selectedUnit.id){
- data.items.splice(index,1)
+
+
+ //重点单位提交
+ ketUnitSubmit(value) {
+ if (this.markers.length == 0) {
+ let paramsdata: any = {
+ PageSize: 99999,
+ BuildingTypeIdList: this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
+ }
+ this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
+ this.createUnitMarker(data.items)
+ })
+ } else {
+ this.circle.setRadius(Number(this.unitAreaDefault))
+ this.circle.setCenter(this.markers[0]._position)
+ this.circle.setMap(this.map)
+ let Distance
+ let lnglat = new AMap.LngLat(this.selectedUnit.location.x, this.selectedUnit.location.y) // lng, lat 替换成传入的坐标
+ if (this.unitAreaDefault == '0') {
+ this.circle.setRadius(this.Calculationofdistance(this.map.getBounds()) / 2)
+ Distance = Math.abs(lnglat.offset(0, this.Calculationofdistance(this.map.getBounds()) / 2).lat - this.selectedUnit.location.y)
+ } else {
+ Distance = Math.abs(lnglat.offset(0, this.unitAreaDefault).lat - this.selectedUnit.location.y)
+ }
+ if (this.unitAreaDefault == '-1') {//如果勾选全部
+ let paramsdata: any = {
+ PageSize: 99999,
+ BuildingTypeIdList: this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
+ }
+ this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
+ data.items.forEach((i, index) => {
+ if (i.id == this.selectedUnit.id) {
+ data.items.splice(index, 1)
+ }
+ })
+ this.createUnitMarker(data.items)
+ })
+ } else {
+ let paramsdata: any = {
+ PageSize: 99999,
+ Lon: this.selectedUnit.location.x,
+ Lat: this.selectedUnit.location.y,
+ Distance: Distance,
+ BuildingTypeIdList: this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
+ }
+ this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
+ data.items.forEach((i, index) => {
+ if (i.id == this.selectedUnit.id) {
+ data.items.splice(index, 1)
+ }
+ })
+ this.createUnitMarker(data.items)
+ })
}
- })
- this.createUnitMarker(data.items)
- })
- }else{
- let paramsdata:any = {
- PageSize:99999,
- Lon : this.selectedUnit.location.x,
- Lat : this.selectedUnit.location.y,
- Distance : Distance,
- BuildingTypeIdList : this.selectedUnitList.length != 0 ? this.selectedUnitList : ['123']
}
- this.http.get("/api/Companies",{params:paramsdata}).subscribe((data:any) => {
- data.items.forEach((i,index) => {
- if(i.id == this.selectedUnit.id){
- data.items.splice(index,1)
+ }
+ //创建单位markers
+ unitCluster: any //重点单位点聚合实例
+ createUnitMarker(list) {
+ let unitMarkerArrcluster = []
+ this.unitCluster ? this.unitCluster.setData([]) : null
+ list.forEach((item) => {
+ let image
+ if (item.buildingTypes[0].name.indexOf('高层') != -1) {
+ image = '/assets/images/Highbuilding.png'
+ } else if (item.buildingTypes[0].name.indexOf('化工') != -1) {
+ image = '/assets/images/Chemicalindustry.png'
+ } else if (item.buildingTypes[0].name.indexOf('餐饮') != -1) {
+ image = '/assets/images/canyin.png'
+ } else if (item.buildingTypes[0].name.indexOf('厂房') != -1) {
+ image = '/assets/images/changfang.png'
+ } else if (item.buildingTypes[0].name.indexOf('储罐') != -1) {
+ image = '/assets/images/chuguanlei.png'
+ } else if (item.buildingTypes[0].name.indexOf('地下') != -1) {
+ image = '/assets/images/dixia.png'
+ } else if (item.buildingTypes[0].name.indexOf('古建筑') != -1) {
+ image = '/assets/images/gujianzhu.png'
+ } else if (item.buildingTypes[0].name.indexOf('轨道' || '地铁' || '交通') != -1) {
+ image = '/assets/images/guidaojiaotong.png'
+ } else if (item.buildingTypes[0].name.indexOf('商场' || '超市') != -1) {
+ image = '/assets/images/shangchangchaoshi.png'
+ } else if (item.buildingTypes[0].name.indexOf('隧道') != -1) {
+ image = '/assets/images/suidao.png'
+ } else if (item.buildingTypes[0].name.indexOf('危化品') != -1) {
+ image = '/assets/images/weihuapin.png'
+ } else if (item.buildingTypes[0].name.indexOf('学校' || '教育') != -1) {
+ image = '/assets/images/xuexiao.png'
+ } else if (item.buildingTypes[0].name.indexOf('医院' || '医疗') != -1) {
+ image = '/assets/images/yiyuan.png'
+ } else if (item.buildingTypes[0].name.indexOf('影' || '剧') != -1) {
+ image = '/assets/images/yingjuyuan.png'
+ } else if (item.buildingTypes[0].name.indexOf('娱乐') != -1) {
+ image = '/assets/images/yule.png'
+ } else if (item.buildingTypes[0].name.indexOf('展览' || '景点' || '景区') != -1) {
+ image = '/assets/images/zhanlanjianzhu.png'
+ } else {
+ image = '/assets/images/qita.png'
}
- })
- this.createUnitMarker(data.items)
+ // 用于点集合的数组
+ unitMarkerArrcluster.push({
+ lnglat: [item.location.x, item.location.y],
+ image: image,
+ data: item
+ })
})
- }
- }
- }
- //创建单位markers
- unitCluster:any //重点单位点聚合实例
- createUnitMarker(list){
- let unitMarkerArrcluster = []
- this.unitCluster ? this.unitCluster.setData([]) : null
- list.forEach((item) => {
- let image
- if(item.buildingTypes[0].name.indexOf('高层') != -1){
- image = '/assets/images/Highbuilding.png'
- }else if(item.buildingTypes[0].name.indexOf('化工') != -1){
- image = '/assets/images/Chemicalindustry.png'
- }else if(item.buildingTypes[0].name.indexOf('餐饮') != -1){
- image = '/assets/images/canyin.png'
- }else if(item.buildingTypes[0].name.indexOf('厂房') != -1){
- image = '/assets/images/changfang.png'
- }else if(item.buildingTypes[0].name.indexOf('储罐') != -1){
- image = '/assets/images/chuguanlei.png'
- }else if(item.buildingTypes[0].name.indexOf('地下') != -1){
- image = '/assets/images/dixia.png'
- }else if(item.buildingTypes[0].name.indexOf('古建筑') != -1){
- image = '/assets/images/gujianzhu.png'
- }else if(item.buildingTypes[0].name.indexOf('轨道' || '地铁' || '交通') != -1){
- image = '/assets/images/guidaojiaotong.png'
- }else if(item.buildingTypes[0].name.indexOf('商场' || '超市') != -1){
- image = '/assets/images/shangchangchaoshi.png'
- }else if(item.buildingTypes[0].name.indexOf('隧道') != -1){
- image = '/assets/images/suidao.png'
- }else if(item.buildingTypes[0].name.indexOf('危化品') != -1){
- image = '/assets/images/weihuapin.png'
- }else if(item.buildingTypes[0].name.indexOf('学校' || '教育') != -1){
- image = '/assets/images/xuexiao.png'
- }else if(item.buildingTypes[0].name.indexOf('医院' || '医疗') != -1){
- image = '/assets/images/yiyuan.png'
- }else if(item.buildingTypes[0].name.indexOf('影' || '剧') != -1){
- image = '/assets/images/yingjuyuan.png'
- }else if(item.buildingTypes[0].name.indexOf('娱乐') != -1){
- image = '/assets/images/yule.png'
- }else if(item.buildingTypes[0].name.indexOf('展览' || '景点' || '景区') != -1){
- image = '/assets/images/zhanlanjianzhu.png'
- }else{
- image = '/assets/images/qita.png'
- }
- // 用于点集合的数组
- unitMarkerArrcluster.push({
- lnglat : [item.location.x,item.location.y],
- image : image,
- data : item
- })
- })
- this.map.plugin(["AMap.MarkerClusterer"],() => {
- var gridSize = 60
- var count = unitMarkerArrcluster.length;
- var _renderClusterMarker = function (context) {
- var factor = Math.pow(context.count / count, 1 / 18);
- var div = document.createElement('div');
- var Hue = 180 - factor * 180;
- var bgColor = 'hsla(' + Hue + ',100%,40%,0.7)';
- var fontColor = 'hsla(' + Hue + ',100%,90%,1)';
- var borderColor = 'hsla(' + Hue + ',100%,40%,1)';
- var shadowColor = 'hsla(' + Hue + ',100%,90%,1)';
- div.style.backgroundColor = bgColor;
- var size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20);
- div.style.width = div.style.height = size + 'px';
- div.style.border = 'solid 1px ' + borderColor;
- div.style.borderRadius = size / 2 + 'px';
- div.style.boxShadow = '0 0 5px ' + shadowColor;
- div.innerHTML = context.count;
- div.style.lineHeight = size + 'px';
- div.style.color = fontColor;
- div.style.fontSize = '14px';
- div.style.textAlign = 'center';
- context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2));
- context.marker.setContent(div)
- };
- var _renderMarker = (context)=> {
- var content = `
`;
- var offset = new AMap.Pixel(-15, -15);
- context.marker.setContent(content)
- context.marker.setOffset(offset)
- }
- this.unitCluster = new AMap.MarkerCluster(this.map, unitMarkerArrcluster, {
- gridSize: gridSize, // 设置网格像素大小
- renderClusterMarker: _renderClusterMarker, // 自定义聚合点样式
- renderMarker: _renderMarker, // 自定义非聚合点样式
- });
- this.unitCluster.on('click',(e)=>{
- if(e.clusterData.length == 1){
- let item = e.clusterData[0].data
- let markerContent =
- `
diff --git a/src/app/ui/collection-tools-plan/collection-tools.component.ts b/src/app/ui/collection-tools-plan/collection-tools.component.ts
index b680cfc..78769db 100644
--- a/src/app/ui/collection-tools-plan/collection-tools.component.ts
+++ b/src/app/ui/collection-tools-plan/collection-tools.component.ts
@@ -17,2556 +17,2560 @@ import { TabbarAndScoreService } from 'src/app/http-interceptors/tabbar-and-scor
import { MaskLayerService } from 'src/app/mask-layer.service';
import * as ObjectID from 'bson-objectid';
import { AxMessageSystem } from 'src/app/working-area/model/axMessageSystem';
+import { MapFactory } from 'src/modules/map/declare/factory';
+import { IMap } from 'src/modules/map/declare/map';
declare var AMap: any
declare global {
- interface Window {
- deleteMarker: any;
- }
+ interface Window {
+ deleteMarker: any;
+ }
}
@Component({
- selector: 'app-collection-tools-plan',
- templateUrl: './collection-tools.component.html',
- styleUrls: ['./collection-tools.component.scss']
+ selector: 'app-collection-tools-plan',
+ templateUrl: './collection-tools.component.html',
+ styleUrls: ['./collection-tools.component.scss']
})
export class CollectionToolsPlanComponent implements OnInit {
- @ViewChild('canvas') canvas: WorkingAreaComponent; //父组件中获得子组件的引用
-
- constructor(public renderer2: Renderer2, public _ngZone: NgZone, private maskLayerService: MaskLayerService, private tabbarService: TabbarAndScoreService, 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;
- // tree配置
- private _transformer = (node, level: number) => {//要给渲染节点传那些属性参数
- return {
- expandable: !!node.children && node.children.length > 0,
- name: node.name || node.Name,
- level: level,
- id: node.id || node.Id,
- children: node.children,
- isTemplate: node.isTemplate,
- isNewElement: node.isNewElement,
- isLook: node.isLook,
- isLookPattern: node.isLookPattern || null
- };
- }
- treeControl = new FlatTreeControl(node => node.level, node => node.expandable);
-
- treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children);
- dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
- hasChild = (_: number, node: any) => node.expandable;
-
- colors = ['#076eec', '#4dd0e1', '#00ee76', '#ffff00', '#eeb422',
- '#FF6A6A', '#ff0000', '#ff6eb4', '#00bfff', '#54ff9f',
- '#009688', '#836fff', '#ff8c00', '#ee00ee', '#ffa07a',
- '#00C500', '#00ffff', '#6495ed', '#ffdAb9', '#AA00FF']
- selected = "1" //图标大小选择框
-
- allBuildings //该单位所有建筑
- beforeOneCheckedBuilding: any = { name: "总平面图" }; //当前点击选择的建筑
- checkedBuildingIndex: number = -1 //当前点击选择的建筑index
- isEditPat: boolean = true //当前是否是编辑模式
-
- assetName: String//素材名称
- assetWidth: number//素材宽度
- assetHeight: number//素材高度
- sliderValue: number = 0//角度滑竿的值
- sliderValueThickness: number = 0//厚度滑竿的值
- isHighLight: boolean = false//是否高亮选择框
- PropertyInfos = [] //去除图片链接真正用于循环的内容
- imagesArrNum //素材属性图片数量上限
- imagesArr = [] //属性中的图片链接集合
- clickedIndex //点击图片时的索引值
-
- //传入素材对象，设置右侧属性栏内容
- canvasAssetObj //传入的素材属性对象
- isImgNumCss = false //控制上传文件input显隐
- mySwiper: any //轮播图实例
-
- gallery//viewerJs实例
- //设置属性框
- setAssetsProperty(obj) {
- console.log('传进来的属性信息', obj)
- //初始化viewerJs实例
- setTimeout(() => {
- obj.PropertyInfos.forEach(item => {
- if (item.PropertyType == 4) {
- if (document.getElementById('viewerjs')) {
- this.gallery = new Viewer(document.getElementById('viewerjs'), {
- url: 'data-original'
- });
- }
+ @ViewChild('canvas') canvas: WorkingAreaComponent; //父组件中获得子组件的引用
+
+ constructor(public renderer2: Renderer2, public _ngZone: NgZone, private maskLayerService: MaskLayerService, private tabbarService: TabbarAndScoreService, 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;
+ // tree配置
+ private _transformer = (node, level: number) => {//要给渲染节点传那些属性参数
+ return {
+ expandable: !!node.children && node.children.length > 0,
+ name: node.name || node.Name,
+ level: level,
+ id: node.id || node.Id,
+ children: node.children,
+ isTemplate: node.isTemplate,
+ isNewElement: node.isNewElement,
+ isLook: node.isLook,
+ isLookPattern: node.isLookPattern || null
+ };
+ }
+ treeControl = new FlatTreeControl(node => node.level, node => node.expandable);
+
+ treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children);
+ dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
+ hasChild = (_: number, node: any) => node.expandable;
+
+ colors = ['#076eec', '#4dd0e1', '#00ee76', '#ffff00', '#eeb422',
+ '#FF6A6A', '#ff0000', '#ff6eb4', '#00bfff', '#54ff9f',
+ '#009688', '#836fff', '#ff8c00', '#ee00ee', '#ffa07a',
+ '#00C500', '#00ffff', '#6495ed', '#ffdAb9', '#AA00FF']
+ selected = "1" //图标大小选择框
+
+ allBuildings //该单位所有建筑
+ beforeOneCheckedBuilding: any = { name: "总平面图" }; //当前点击选择的建筑
+ checkedBuildingIndex: number = -1 //当前点击选择的建筑index
+ isEditPat: boolean = true //当前是否是编辑模式
+
+ assetName: String//素材名称
+ assetWidth: number//素材宽度
+ assetHeight: number//素材高度
+ sliderValue: number = 0//角度滑竿的值
+ sliderValueThickness: number = 0//厚度滑竿的值
+ isHighLight: boolean = false//是否高亮选择框
+ PropertyInfos = [] //去除图片链接真正用于循环的内容
+ imagesArrNum //素材属性图片数量上限
+ imagesArr = [] //属性中的图片链接集合
+ clickedIndex //点击图片时的索引值
+
+ //传入素材对象，设置右侧属性栏内容
+ canvasAssetObj //传入的素材属性对象
+ isImgNumCss = false //控制上传文件input显隐
+ mySwiper: any //轮播图实例
+
+ gallery//viewerJs实例
+ //设置属性框
+ setAssetsProperty(obj) {
+ console.log('传进来的属性信息', obj)
+ //初始化viewerJs实例
+ setTimeout(() => {
+ obj.PropertyInfos.forEach(item => {
+ if (item.PropertyType == 4) {
+ if (document.getElementById('viewerjs')) {
+ this.gallery = new Viewer(document.getElementById('viewerjs'), {
+ url: 'data-original'
+ });
+ }
+ }
+ })
+ }, 0);
+
+ //从颜色中取出透明度
+ let color = obj.Color
+ let strh = color.substring(color.length - 2, color.length)
+ let opacity = Math.round(parseInt(strh, 16) / 255 * 100)
+ this.colorDivSliderValue = opacity
+
+ this.isShowProperty = true
+ this.isShowAttribute = false
+ let _this = this
+ this.imagesArr = []
+ this.imagesArrNum = ""
+
+ this.canvasAssetObj = obj //将选中素材对象存到本地变量
+
+ this.assetName = obj.Name
+ this.assetWidth = obj.Width
+ this.assetHeight = obj.Height
+ this.sliderValue = obj.Angle
+ this.selectedcolor = obj.Color
+ this.PropertyInfos = obj.PropertyInfos
+ this.sliderValueThickness = obj.Thickness
+ this.PropertyInfos.forEach(item => {
+ if (item.PropertyType == 3) { //如果是图片链接类型
+ this.imagesArr.push(item)
+ }
+ if (item.PropertyType == 4) {//图片数值上线
+ this.imagesArrNum = item.PropertyValue
+ }
+ })
+
+ //如果存在图片则加载轮播图
+ if (this.imagesArr.length) {
+ setTimeout(() => {
+ this.mySwiper = new Swiper('.swiper-container', {
+ loop: false,
+ // grabCursor: true,
+ // 如果需要前进后退按钮
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ },
+ on: {
+ click: function () {
+ _this.clickedIndex = this.clickedIndex
+ },
+ }
+ });
+ }, 0);
}
- })
- }, 0);
-
- //从颜色中取出透明度
- let color = obj.Color
- let strh = color.substring(color.length - 2, color.length)
- let opacity = Math.round(parseInt(strh, 16) / 255 * 100)
- this.colorDivSliderValue = opacity
-
- this.isShowProperty = true
- this.isShowAttribute = false
- let _this = this
- this.imagesArr = []
- this.imagesArrNum = ""
-
- this.canvasAssetObj = obj //将选中素材对象存到本地变量
-
- this.assetName = obj.Name
- this.assetWidth = obj.Width
- this.assetHeight = obj.Height
- this.sliderValue = obj.Angle
- this.selectedcolor = obj.Color
- this.PropertyInfos = obj.PropertyInfos
- this.sliderValueThickness = obj.Thickness
- this.PropertyInfos.forEach(item => {
- if (item.PropertyType == 3) { //如果是图片链接类型
- this.imagesArr.push(item)
- }
- if (item.PropertyType == 4) {//图片数值上线
- this.imagesArrNum = item.PropertyValue
- }
- })
-
- //如果存在图片则加载轮播图
- if (this.imagesArr.length) {
- setTimeout(() => {
- this.mySwiper = new Swiper('.swiper-container', {
- loop: false,
- // grabCursor: true,
- // 如果需要前进后退按钮
- navigation: {
- nextEl: '.swiper-button-next',
- prevEl: '.swiper-button-prev',
- },
- on: {
- click: function () {
- _this.clickedIndex = this.clickedIndex
- },
- }
- });
- }, 0);
- }
- //判断此时图片数量是否达到上限
- if (this.imagesArr.length < this.imagesArrNum) {//如果不超出
- this.isImgNumCss = true
- } else {
- this.isImgNumCss = false
- }
- }
- pattern: boolean = true//默认为基本信息编辑
- //适应缩放
- adaptZoom() {
- this.canvas.zoomFit()
- }
- //重置缩放
- resetZoom() {
- this.canvas.resetCamera2D()
- }
-
-
- //消防要素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) {
- document.onmousemove = (ev) => {
- let bodyWidth = document.body.clientWidth //网页宽度
- let maxWidth = bodyWidth - 260 - this.element.nativeElement.querySelector('#rightDiv').clientWidth //最大宽度
- if (ev.clientX - 240 >= maxWidth) {
- this.element.nativeElement.querySelector('#leftDiv').style.width = maxWidth + 'px'
- } else {
- this.element.nativeElement.querySelector('#leftDiv').style.width = ev.clientX - 260 + 'px';
- }
- }
- document.onmouseup = () => {
- document.onmousemove = null;
- document.onmouseup = null;
- }
- }
-
-
- //右侧div边框宽度调节
- rightDivMouseDown(e) {
- document.onmousemove = (ev) => {
- let bodyWidth = document.body.clientWidth //网页宽度
- let maxWidth = bodyWidth - 240 - this.element.nativeElement.querySelector('#leftDiv').clientWidth //最大宽度
- if (bodyWidth - ev.clientX >= maxWidth) {
- this.element.nativeElement.querySelector('#rightDiv').style.width = maxWidth + 'px'
- } else {
- this.element.nativeElement.querySelector('#rightDiv').style.width = bodyWidth - ev.clientX + 'px';
- }
- }
- document.onmouseup = () => {
- document.onmousemove = null;
- document.onmouseup = null;
- }
- }
-
- //放大图标
- iconScale() {
- let number = Number(this.selected)
- this.canvas.setIconScale(number)
- }
-
- //素材宽度输入框改变
- assetWidthIunput() {
- this.canvasAssetObj.Width = this.assetWidth
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
-
- }
-
- //素材高度输入框改变
- assetHeightIunput() {
- this.canvasAssetObj.Height = this.assetHeight
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
-
- //素材角度输入框改变
- assetAngleIunput() {
- this.canvasAssetObj.Angle = this.sliderValue
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
-
- //素材厚度输入框改变
- assetThicknessIunput() {
- this.canvasAssetObj.Thickness = this.sliderValueThickness
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
-
- //素材是否高亮改变----->本地操作行为
- assetHighLightIunput() {
- // console.log(this.isHighLight,this.canvasAssetObj)
- // let arr = []
- // arr.push(this.canvasAssetObj.Id)
- // this.canvas.setHighlight(arr)
- }
-
- //判断是否是数字类型
- myIsNaN(value) {
- return typeof value === 'number' && !isNaN(value);
- }
- //动态属性素材input框值改变
- assetInputChange(i, e) {
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
- return i.PropertyName == item.PropertyName
- })
- if (this.myIsNaN(e.target.value)) {
- e.target.value = String(e.target.value)
- }
- this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
-
- //动态属性素材布尔值框改变radio
- assetRadioChange(i, boolean) {
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
- return i.PropertyName == item.PropertyName
- })
- this.canvasAssetObj.PropertyInfos[index].PropertyValue = boolean
- this.canvasData.isChange = true
- }
-
- colorIndex//默认素材颜色
- selectedcolor//点击选择的颜色
- //选择素材颜色
- selectcolor(item, key) {
- //在当前透明度基础上改变颜色
- this.selectedcolor = item + this.selectedcolor.substring(this.selectedcolor.length - 2)
- this.canvasAssetObj.Color = this.selectedcolor
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
- //颜色选择滑竿的值
- colorDivSliderValue
- colorDivSliderChange() {
- let colorOpacity = Math.round(255 * this.colorDivSliderValue * 0.01)
- //根据滑竿值改变16进制颜色后两位
- function replacepos(text, start, stop, replacetext) {
- let mystr = text.substring(0, stop - 1) + replacetext + text.substring(stop + 1);
- return mystr;
- }
- this.selectedcolor = replacepos(this.selectedcolor, 7, 8, colorOpacity.toString(16))
- this.canvasAssetObj.Color = this.selectedcolor
- this.canvasData.isChange = true
- if (!this.isGis) {
- this.canvas.refreshIcon(this.canvasAssetObj.Id)
- }
- }
-
- //上传素材图片
- selectFile(e) {
- let imgFile = e.target.files[0] || null //上传的文件
- this.startUploading(imgFile)
- }
- objectName: any //上传对象名
- startUploading(imgFile) {
- let _this = this
- let file = imgFile || null //获取上传的文件
- let fileSize = file.size || null //上传文件的总大小
- let shardSize = 5 * 1024 * 1024 //5MB一个分片
- let companyId = sessionStorage.getItem("companyId")
- if (file && fileSize <= shardSize) { //上传文件<=5MB时
- let formData = new FormData()
- formData.append("file", file)
- this.http.post(`api/Objects/WebPlan2D/${companyId}`, formData).subscribe((data: any) => {
- this.objectName = data.objectName
+ //判断此时图片数量是否达到上限
+ if (this.imagesArr.length < this.imagesArrNum) {//如果不超出
+ this.isImgNumCss = true
+ } else {
+ this.isImgNumCss = false
+ }
+ }
+ pattern: boolean = true//默认为基本信息编辑
+ //适应缩放
+ adaptZoom() {
+ this.canvas.zoomFit()
+ }
+ //重置缩放
+ resetZoom() {
+ this.canvas.resetCamera2D()
+ }
+
+
+ //消防要素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) {
+ document.onmousemove = (ev) => {
+ let bodyWidth = document.body.clientWidth //网页宽度
+ let maxWidth = bodyWidth - 260 - this.element.nativeElement.querySelector('#rightDiv').clientWidth //最大宽度
+ if (ev.clientX - 240 >= maxWidth) {
+ this.element.nativeElement.querySelector('#leftDiv').style.width = maxWidth + 'px'
+ } else {
+ this.element.nativeElement.querySelector('#leftDiv').style.width = ev.clientX - 260 + 'px';
+ }
+ }
+ document.onmouseup = () => {
+ document.onmousemove = null;
+ document.onmouseup = null;
+ }
+ }
+
+
+ //右侧div边框宽度调节
+ rightDivMouseDown(e) {
+ document.onmousemove = (ev) => {
+ let bodyWidth = document.body.clientWidth //网页宽度
+ let maxWidth = bodyWidth - 240 - this.element.nativeElement.querySelector('#leftDiv').clientWidth //最大宽度
+ if (bodyWidth - ev.clientX >= maxWidth) {
+ this.element.nativeElement.querySelector('#rightDiv').style.width = maxWidth + 'px'
+ } else {
+ this.element.nativeElement.querySelector('#rightDiv').style.width = bodyWidth - ev.clientX + 'px';
+ }
+ }
+ document.onmouseup = () => {
+ document.onmousemove = null;
+ document.onmouseup = null;
+ }
+ }
+
+ //放大图标
+ iconScale() {
+ let number = Number(this.selected)
+ this.canvas.setIconScale(number)
+ }
+
+ //素材宽度输入框改变
+ assetWidthIunput() {
+ this.canvasAssetObj.Width = this.assetWidth
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+
+ }
+
+ //素材高度输入框改变
+ assetHeightIunput() {
+ this.canvasAssetObj.Height = this.assetHeight
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+
+ //素材角度输入框改变
+ assetAngleIunput() {
+ this.canvasAssetObj.Angle = this.sliderValue
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+
+ //素材厚度输入框改变
+ assetThicknessIunput() {
+ this.canvasAssetObj.Thickness = this.sliderValueThickness
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+
+ //素材是否高亮改变----->本地操作行为
+ assetHighLightIunput() {
+ // console.log(this.isHighLight,this.canvasAssetObj)
+ // let arr = []
+ // arr.push(this.canvasAssetObj.Id)
+ // this.canvas.setHighlight(arr)
+ }
+
+ //判断是否是数字类型
+ myIsNaN(value) {
+ return typeof value === 'number' && !isNaN(value);
+ }
+ //动态属性素材input框值改变
+ assetInputChange(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
+ return i.PropertyName == item.PropertyName
+ })
+ if (this.myIsNaN(e.target.value)) {
+ e.target.value = String(e.target.value)
+ }
+ this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+
+ //动态属性素材布尔值框改变radio
+ assetRadioChange(i, boolean) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
+ return i.PropertyName == item.PropertyName
+ })
+ this.canvasAssetObj.PropertyInfos[index].PropertyValue = boolean
+ this.canvasData.isChange = true
+ }
+
+ colorIndex//默认素材颜色
+ selectedcolor//点击选择的颜色
+ //选择素材颜色
+ selectcolor(item, key) {
+ //在当前透明度基础上改变颜色
+ this.selectedcolor = item + this.selectedcolor.substring(this.selectedcolor.length - 2)
+ this.canvasAssetObj.Color = this.selectedcolor
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+ //颜色选择滑竿的值
+ colorDivSliderValue
+ colorDivSliderChange() {
+ let colorOpacity = Math.round(255 * this.colorDivSliderValue * 0.01)
+ //根据滑竿值改变16进制颜色后两位
+ function replacepos(text, start, stop, replacetext) {
+ let mystr = text.substring(0, stop - 1) + replacetext + text.substring(stop + 1);
+ return mystr;
+ }
+ this.selectedcolor = replacepos(this.selectedcolor, 7, 8, colorOpacity.toString(16))
+ this.canvasAssetObj.Color = this.selectedcolor
+ this.canvasData.isChange = true
+ if (!this.isGis) {
+ this.canvas.refreshIcon(this.canvasAssetObj.Id)
+ }
+ }
+
+ //上传素材图片
+ selectFile(e) {
+ let imgFile = e.target.files[0] || null //上传的文件
+ this.startUploading(imgFile)
+ }
+ objectName: any //上传对象名
+ startUploading(imgFile) {
+ let _this = this
+ let file = imgFile || null //获取上传的文件
+ let fileSize = file.size || null //上传文件的总大小
+ let shardSize = 5 * 1024 * 1024 //5MB一个分片
+ let companyId = sessionStorage.getItem("companyId")
+ if (file && fileSize <= shardSize) { //上传文件<=5MB时
+ let formData = new FormData()
+ formData.append("file", file)
+ this.http.post(`api/Objects/WebPlan2D/${companyId}`, formData).subscribe((data: any) => {
+ this.objectName = data.objectName
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('上传成功', '确定', config)
+
+ //在原始素材对象和需要循环图片的对象中分别push最新上传的图片
+ let imgObj = {
+ "Tag": null,
+ "Order": 0,
+ "Enabled": false,
+ "Visible": false,
+ "Required": false,
+ "RuleName": null,
+ "RuleValue": null,
+ "PhysicalUnit": null,
+ "PropertyName": "图片",
+ "PropertyType": 3,
+ "PropertyValue": "/api/Objects/WebPlan2D/" + this.objectName
+ }
+
+ this.imagesArr.push(imgObj)
+ this.canvasAssetObj.PropertyInfos.push(imgObj)
+
+ setTimeout(() => {
+ this.mySwiper = new Swiper('.swiper-container', {
+ loop: false,
+ // grabCursor: true,
+ // 如果需要前进后退按钮
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ },
+ on: {
+ click: function () {
+ _this.clickedIndex = this.clickedIndex
+ },
+ }
+ });
+
+ this.mySwiper.slideTo(this.imagesArr.length - 1)
+ this.gallery.update()
+ }, 0);
+
+ //判断上传素材属性图片是否超出数量 超出数量则隐藏input框
+ if (this.imagesArr.length < this.imagesArrNum) {//不超出input才会显示
+ this.isImgNumCss = true
+ } else {
+ this.isImgNumCss = false
+ }
+
+ this.canvasData.isChange = true
+ })
+ } else if (file && fileSize > shardSize) { //上传文件>5MB时,分块上传
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('上传图片文件不允许大于5mb', '确定', config);
+ }
+
+ }
+
+ //不能上传图片提示
+ imgNumBeyond() {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('上传成功', '确定', config)
-
- //在原始素材对象和需要循环图片的对象中分别push最新上传的图片
- let imgObj = {
- "Tag": null,
- "Order": 0,
- "Enabled": false,
- "Visible": false,
- "Required": false,
- "RuleName": null,
- "RuleValue": null,
- "PhysicalUnit": null,
- "PropertyName": "图片",
- "PropertyType": 3,
- "PropertyValue": "/api/Objects/WebPlan2D/" + this.objectName
+ this.snackBar.open('图片数量已达上限', '确定', config);
+ }
+
+ //删除素材属性图片
+ deleteImg() {
+ if (this.imagesArr.length == 0) {
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('没有可删除的图片，请先上传', '确定', config)
+ } else {
+ // 在素材原始对象中将删除的图片去掉
+ this.canvasAssetObj.PropertyInfos = [...this.canvasAssetObj.PropertyInfos.filter((item) => {
+ return item.PropertyValue != this.imagesArr[this.mySwiper.activeIndex].PropertyValue
+ })]
+ //在图片循环数组中将图片去掉
+ this.imagesArr.splice(this.mySwiper.activeIndex, 1);
+ //更新swiper视图
+ setTimeout(() => {
+ this.mySwiper.update();
+ this.gallery.update()
+ }, 0);
+
+ //将上传的input框显示出来
+ this.isImgNumCss = true;
+ //清除图片缓存
+ if ((document.getElementById('inputimg'))) {
+ (document.getElementById('inputimg')).value = null //清空input框缓存
+ }
+
+ this.canvasData.isChange = true
}
+ }
- this.imagesArr.push(imgObj)
- this.canvasAssetObj.PropertyInfos.push(imgObj)
+ //动态属性方向select选择框
+ direction(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
+ return i.PropertyName == item.PropertyName
+ })
+ this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
+ this.canvasData.isChange = true
+ }
- setTimeout(() => {
- this.mySwiper = new Swiper('.swiper-container', {
- loop: false,
- // grabCursor: true,
- // 如果需要前进后退按钮
- navigation: {
- nextEl: '.swiper-button-next',
- prevEl: '.swiper-button-prev',
- },
- on: {
- click: function () {
- _this.clickedIndex = this.clickedIndex
- },
+ //动态属性供给区域select选择框
+ supplyArea(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
+ return i.PropertyName == item.PropertyName
+ })
+ this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
+ this.canvasData.isChange = true
+ }
+
+ //动态属性供给类型select选择框
+ supplyType(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
+ return i.PropertyName == item.PropertyName
+ })
+ this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
+ this.canvasData.isChange = true
+ }
+
+ isediticon = true //控制查看编辑模式的编辑模式小笔按钮
+
+ isMultipleAsset: boolean = false//框选多个素材属性显隐
+ multipleAsset: any = {
+ Width: null,
+ Height: null,
+ Angle: null,
+ Thickness: null,
+ Color: null,
+ PropertyInfos: []
+ }//多个素材共同属性
+ multipleAssetData: any//当前多选的素材
+ firstMultipleAssetData: any//当前多选的第一个素材
+ ngOnInit(): void {
+
+ let _this = this
+ AxMessageSystem.addListener('selectionChanged', () => {
+ if (this.canvas.selection.size() == 1) {//如果是单选
+ this.isMultipleAsset = false
+ console.log('单选', this.canvas.selection.first().assetData)
+ this.setAssetsProperty(this.canvas.selection.first().assetData)
+ } else if (this.canvas.selection.size()) {
+ this.isShowProperty = true
+ this.multipleAssetData = this.canvas.selection.all()
+ this.firstMultipleAssetData = this.canvas.selection.first()
+ this.multipleAsset = {
+ Width: null,
+ Height: null,
+ Angle: null,
+ Thickness: null,
+ Color: null,
+ PropertyInfos: []
+ }
+ this.isMultipleAsset = true
+ let firstAssetData = this.canvas.selection.first().assetData;//拿出第一个素材作为例子与其他素材进行对比
+ let InteractiveMode = firstAssetData.InteractiveMode //素材连接方式
+ let isInteractiveMode = this.canvas.selection.all().every(item => item.assetData.InteractiveMode === InteractiveMode)
+ if (isInteractiveMode) {
+ this.multipleAsset.InteractiveMode = InteractiveMode
+ }
+ let isFillMode = this.canvas.selection.all().every(item => item.assetData.FillMode === 0) //素材填充方式都为0
+ if (isFillMode) {
+ this.multipleAsset.FillMode = 0
+ }
+ this.canvas.selection.first().assetData.PropertyInfos.forEach(i => {
+ let index = 0
+ this.canvas.selection.all().forEach(item => {
+ item.assetData.PropertyInfos.forEach(element => {
+ if (element.PropertyName == i.PropertyName && element.PropertyType == i.PropertyType && element.PropertyType != 3 && element.PropertyType != 4) {
+ index++
+ if (index == this.canvas.selection.size()) {
+ let newElement = JSON.parse(JSON.stringify(element))
+ newElement.PropertyValue = ''
+ this.multipleAsset.PropertyInfos.push(newElement)
+ }
+ }
+ });
+ })
+ })
+ // console.log(666,_this.multipleAsset.PropertyInfos)
+ } else if (this.canvas.selection.size() == 0) {
+ this.isShowProperty = false
}
- });
+ }, this)
+ AxMessageSystem.addListener('imageResize', (eventName, args1) => {
+ this.assetWidth = args1.Width
+ this.assetHeight = args1.Height
+ }, this)
+ if (this.router.url.indexOf("keyUnit/viewunitinfo") != -1) { //查看模式
+ this.isEditPattern = false
+ this.isediticon = false
+ this.canvasData.gameMode = GameMode.Assignment
+ } else if (this.router.url.indexOf("keyUnit/editplaninfo") != -1) { //编辑模式
+ this.canvasData.gameMode = GameMode.BasicInformation
+ }
- this.mySwiper.slideTo(this.imagesArr.length - 1)
- this.gallery.update()
+ //gis模块平面图
+ if ((this.router.url.indexOf("gis") != -1 || this.router.url.indexOf("waitexamineergis") != -1) && sessionStorage.getItem("gisplan") == "look") {
+ this.isEditPattern = false
+ this.isediticon = false
+ this.canvasData.gameMode = GameMode.Assignment
+ } else {
+ this.getAllLibrary() //获取素材库
+ }
+
+ let that = this
+ window.setTimeout(() => {
+ document.getElementById("functionalDomainContent").oncontextmenu = function (event) {
+ // that.canvas.cancelPaint()
+ that.selectImageIndex = -1
+ event.preventDefault();
+ };
+ })
+
+ this.canvasData.getMessage().subscribe((message: any) => {
+ if (message == "send a message") {
+ // this.refurbishTreeData()
+ }
+ })
+
+ //点击marker关闭按钮
+ window.deleteMarker = () => {
+ this.canvasData.isChange = true
+ //清除地图标点
+ this.planDataMarkers.forEach((element, index) => {
+ if (element.id == this.clickId) {
+ this.planDataMarkers[index].setMap(null);
+ }
+ });
+
+ // 删除楼层数据
+ delete this.canvasData.originaleveryStoreyData.data[this.clickId];
+ // 删除建筑数据
+ delete this.canvasData.originalcompanyBuildingData.data[this.clickId];
+
+ console.log('originalcompanyBuildingData', this.canvasData.originalcompanyBuildingData)
+ console.log('originaleveryStoreyData', this.canvasData.originaleveryStoreyData)
+
+ }
+ }
+ //多选宽度共同改变
+ multipleAssetWidthInput() {
+ this.multipleAssetData.forEach(item => {
+ item.assetData.Width = this.multipleAsset.Width
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ })
+ }
+ //多选高度共同改变
+ multipleAssetHeightInput() {
+ this.multipleAssetData.forEach(item => {
+ item.assetData.Height = this.multipleAsset.Height
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ })
+ }
+ //多选角度共同改变
+ multipleAssetAngleInput() {
+ this.multipleAssetData.forEach(item => {
+ item.assetData.Angle = this.multipleAsset.Angle
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ })
+ }
+ //多选厚度共同改变
+ multipleAssetThicknessInput() {
+ this.multipleAssetData.forEach(item => {
+ item.assetData.Thickness = this.multipleAsset.Thickness
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ })
+ }
+ //多选颜色共同改变
+ multipleSelectedcolor: any
+ multipleAssetSelectcolor(item, key) {
+ //在当前透明度基础上改变颜色
+ this.multipleSelectedcolor = item
+ this.multipleAssetData.forEach(item => {
+ item.assetData.Color = this.multipleSelectedcolor
+ this.canvasData.isChange = true
+ this.canvas.refreshIcon(item.assetData.Id)
+ })
+ }
+ //多选颜色滑竿改变
+ multipleColorDivSliderChange() {
+ let colorOpacity = Math.round(255 * this.colorDivSliderValue * 0.01)
+ //根据滑竿值改变16进制颜色后两位
+ function replacepos(text, start, stop, replacetext) {
+ let mystr = text.substring(0, stop - 1) + replacetext + text.substring(stop + 1);
+ return mystr;
+ }
+ this.multipleAssetData.forEach(item => {
+ this.multipleSelectedcolor = replacepos(this.multipleSelectedcolor, 7, 8, colorOpacity.toString(16))
+ item.assetData.Color = this.multipleSelectedcolor
+ this.canvasData.isChange = true
+ this.canvas.refreshIcon(item.assetData.Id)
+ })
+ }
+ //多选状态动态属性素材input框值改变
+ multipleAssetInputChange(i, e) {
+ e.stopPropagation()
+ setTimeout(() => {
+ this.multipleAssetData.forEach(item => {
+ item.assetData.PropertyInfos.forEach(element => {
+ if (element.PropertyName == i.PropertyName) {
+ if (this.myIsNaN(i.PropertyValue)) {
+ i.PropertyValue = String(i.PropertyValue)
+ }
+ element.PropertyValue = i.PropertyValue
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ }
+ })
+ })
}, 0);
+ }
+ //多选状态动态属性素材radio框值改变
+ multipleAssetRadioChange(i, value) {
+ // e.stopPropagation()
+ this.multipleAssetData.forEach(item => {
+ // console.log(item)
+ item.assetData.PropertyInfos.forEach(element => {
+ if (element.PropertyName == i.PropertyName) {
+ element.PropertyValue = value
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ }
+ })
+ })
+ }
+ //多选状态动态属性素材下拉框值改变
+ multipleSupplyArea(i, e) {
+ e.stopPropagation()
+ this.multipleAssetData.forEach(item => {
+ item.assetData.PropertyInfos.forEach(element => {
+ if (element.PropertyName == i.PropertyName) {
+ element.PropertyValue = i.PropertyValue
+ this.canvas.refreshIcon(item.assetData.Id)
+ this.canvasData.isChange = true
+ }
+ })
+ })
+ }
+
+ ngAfterViewInit(): void {
+ //不是gis模块平面图
+ if (this.router.url.indexOf("gis") == -1) {
+ this.getSitePlan()
+ }
+ }
+
+ 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)
+ // this.renovateTreeData(false)
+ }
+ //截图
+ takeScreenshot() {
+ this.canvas.takeScreenshot();
+ }
+
+ isMultiSelect: boolean = false; // 多选/单选 切换
+ changeMultiSelect(e) { this.canvas.setMulitSelect(this.isMultiSelect) }
+ isShowLegend: boolean = true; //图例是否显示
+ changeLegend(e) { this.canvasData.selectPanelPoint.BackgroundImageUrl ? null : this.canvas.setLegendVisible(this.isShowLegend) }
+
+ basicInfo: boolean = true //基本信息名称显隐
+ wantToWork: boolean = true //想定作业名称显隐
+ //点击基本信息名称
+ basicInfoClick() {
+ this.basicInfo = !this.basicInfo
+ this.canvas.setNameVisible(this.basicInfo, 0)
+ }
+
+ //点击想定作业名称
+ wantToWorkClick() {
+ this.wantToWork = !this.wantToWork
+ this.canvas.setNameVisible(this.wantToWork, 1)
+ }
+
+ isEditPattern: boolean = true //是否为编辑模式
+ //进入编辑模式
+ editpat() {
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('进入编辑模式', '确定', config);
+ this.isEditPattern = true
+ }
+
+ //进入查看模式
+ lookpat() {
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('进入查看模式', '确定', config);
+ this.isEditPattern = false
+ }
- //判断上传素材属性图片是否超出数量 超出数量则隐藏input框
- if (this.imagesArr.length < this.imagesArrNum) {//不超出input才会显示
- this.isImgNumCss = true
+ //保存平面图
+ saveNum: any = []
+ saveSite() {
+ //更新用于统计的数据
+ this.canvasData.updateBuildingData()
+
+ if (this.selectingSitePlan && this.selectingSitePlan.id) {
+ //打开遮罩层
+ this.maskLayerService.sendMessage(true)
+ 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));
+ CompanyData.data = JSON.stringify(CompanyData.data)
+
+ let object = this.canvasData.originalcompanyBuildingData.data
+ let adjoinArr = [] //毗邻数组
+
+ if (this.pattern) {//如果是基本信息编辑模式
+ for (const key in object) {
+ if (object[key].Name == "毗邻") {//如果是相同楼层，则筛选出毗邻
+
+ object[key].PropertyInfos.forEach(element => {
+ if (element.PropertyName == "方向") {
+ adjoinArr.push(element.PropertyValue)
+ }
+ });
+ }
+ }
+ if ((new Set(adjoinArr)).size != adjoinArr.length) {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存失败，毗邻存在相同方向', '确定', config);
+ return false
+ } else {
+ //如果是单位 总平面图
+ if (this.checkedBuildingIndex == -1) {
+
+ if (this.isGis) {
+ let data = JSON.parse(JSON.stringify(this.selectingSitePlan))
+ data.zoomLevel = this.map.getZoom(),
+ data.defaultCenter = { x: this.map.getCenter().lng, y: this.map.getCenter().lat }
+ delete data.userId
+ delete data.userName
+ delete data.sitePlanDataInfo
+ this.http.put(`/api/SitePlans/${this.selectingSitePlan.id}`, data).subscribe(data => {
+ this.sitePlanData.forEach(element => {
+ if (element.id == this.selectingSitePlan.id) {
+ element.zoomLevel = this.map.getZoom()
+ element.defaultCenter = { x: this.map.getCenter().lng, y: this.map.getCenter().lat }
+ }
+ });
+ }, err => {
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('gis保存当前视角失败', '确定', config);
+ })
+ }
+
+ //保存平面图数据
+ this.http.post("/api/SitePlanData", SitePlanData, {
+ params: {
+ companyId: this.params.companyId
+ }
+ }).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ 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 => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ this.snackBar.open('单位数据保存失败', '确定', config);
+ })
+
+ //批量保存单位毗邻
+ let CompanyAdjoins = this.canvasData.getCompanyAdjoinInfo()
+ this.http.post("/api/CompanyAdjoins/Batch", CompanyAdjoins, {
+ params: {
+ companyId: this.params.companyId
+ }
+ }).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ if (err == 'infos 有重复方向！') {
+ this.snackBar.open('单位毗邻同步失败,存在相同方向', '确定', config);
+ } else {
+ this.snackBar.open('单位毗邻同步失败', '确定', config);
+ }
+ })
+
+ //批量保存单位重点部位
+ let CompanyImportantLocations = this.canvasData.getCompanyImportantLocations()
+ this.http.post("/api/CompanyImportantLocations/Batch", CompanyImportantLocations, {
+ params: {
+ companyId: this.params.companyId
+ }
+ }).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ this.snackBar.open('单位重点部位同步失败', '确定', config);
+ })
+
+ //批量保存单位消防设施素材
+ let CompanyFacilityAssets = this.canvasData.getAllCompanyFacilityAssetInfo()
+ this.http.post("/api/CompanyFacilityAssets/Batch", CompanyFacilityAssets, {
+ params: {
+ companyId: this.params.companyId
+ }
+ }).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ 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 => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ 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 => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ this.snackBar.open('单位数据保存失败', '确定', config);
+ })
+
+ //批量保存建筑毗邻
+ let buildingAdjoins = this.canvasData.getBuildingAdjoinInfo()
+ this.http.post(`/api/BuildingAdjoins/Batch?companyId=${this.params.companyId}&buildingId=${this.canvasData.selectStorey.buildingId}`, buildingAdjoins).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ if (err == 'infos 有重复方向！') {
+ this.snackBar.open('建筑毗邻同步失败,存在相同方向', '确定', config);
+ } else {
+ this.snackBar.open('建筑毗邻同步失败', '确定', config);
+ }
+ })
+
+ //批量保存建筑重点部位
+ let buildingImportantLocations = this.canvasData.getBuildingImportantLocations()
+ this.http.post(`/api/BuildingImportantLocations/Batch?companyId=${this.params.companyId}&buildingId=${this.canvasData.selectStorey.buildingId}`, buildingImportantLocations).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ this.snackBar.open('建筑重点部位同步失败', '确定', config);
+ })
+
+ //批量保存建筑消防设施素材
+ let buildingFacilityAssets = this.canvasData.getAllBuildingFacilityAssetInfo()
+ this.http.post(`/api/BuildingFacilityAssets/Batch?companyId=${this.params.companyId}&buildingId=${this.canvasData.selectStorey.buildingId}`, buildingFacilityAssets).subscribe(data => {
+ this.saveNum.push("1")
+ if (this.saveNum.length == 5) {
+ this.maskLayerService.sendMessage(false)
+ this.canvasData.isChange = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('保存成功', '确定', config);
+ this.tabbarService.sendMessage('changeScore');
+ }
+ }, err => {
+ this.maskLayerService.sendMessage(false)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.canvasData.isChange = true
+ this.snackBar.open('建筑消防设施素材同步失败', '确定', config);
+ })
+
+ }
+ }
+ }
+ } else { //if
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('暂无楼层数据', '确定', config);
+ }
+ }
+
+ //获得所有的建筑物
+ getAllBuildings() {
+ this.http.get("/api/Buildings", {
+ params: {
+ companyId: this.params.companyId
+ }
+ }).subscribe(data => {
+ this.allBuildings = data
+ })
+ }
+
+
+ //创建建筑
+ createBuilding() {
+ let data = {
+ allBuildings: this.allBuildings,
+ companyId: this.params.companyId
+ }
+ let dialogRef = this.dialog.open(CreateBuildingPlan, { data });
+ dialogRef.afterClosed().subscribe(data => {
+ if (data == "创建成功") {
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('创建成功', '确定', config);
+ this.getAllBuildings()
+ } else if (data == "创建失败") {
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('创建失败', '确定', config);
+ }
+ });
+ }
+
+ //选择建筑
+ checkedBuilding(item, index) {
+ if (this.checkedBuildingIndex != 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.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
+
+ } //if
+ }
+
+ //编辑建筑
+ editBuilding(e, item) {
+ e.stopPropagation();
+ let dialogRef = this.dialog.open(EditBuildingPlan, { data: { item: item } });
+ dialogRef.afterClosed().subscribe(data => {
+ if (data == "修改成功") {
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('修改成功', '确定', config);
+ this.getAllBuildings()
+ } else if (data == "修改失败") {
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('修改失败', '确定', config);
+ }
+ });
+ }
+
+ //删除建筑
+ 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 //将建筑素材和当前楼层素材合二为一
+ //处理 tree 数据结构
+ handleTreeData(storeyData) {
+
+ this.storeyData = storeyData
+ let data = this.allFireElements //所有消防要素模板
+ let treeData = [] //tree型 处理完成后的数据
+ data.forEach(element => {
+ element.isTemplate = true //添加模板标识
+ element.isLook = true //添加是否可见标识
+ element.name != '其他' ? element.children = [] : null
+
+ if (storeyData) {
+ for (let key in storeyData.data) {
+ storeyData.data[key].isLookPattern = true
+ if (element.id == storeyData.data[key].FireElementId) {
+ storeyData.data[key].isTemplate = false
+ storeyData.data[key].isLook = true
+
+ element.isNewElement = true //该节点children是否存在新添加的真实素材 标识
+
+ //定义查看模式下能看到的元素
+ element.isLookPattern = true
+ if (element.parentId) {
+ data.forEach(i => {
+ if (i.id == element.parentId) {
+ i.isLookPattern = true
+ }
+ })
+ }
+ //
+
+ element.children.push(storeyData.data[key])
+ }
+ }
+ }
+ data.forEach(item => { if (item.parentId == element.id) { element.children.push(item) } });
+ });
+ data.forEach(element => {
+ if (!element.parentId) { treeData.push(element) }
+ });
+ this.dataSource.data = treeData
+ this.treeControl.expandAll()
+
+ }
+
+ //点击树节点
+ clickTreeNode(node) {
+ if (this.canvasData.originalcompanyBuildingData.data[node.id]) {
+ this.setAssetsProperty(this.canvasData.originalcompanyBuildingData.data[node.id])
+ } else if (this.canvasData.originaleveryStoreyData.data[node.id]) {
+ this.setAssetsProperty(this.canvasData.originaleveryStoreyData.data[node.id])
+ }
+
+ //canvas上的素材高亮
+ let iconHighLightArr: any = []
+ if (node.isTemplate) {//如果是模板,则开始向下找
+ node.children.forEach(item => {
+ if (item.isTemplate) {//如果子节点依旧是模板,则继续开始向下找
+ item.children.forEach(i => {
+ iconHighLightArr.push(i.Id)
+ })
+ } else {
+ iconHighLightArr.push(item.Id)
+ }
+ })
} else {
- this.isImgNumCss = false
+ iconHighLightArr.push(node.id)
+ }
+ this.canvas.setHighlight(iconHighLightArr)
+ }
+ hideAllTreenode: boolean = true; //全部显示/隐藏tree节点
+ toggoleAllTreenode() {
+ this.hideAllTreenode = !this.hideAllTreenode
+ let list = []
+ this.allFireElements.forEach(element => {
+ if (element.isTemplate) { this.hideAllTreenode ? element.isLook = false : element.isLook = true }
+ })
+ this.treeControl.dataNodes.forEach(item => {
+ this.hideAllTreenode ? item.isLook = false : item.isLook = true
+ item.level === 0 ? list.push(item) : null
+ })
+ list.forEach(item => {
+ this.clickLookItem(item)
+ })
+ }
+
+ //点击数节点的显示隐藏icon
+ clickLookItem(node) {
+
+
+ //修改真实素材islook属性
+ for (let key in this.storeyData.data) {
+ if (key == node.id) {
+ this.storeyData.data[key].isLook = !this.storeyData.data[key].isLook
+ }
}
- this.canvasData.isChange = true
- })
- } else if (file && fileSize > shardSize) { //上传文件>5MB时,分块上传
- let config = new MatSnackBarConfig();
- config.verticalPosition = 'top';
- config.duration = 3000
- this.snackBar.open('上传图片文件不允许大于5mb', '确定', config);
- }
-
- }
-
- //不能上传图片提示
- imgNumBeyond() {
- const config = new MatSnackBarConfig();
- config.verticalPosition = 'top';
- config.duration = 3000
- this.snackBar.open('图片数量已达上限', '确定', config);
- }
-
- //删除素材属性图片
- deleteImg() {
- if (this.imagesArr.length == 0) {
- const config = new MatSnackBarConfig();
- config.verticalPosition = 'top';
- config.duration = 3000
- this.snackBar.open('没有可删除的图片，请先上传', '确定', config)
- } else {
- // 在素材原始对象中将删除的图片去掉
- this.canvasAssetObj.PropertyInfos = [...this.canvasAssetObj.PropertyInfos.filter((item) => {
- return item.PropertyValue != this.imagesArr[this.mySwiper.activeIndex].PropertyValue
- })]
- //在图片循环数组中将图片去掉
- this.imagesArr.splice(this.mySwiper.activeIndex, 1);
- //更新swiper视图
- setTimeout(() => {
- this.mySwiper.update();
- this.gallery.update()
- }, 0);
-
- //将上传的input框显示出来
- this.isImgNumCss = true;
- //清除图片缓存
- if ((document.getElementById('inputimg'))) {
- (document.getElementById('inputimg')).value = null //清空input框缓存
- }
-
- this.canvasData.isChange = true
- }
- }
-
- //动态属性方向select选择框
- direction(i, e) {
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
- return i.PropertyName == item.PropertyName
- })
- this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
- this.canvasData.isChange = true
- }
-
- //动态属性供给区域select选择框
- supplyArea(i, e) {
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
- return i.PropertyName == item.PropertyName
- })
- this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
- this.canvasData.isChange = true
- }
-
- //动态属性供给类型select选择框
- supplyType(i, e) {
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
- return i.PropertyName == item.PropertyName
- })
- this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
- this.canvasData.isChange = true
- }
-
- isediticon = true //控制查看编辑模式的编辑模式小笔按钮
-
- isMultipleAsset: boolean = false//框选多个素材属性显隐
- multipleAsset: any = {
- Width: null,
- Height: null,
- Angle: null,
- Thickness: null,
- Color: null,
- PropertyInfos: []
- }//多个素材共同属性
- multipleAssetData: any//当前多选的素材
- firstMultipleAssetData: any//当前多选的第一个素材
- ngOnInit(): void {
-
- let _this = this
- AxMessageSystem.addListener('selectionChanged', () => {
- if (this.canvas.selection.size() == 1) {//如果是单选
- this.isMultipleAsset = false
- console.log('单选', this.canvas.selection.first().assetData)
- this.setAssetsProperty(this.canvas.selection.first().assetData)
- } else if (this.canvas.selection.size()) {
- this.isShowProperty = true
- this.multipleAssetData = this.canvas.selection.all()
- this.firstMultipleAssetData = this.canvas.selection.first()
- this.multipleAsset = {
- Width: null,
- Height: null,
- Angle: null,
- Thickness: null,
- Color: null,
- PropertyInfos: []
+ //所有消防要素模板变化islook值
+ if (node.isTemplate) {
+ this.allFireElements.forEach(item => {
+ if (item.id == node.id) { item.isLook = !item.isLook }
+ if (item.name == '其他' && node.name == '其他') { item.isLook = !item.isLook }
+ })
+ }
+
+
+ //子节点跟随父节点的islook变化
+ if (node.children && node.children.length != 0) {
+ node.children.forEach(item => {
+ item.isLook = !node.isLook
+ if (item.children && item.children.length != 0) {
+ item.children.forEach(i => {
+ i.isLook = !node.isLook
+ })
+ }
+ })
+ }
+
+
+ const nodes = this.treeControl.dataNodes;
+ const expandNodes = [];
+ nodes.forEach((item) => {
+ if (item.expandable && this.treeControl.isExpanded(item)) {
+ expandNodes.push(item.id);
+ }
+ });
+
+ this.dataSource.data = [...this.dataSource.data]
+
+ let newNodes = this.treeControl.dataNodes;
+ newNodes = newNodes.filter(n => {
+ return expandNodes.indexOf(n.id) >= 0;
+ });
+ newNodes.forEach(item => {
+ this.treeControl.expand(item);
+ });
+
+ //canvas上的素材显隐
+ let iconVisibleArr: any = []
+ if (node.isTemplate) {//如果是模板,则开始向下找
+ node.children.forEach(item => {
+ if (item.isTemplate) {//如果子节点依旧是模板,则继续开始向下找
+ item.children.forEach(i => {
+ iconVisibleArr.push(i.Id)
+ })
+ } else {
+ iconVisibleArr.push(item.Id)
+ }
+ })
+ } else {
+ iconVisibleArr.push(node.id)
+ }
+ this.canvas.setIconVisible(iconVisibleArr, !node.isLook)
+ }
+
+
+ //封装 刷新 tree 数据
+ async renovateTreeData(isRefresh: boolean = true) {
+ // this.allFireElements[this.allFireElements.length-1].children = []
+ if (!this.selectingSitePlan.isGis) {
+ isRefresh ? await this.canvas.refresh() : null
+ this.canvas.setNameVisible(this.basicInfo, 0)
+ this.canvas.setNameVisible(this.wantToWork, 1)
+ this.canvas.setLegendVisible(this.isShowLegend) //图例显隐
+ isRefresh ? this.canvasData.isChange = false : null //服务中 数据是否改动 改为false
+ isRefresh ? this.isShowProperty = true : null
+ isRefresh ? this.isShowAttribute = true : null
+ } else {
+ //加载高德地图
+ this.toLoadGis()
+ }
+
+ 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]
+ }
}
- this.isMultipleAsset = true
- let firstAssetData = this.canvas.selection.first().assetData;//拿出第一个素材作为例子与其他素材进行对比
- let InteractiveMode = firstAssetData.InteractiveMode //素材连接方式
- let isInteractiveMode = this.canvas.selection.all().every(item => item.assetData.InteractiveMode === InteractiveMode)
- if (isInteractiveMode) {
- this.multipleAsset.InteractiveMode = InteractiveMode
+ for (let key in storeyData.data) { //筛选数据 没有匹配全部放入到 其他 数组
+ let noMatch = this.allFireElements.find(every => every.id === storeyData.data[key].FireElementId)
+ if (!noMatch && storeyData.data[key].Id != "图例") {
+ this.allFireElements[this.allFireElements.length - 1].children.push(storeyData.data[key])
+ }
}
- let isFillMode = this.canvas.selection.all().every(item => item.assetData.FillMode === 0) //素材填充方式都为0
- if (isFillMode) {
- this.multipleAsset.FillMode = 0
+ this.handleTreeData(storeyData) //处理tree数据结构
+ }
+ map: IMap
+ toLoadGis() {
+ console.log(666666, this.selectingSitePlan)
+
+ this.map =
+ MapFactory.MapInstance("planContainer", {
+ viewMode: '2D', // 默认使用 2D 模式，如果希望使用带有俯仰角的 3D 模式，请设置 viewMode: '3D',
+ zoom: 11, //初始化地图层级
+ });
+ if (this.selectingSitePlan.defaultCenter) {
+ this.map.self.setZoom(this.selectingSitePlan.zoomLevel); //设置地图层级
+ this.map.self.setCenter([this.selectingSitePlan.defaultCenter.x, this.selectingSitePlan.defaultCenter.y])
+ } else {
+ this.map.self.setCity('上海市');
+ }
+
+ this.map.on('click', (e) => {
+ this.showInfoClick(e)
+ });
+ this.map.on("complete", () => {
+ for (const key in this.canvasData.originaleveryStoreyData.data) {
+ if (Object.prototype.hasOwnProperty.call(this.canvasData.originaleveryStoreyData.data, key)) {
+ const element = this.canvasData.originaleveryStoreyData.data[key];
+ let editable = sessionStorage.getItem('editable')
+ let markerContent
+ if (editable == '1') {
+ markerContent = '' +
+ '' +
+ `
` +
+ `
X
` +
+ '
' +
+ `
` +
+ '
' +
- `
` +
- `
X
` +
- '
' +
- `
` +
- '
' +
+ `
` +
+ `
X
` +
+ '
' +
- `
` +
- `
X
` +
- '
分享