@@ -53,9 +63,11 @@
-
-
+
-
+
- {{node.name}}
-
- ({{node.children.length}})
- visibility
+ {{node.name}}
+
+ ({{node.children.length}})
+
+ visibility
+
-
-
@@ -142,12 +158,17 @@
-
+
-
+
- (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']
+ 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:"总平面图"}; //当前点击选择的建筑
- beforeOneCheckedBuildingIsShow:boolean = false; //建筑是否显示
- togglebeforeOneCheckedBuilding () { this.beforeOneCheckedBuildingIsShow = !this.beforeOneCheckedBuildingIsShow }
- checkedBuildingIndex:number = -1 //当前点击选择的建筑index
- isEditPat:boolean = true //当前是否是编辑模式
-
- assetName:String//素材名称
- assetWidth:number//素材宽度
- assetHeight:number//素材高度
- sliderValue:number = 0//角度滑竿的值
- sliderValueThickness:number = 0//厚度滑竿的值
- isHighLight:boolean = false//是否高亮选择框
+ beforeOneCheckedBuilding: any = { name: "总平面图" }; //当前点击选择的建筑
+ beforeOneCheckedBuildingIsShow: boolean = false; //建筑是否显示
+ togglebeforeOneCheckedBuilding() { this.beforeOneCheckedBuildingIsShow = !this.beforeOneCheckedBuildingIsShow }
+ 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 = [] //属性中的图片链接集合
@@ -78,26 +78,26 @@ export class CollectionToolsComponent implements OnInit {
//传入素材对象，设置右侧属性栏内容
canvasAssetObj //传入的素材属性对象
isImgNumCss = false //控制上传文件input显隐
- mySwiper:any //轮播图实例
+ mySwiper: any //轮播图实例
gallery//viewerJs实例
//设置属性框
- setAssetsProperty(obj){
+ setAssetsProperty(obj) {
//初始化viewerJs实例
setTimeout(() => {
obj.PropertyInfos.forEach(item => {
- if(item.PropertyType == 4){
- this.gallery = new Viewer(document.getElementById('viewerjs'),{
+ if (item.PropertyType == 4) {
+ 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)
+ let strh = color.substring(color.length - 2, color.length)
+ let opacity = Math.round(parseInt(strh, 16) / 255 * 100)
this.colorDivSliderValue = opacity
this.isShowProperty = true
@@ -116,18 +116,18 @@ export class CollectionToolsComponent implements OnInit {
this.PropertyInfos = obj.PropertyInfos
this.sliderValueThickness = obj.Thickness
this.PropertyInfos.forEach(item => {
- if(item.PropertyType == 3){ //如果是图片链接类型
+ if (item.PropertyType == 3) { //如果是图片链接类型
this.imagesArr.push(item)
}
- if(item.PropertyType == 4){//图片数值上线
+ if (item.PropertyType == 4) {//图片数值上线
this.imagesArrNum = item.PropertyValue
}
})
//如果存在图片则加载轮播图
- if(this.imagesArr.length){
+ if (this.imagesArr.length) {
setTimeout(() => {
- this.mySwiper = new Swiper('.swiper-container',{
+ this.mySwiper = new Swiper('.swiper-container', {
loop: false,
// grabCursor: true,
// 如果需要前进后退按钮
@@ -135,8 +135,8 @@ export class CollectionToolsComponent implements OnInit {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
- on:{
- click: function(){
+ on: {
+ click: function () {
_this.clickedIndex = this.clickedIndex
},
}
@@ -144,19 +144,19 @@ export class CollectionToolsComponent implements OnInit {
}, 0);
}
//判断此时图片数量是否达到上限
- if(this.imagesArr.length < this.imagesArrNum){//如果不超出
+ if (this.imagesArr.length < this.imagesArrNum) {//如果不超出
this.isImgNumCss = true
- }else{
+ } else {
this.isImgNumCss = false
}
}
- pattern:boolean = false//默认为基本信息编辑
+ pattern: boolean = false//默认为基本信息编辑
//基本信息编辑模式
- baseInfo(){
+ baseInfo() {
if (!this.pattern) {
this.basicInfo = true
- this.canvas.setNameVisible(this.basicInfo,1)
+ this.canvas.setNameVisible(this.basicInfo, 1)
this.pattern = true
this.canvasData.gameMode = GameMode.BasicInformation
@@ -169,11 +169,11 @@ export class CollectionToolsComponent implements OnInit {
}
//想定作业编辑模式
- wantWork(){
+ wantWork() {
if (this.pattern) {
//让基本信息图标显示
this.basicInfo = false
- this.canvas.setNameVisible(this.basicInfo,0)
+ this.canvas.setNameVisible(this.basicInfo, 0)
this.pattern = false
this.canvasData.gameMode = GameMode.Assignment
@@ -184,114 +184,114 @@ export class CollectionToolsComponent implements OnInit {
//ngzorro tree 拖拽
nzEvent(event: NzFormatEmitEvent): void {
- if(this.isDrag){
- let parentId
- if(this.pos == 0){
+ if (this.isDrag) {
+ let parentId
+ if (this.pos == 0) {
parentId = event.node.key
- }else{
- if(event.node.level == 0){
+ } else {
+ if (event.node.level == 0) {
parentId = null
- }else{
+ } else {
parentId = event.node.origin.parentId
}
}
-
+
let orders = {}
- let originalData = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] )) //tree原始数据
+ let originalData = JSON.parse(JSON.stringify(this.canvasData.allDisposalNode || [])) //tree原始数据
let targetNodeData = []//拖动移入节点的数据，用于遍历求出放在该数组的第几位
//找到需要重新排序的数组
- if(this.pos == 0){
+ if (this.pos == 0) {
originalData.forEach(item => {
- if(item.parentId == event.node.key){
+ if (item.parentId == event.node.key) {
targetNodeData.push(item)
}
})
- }else{
- if(event.node.origin.parentId){//如果拖动目标为非一级节点
+ } else {
+ if (event.node.origin.parentId) {//如果拖动目标为非一级节点
originalData.forEach(item => {
- if(item.parentId == event.node.origin.parentId){
+ if (item.parentId == event.node.origin.parentId) {
targetNodeData.push(item)
}
})
- }else{//如果拖动目标为一级节点
+ } else {//如果拖动目标为一级节点
originalData.forEach(item => {
- if(!item.parentId){
+ 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){
+ if (this.pos == 0 && event.node.origin.children.length == 1) {
console.log("移入,没有兄弟")
- let key = event.dragNode.key
+ let key = event.dragNode.key
orders[key] = 0
parentId = event.node.key
- }else{
+ } else {
console.log("移入,多个兄弟")
let array = []
targetNodeData.forEach(item => {
- if(item.id != event.dragNode.key){ //将拖动项先移除掉
+ if (item.id != event.dragNode.key) { //将拖动项先移除掉
array.push(item)
}
})
- if(event.dragNode.isEnd[event.dragNode.isEnd.length - 1]){ //如果移入到最后一个
+ 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]){//如果移入到第一个
+ } else if (event.dragNode.isStart[event.dragNode.isStart.length - 1]) {//如果移入到第一个
console.log("第一")
array.unshift(event.dragNode.origin)
- }else{//如果移入中间位置
+ } else {//如果移入中间位置
console.log("中间")
array.splice(event.node.origin.order, 0, event.dragNode.origin)
}
- array.forEach((item,key) => {
+ array.forEach((item, key) => {
orders[item.id] = key
})
}
-
- let obj ={
- id : event.dragNode.origin.id,
- parentId : parentId,
- orders : orders
+
+ let obj = {
+ id: event.dragNode.origin.id,
+ parentId: parentId,
+ orders: orders
}
-
- this.http.put("/api/DisposalNodes/Sort",obj).subscribe(data => {
+
+ this.http.put("/api/DisposalNodes/Sort", obj).subscribe(data => {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('排序成功','确定',config)
+ this.snackBar.open('排序成功', '确定', config)
this.refurbishTreeData()
})
}
}
-
+
isDrag //是否可以拖动
pos//放置位置
beforeDrop = (arg: NzFormatBeforeDropEvent) => {
- if(arg.dragNode.origin.isDataNode && arg.node.level === 0){//如果为数据节点则不允许拖到一级节点
+ if (arg.dragNode.origin.isDataNode && arg.node.level === 0) {//如果为数据节点则不允许拖到一级节点
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('数据节点不允许拖拽到一级节点','确定',config)
+ this.snackBar.open('数据节点不允许拖拽到一级节点', '确定', config)
this.isDrag = false
return of(false);
- }else if(!arg.dragNode.origin.isDataNode && arg.node.level === 2){
+ } 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.snackBar.open('处置节点不允许拖拽到三级节点', '确定', config)
this.isDrag = false
return of(false);
- }else{
+ } else {
this.isDrag = true
this.pos = arg.pos
return of(true)
@@ -301,35 +301,35 @@ export class CollectionToolsComponent implements OnInit {
//天气栏目
weatherBtn = true
- weatherBtnShow(){
+ weatherBtnShow() {
this.weatherBtn = !this.weatherBtn
}
- weatherBtnHidden(){
+ weatherBtnHidden() {
this.weatherBtn = !this.weatherBtn
}
//底部切换按钮div
detailsAndattentBtn = true
//节点详情
- details(){
+ details() {
this.detailsAndattentBtn = true
}
//注意事项
- attent(){
+ attent() {
this.detailsAndattentBtn = false
}
//消防要素div边框高度调节
- firecategoriesDivMouseDown(e){
+ 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'
+ 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 = () => {
@@ -339,13 +339,13 @@ export class CollectionToolsComponent implements OnInit {
}
//左侧div边框宽度调节
- leftDivMouseDown(e){
+ 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){
+ if (ev.clientX - 240 >= maxWidth) {
this.element.nativeElement.querySelector('#leftDiv').style.width = maxWidth + 'px'
- }else{
+ } else {
this.element.nativeElement.querySelector('#leftDiv').style.width = ev.clientX - 260 + 'px';
}
}
@@ -356,14 +356,14 @@ export class CollectionToolsComponent implements OnInit {
}
//底部div高度调节
- bottomDivMouseDown(e){
+ 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' ;
+ 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 = () => {
@@ -373,13 +373,13 @@ export class CollectionToolsComponent implements OnInit {
}
//右侧div边框宽度调节
- rightDivMouseDown(e){
+ 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){
+ if (bodyWidth - ev.clientX >= maxWidth) {
this.element.nativeElement.querySelector('#rightDiv').style.width = maxWidth + 'px'
- }else{
+ } else {
this.element.nativeElement.querySelector('#rightDiv').style.width = bodyWidth - ev.clientX + 'px';
}
}
@@ -390,47 +390,47 @@ export class CollectionToolsComponent implements OnInit {
}
//放大图标
- iconScale(){
+ iconScale() {
let number = Number(this.selected)
this.canvas.setIconScale(number)
}
//素材宽度输入框改变
- assetWidthIunput(){
+ assetWidthIunput() {
this.canvasAssetObj.Width = this.assetWidth
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//素材高度输入框改变
- assetHeightIunput(){
+ assetHeightIunput() {
this.canvasAssetObj.Height = this.assetHeight
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//素材角度输入框改变
- assetAngleIunput(){
+ assetAngleIunput() {
this.canvasAssetObj.Angle = this.sliderValue
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//素材厚度输入框改变
- assetThicknessIunput(){
+ assetThicknessIunput() {
this.canvasAssetObj.Thickness = this.sliderValueThickness
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//素材是否高亮改变----->本地操作行为
- assetHighLightIunput(){
+ assetHighLightIunput() {
}
//动态属性素材input框值改变
- assetInputChange(i,e){
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item)=>{
+ assetInputChange(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
return i.PropertyName == item.PropertyName
})
this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
@@ -439,8 +439,8 @@ export class CollectionToolsComponent implements OnInit {
}
//动态属性素材布尔值框改变radio
- assetRadioChange(i,boolean){
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item)=>{
+ assetRadioChange(i, boolean) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
return i.PropertyName == item.PropertyName
})
this.canvasAssetObj.PropertyInfos[index].PropertyValue = boolean
@@ -450,43 +450,43 @@ export class CollectionToolsComponent implements OnInit {
colorIndex//默认素材颜色
selectedcolor//点击选择的颜色
//选择素材颜色
- selectcolor(item,key){
+ selectcolor(item, key) {
//在当前透明度基础上改变颜色
- this.selectedcolor = item + this.selectedcolor.substring(this.selectedcolor.length-2)
+ this.selectedcolor = item + this.selectedcolor.substring(this.selectedcolor.length - 2)
this.canvasAssetObj.Color = this.selectedcolor
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//颜色选择滑竿的值
colorDivSliderValue
- colorDivSliderChange(){
- let colorOpacity = Math.round(255 * this.colorDivSliderValue * 0.01)
+ 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;
+ 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.selectedcolor = replacepos(this.selectedcolor, 7, 8, colorOpacity.toString(16))
this.canvasAssetObj.Color = this.selectedcolor
this.canvasData.isChange = true
this.canvas.refreshIcon(this.canvasAssetObj.Id)
}
//查看图片详情
- lookImg(){
+ lookImg() {
const dialogRef = this.dialog.open(ViewDetailss, {//调用open方法打开对话框并且携带参数过去
- data: {imagesArr:this.imagesArr,index:this.clickedIndex}
+ data: { imagesArr: this.imagesArr, index: this.clickedIndex }
});
- dialogRef.afterClosed().subscribe(data=>{ });
+ dialogRef.afterClosed().subscribe(data => { });
}
//上传素材图片
- selectFile(e){
+ selectFile(e) {
let imgFile = e.target.files[0] || null //上传的文件
this.startUploading(imgFile)
}
- objectName:any //上传对象名
- startUploading (imgFile) {
+ objectName: any //上传对象名
+ startUploading(imgFile) {
let _this = this
let file = imgFile || null //获取上传的文件
let fileSize = file.size || null //上传文件的总大小
@@ -494,13 +494,13 @@ export class CollectionToolsComponent implements OnInit {
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)=>{
+ 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)
+ this.snackBar.open('上传成功', '确定', config)
//在原始素材对象和需要循环图片的对象中分别push最新上传的图片
let imgObj = {
@@ -516,12 +516,12 @@ export class CollectionToolsComponent implements OnInit {
"PropertyType": 3,
"PropertyValue": "/api/Objects/WebPlan2D/" + this.objectName
}
-
+
this.imagesArr.push(imgObj)
this.canvasAssetObj.PropertyInfos.push(imgObj)
setTimeout(() => {
- this.mySwiper = new Swiper('.swiper-container',{
+ this.mySwiper = new Swiper('.swiper-container', {
loop: false,
// grabCursor: true,
// 如果需要前进后退按钮
@@ -529,8 +529,8 @@ export class CollectionToolsComponent implements OnInit {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
- on:{
- click: function(){
+ on: {
+ click: function () {
_this.clickedIndex = this.clickedIndex
},
}
@@ -539,44 +539,44 @@ export class CollectionToolsComponent implements OnInit {
this.mySwiper.slideTo(this.imagesArr.length - 1)
this.gallery.update()
}, 0);
-
+
//判断上传素材属性图片是否超出数量 超出数量则隐藏input框
- if(this.imagesArr.length < this.imagesArrNum){//不超出input才会显示
+ if (this.imagesArr.length < this.imagesArrNum) {//不超出input才会显示
this.isImgNumCss = true
- }else{
+ } else {
this.isImgNumCss = false
}
-
+
this.canvasData.isChange = true
})
- } else if (file && fileSize>shardSize) { //上传文件>5MB时,分块上传
+ } else if (file && fileSize > shardSize) { //上传文件>5MB时,分块上传
let config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('上传图片文件不允许大于5mb','确定',config);
+ this.snackBar.open('上传图片文件不允许大于5mb', '确定', config);
}
}
//不能上传图片提示
- imgNumBeyond(){
+ imgNumBeyond() {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('图片数量已达上限','确定',config);
+ this.snackBar.open('图片数量已达上限', '确定', config);
}
//删除素材属性图片
- deleteImg(){
- if(this.imagesArr.length == 0){
+ deleteImg() {
+ if (this.imagesArr.length == 0) {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('没有可删除的图片，请先上传','确定',config)
- }else{
+ this.snackBar.open('没有可删除的图片，请先上传', '确定', config)
+ } else {
// 在素材原始对象中将删除的图片去掉
- this.canvasAssetObj.PropertyInfos = [...this.canvasAssetObj.PropertyInfos.filter((item)=>{
- return item.PropertyValue != this.imagesArr[this.mySwiper.activeIndex].PropertyValue
+ this.canvasAssetObj.PropertyInfos = [...this.canvasAssetObj.PropertyInfos.filter((item) => {
+ return item.PropertyValue != this.imagesArr[this.mySwiper.activeIndex].PropertyValue
})]
//在图片循环数组中将图片去掉
this.imagesArr.splice(this.mySwiper.activeIndex, 1);
@@ -589,7 +589,7 @@ export class CollectionToolsComponent implements OnInit {
//将上传的input框显示出来
this.isImgNumCss = true;
//清除图片缓存
- if((document.getElementById('inputimg'))){
+ if ((document.getElementById('inputimg'))) {
(document.getElementById('inputimg')).value = null //清空input框缓存
}
@@ -598,8 +598,8 @@ export class CollectionToolsComponent implements OnInit {
}
//动态属性方向select选择框
- direction(i,e){
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item)=>{
+ direction(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
return i.PropertyName == item.PropertyName
})
this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
@@ -607,8 +607,8 @@ export class CollectionToolsComponent implements OnInit {
}
//动态属性供给区域select选择框
- supplyArea(i,e){
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item)=>{
+ supplyArea(i, e) {
+ let index = this.canvasAssetObj.PropertyInfos.findIndex((item) => {
return i.PropertyName == item.PropertyName
})
this.canvasAssetObj.PropertyInfos[index].PropertyValue = e.target.value
@@ -616,15 +616,15 @@ export class CollectionToolsComponent implements OnInit {
}
//动态属性供给类型select选择框
- supplyType(i,e){
- let index = this.canvasAssetObj.PropertyInfos.findIndex((item)=>{
+ 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
}
- isSixShow = true
+ isSixShow = true
isSixbtn = true //控制想定作业编辑按钮
isxxx = true //控制查看编辑模式的编辑模式按钮
examMsg = { //单位,考试信息
@@ -639,7 +639,7 @@ export class CollectionToolsComponent implements OnInit {
this.getAllFirePlan() //获取当前单位灾情
let that = this
- window.setTimeout(()=>{
+ window.setTimeout(() => {
document.getElementById("functionalDomainContent").oncontextmenu = function (event) {
// that.canvas.cancelPaint()
that.selectImageIndex = -1
@@ -647,8 +647,8 @@ export class CollectionToolsComponent implements OnInit {
};
})
- this.canvasData.getMessage().subscribe((message: any)=>{
- if(message == "send a message"){
+ this.canvasData.getMessage().subscribe((message: any) => {
+ if (message == "send a message") {
this.refurbishTreeData()
}
})
@@ -660,99 +660,99 @@ export class CollectionToolsComponent implements OnInit {
this.getSitePlan() //获取总平面图/楼层
// 监听canvas组件选中素材事件
- this.canvas.on("select",obj=>{
+ this.canvas.on("select", obj => {
//选中素材属性注入函数
console.log(1111)
this.setAssetsProperty(obj.assetData)
})
// 监听canvas组件取消选中素材事件
- this.canvas.on("deselect",obj=>{
+ this.canvas.on("deselect", obj => {
this.isShowProperty = false
})
// 监听canvas组件新增素材事件
- this.canvas.on("createIcon",obj=>{
- console.log(2222,this.canvasData.selectPanelPoint.Data)
+ this.canvas.on("createIcon", obj => {
+ console.log(2222, this.canvasData.selectPanelPoint.Data)
this.renovateTreeData(false)
})
// 监听canvas组件删除素材事件
- this.canvas.on("deleteIcon",obj=>{
+ this.canvas.on("deleteIcon", obj => {
this.renovateTreeData(false)
})
}
- copyAssetData:any //存储用于复制的素材
+ copyAssetData: any //存储用于复制的素材
//复制素材
- copyAsset(){
+ copyAsset() {
this.canvas.copy()
}
//粘贴素材
- pasteAsset(){
+ pasteAsset() {
let companyId = sessionStorage.getItem("companyId")
let buildingId = this.beforeOneCheckedBuilding.id
let floorId = this.selectingSitePlan.id
- this.canvas.paste(companyId,buildingId,floorId)
+ this.canvas.paste(companyId, buildingId, floorId)
}
- basicInfo:boolean = true //基本信息名称显隐
- wantToWork:boolean = true //想定作业名称显隐
+ basicInfo: boolean = true //基本信息名称显隐
+ wantToWork: boolean = true //想定作业名称显隐
//点击基本信息名称
- basicInfoClick(){
+ basicInfoClick() {
this.basicInfo = !this.basicInfo
- this.canvas.setNameVisible(this.basicInfo,0)
+ this.canvas.setNameVisible(this.basicInfo, 0)
}
//点击想定作业名称
- wantToWorkClick(){
+ wantToWorkClick() {
this.wantToWork = !this.wantToWork
- this.canvas.setNameVisible(this.wantToWork,1)
+ this.canvas.setNameVisible(this.wantToWork, 1)
}
- isEditPattern:boolean = true //是否为编辑模式
+ isEditPattern: boolean = true //是否为编辑模式
//进入编辑模式
- editpat(){
+ editpat() {
let config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('进入编辑模式','确定',config);
+ this.snackBar.open('进入编辑模式', '确定', config);
this.isEditPattern = true
}
//进入查看模式
- lookpat(){
+ lookpat() {
let config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('进入查看模式','确定',config);
+ this.snackBar.open('进入查看模式', '确定', config);
this.isEditPattern = false
}
//保存平面图
- saveNum :any = []
- saveSite(){
+ 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));
CompanyData.data = JSON.stringify(CompanyData.data)
-
+
let object = this.canvasData.originalcompanyBuildingData.data
let adjoinArr = [] //毗邻数组
-
- if(this.pattern){//如果是基本信息编辑模式
+
+ if (this.pattern) {//如果是基本信息编辑模式
return true
- }else{//如果是想定作业编辑模式
+ } else {//如果是想定作业编辑模式
const dialogRef = this.dialog.open(saveOneDialog, {
data: {
- allDisposalNode: this.canvasData.allDisposalNode,
- selectedBuildingData:this.beforeOneCheckedBuilding,
- selectedSiteData:this.selectingSitePlan,
- siteOrbuilding:this.checkedBuildingIndex,
- disasterId: this.allFirePlan[0].id || ''
- }
+ 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');
});
@@ -762,47 +762,47 @@ export class CollectionToolsComponent implements OnInit {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('暂无楼层数据','确定',config);
+ this.snackBar.open('暂无楼层数据', '确定', config);
}
}
//获得所有的建筑物
- getAllBuildings(){
- this.http.get("/api/Buildings",{
- params:{
- companyId : this.params.companyId
+ getAllBuildings() {
+ this.http.get("/api/Buildings", {
+ params: {
+ companyId: this.params.companyId
}
- }).subscribe(data=>{
+ }).subscribe(data => {
this.allBuildings = data
})
}
//创建建筑
- createBuilding(){
+ createBuilding() {
let data = {
- allBuildings:this.allBuildings,
- companyId :this.params.companyId
+ allBuildings: this.allBuildings,
+ companyId: this.params.companyId
}
- let dialogRef = this.dialog.open(CreateBuilding,{data});
- dialogRef.afterClosed().subscribe(data=>{
+ let dialogRef = this.dialog.open(CreateBuilding, { data });
+ dialogRef.afterClosed().subscribe(data => {
if (data == "创建成功") {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('创建成功','确定',config);
+ this.snackBar.open('创建成功', '确定', config);
this.getAllBuildings()
- }else if (data == "创建失败") {
+ } else if (data == "创建失败") {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('创建失败','确定',config);
+ this.snackBar.open('创建失败', '确定', config);
}
- });
+ });
}
//选择建筑
- checkedBuilding(item,index){
- if (this.checkedBuildingIndex!=index) {
+ checkedBuilding(item, index) {
+ if (this.checkedBuildingIndex != index) {
// if (this.canvasData.isChange) { //true 数据被改动
// let isTrue = confirm('是否保存当前编辑数据')
@@ -827,11 +827,11 @@ export class CollectionToolsComponent implements OnInit {
// }
// }
// } else { //flase 数据未被改动
-
+
// } //if
this.beforeOneCheckedBuilding = item
this.checkedBuildingIndex = index
- if (index==-1) { //总平面图数据
+ if (index == -1) { //总平面图数据
this.getSitePlan()
} else { //建筑楼层/区域数据
this.getBuildingSitePlan(item)
@@ -840,58 +840,58 @@ export class CollectionToolsComponent implements OnInit {
}
//编辑建筑
- editBuilding(e,item){
+ editBuilding(e, item) {
e.stopPropagation();
- let dialogRef = this.dialog.open(EditBuilding,{data: {item:item}});
- dialogRef.afterClosed().subscribe(data=>{
+ let dialogRef = this.dialog.open(EditBuilding, { data: { item: item } });
+ dialogRef.afterClosed().subscribe(data => {
if (data == "修改成功") {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('修改成功','确定',config);
+ this.snackBar.open('修改成功', '确定', config);
this.getAllBuildings()
- }else if (data == "修改失败") {
+ } else if (data == "修改失败") {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('修改失败','确定',config);
+ this.snackBar.open('修改失败', '确定', config);
}
- });
+ });
}
//删除建筑
- deleteBuilding(e,item){
+ deleteBuilding(e, item) {
e.stopPropagation();
- if(confirm("是否删除该建筑") == true){
- let isHave = this.canvasData.allDisposalNode.find(items=>{ return items.buildingId === item.id })
+ 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=>{
+ 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
+ this.snackBar.open('删除成功', '确定', config);
+ this.http.get("/api/Buildings", {
+ params: {
+ companyId: this.params.companyId
}
- }).subscribe(data=>{
+ }).subscribe(data => {
this.allBuildings = data
- this.beforeOneCheckedBuilding = {name:"总平面图"}
+ this.beforeOneCheckedBuilding = { name: "总平面图" }
this.checkedBuildingIndex = -1
this.getSitePlan()
})
- },err=>{
+ }, err => {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('删除失败','确定',config);
+ this.snackBar.open('删除失败', '确定', config);
this.getAllBuildings()
})
} else { //建筑 含有数据节点时
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('含有数据节点的建筑不允许删除','确定',config);
+ this.snackBar.open('含有数据节点的建筑不允许删除', '确定', config);
}
}
}
@@ -899,7 +899,7 @@ export class CollectionToolsComponent implements OnInit {
storeyData //将建筑素材和当前楼层素材合二为一
//处理 tree 数据结构
- handleTreeData (storeyData) {
+ handleTreeData(storeyData) {
//storeyData为当前楼层拥有的消防设施
this.storeyData = storeyData
let data = JSON.parse(JSON.stringify(this.allFireElements)) //所有消防要素模板
@@ -911,20 +911,20 @@ export class CollectionToolsComponent implements OnInit {
element.isTemplate = true //添加模板标识
element.isLook = true //添加是否可见标识
element.name != '其他' ? element.children = [] : null
- if(storeyData){
- for(let key in storeyData.data){
+ if (storeyData) {
+ for (let key in storeyData.data) {
storeyData.data[key].isLookPattern = true
- if(element.id == storeyData.data[key].FireElementId){
+ 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){
+ if (element.parentId) {
this.allFireElements.forEach(i => {
- if(i.id == element.parentId){
+ if (i.id == element.parentId) {
i.isLookPattern = true
}
})
@@ -933,68 +933,68 @@ export class CollectionToolsComponent implements OnInit {
}
}
}
- this.allFireElements.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} });
+ this.allFireElements.forEach(item => { if (item.parentId == element.id) { element.children.push(item) } });
});
this.allFireElements.forEach(element => {
if (!element.parentId) { treeData.push(element) }
});
- function recursionFilterEmpty(originalList, result) {
- for(let i = 0, length = originalList.length; i < length; i++) {
- const item = originalList[i];
- if (item.PropertyInfos) {
- // 最内层
- result.push(item);
- } else if (item.children && item.children.length) {
- const newChildren = [];
- // 递归调用，底层的真实数据会全部 push 进 newChildren 中
- recursionFilterEmpty(item.children, newChildren);
- if (newChildren.length) {
- // 替换原始数据
- item.children = newChildren;
- // 子项有真实的数据，就保留这一项
- result.push(item);
- } // 如果没有这一项就会被删除
- }
- }
- }
-
- function filterEmpty(listData) {
- const result = [];
- recursionFilterEmpty(listData, result);
- return result;
- }
+ function recursionFilterEmpty(originalList, result) {
+ for (let i = 0, length = originalList.length; i < length; i++) {
+ const item = originalList[i];
+ if (item.PropertyInfos) {
+ // 最内层
+ result.push(item);
+ } else if (item.children && item.children.length) {
+ const newChildren = [];
+ // 递归调用，底层的真实数据会全部 push 进 newChildren 中
+ recursionFilterEmpty(item.children, newChildren);
+ if (newChildren.length) {
+ // 替换原始数据
+ item.children = newChildren;
+ // 子项有真实的数据，就保留这一项
+ result.push(item);
+ } // 如果没有这一项就会被删除
+ }
+ }
+ }
+
+ function filterEmpty(listData) {
+ const result = [];
+ recursionFilterEmpty(listData, result);
+ return result;
+ }
this.dataSource.data = filterEmpty(treeData)
this.treeControl.expandAll()
-
+
}
//点击树节点
- clickTreeNode(node){
+ clickTreeNode(node) {
- if(this.canvasData.originalcompanyBuildingData.data[node.id]){
+ if (this.canvasData.originalcompanyBuildingData.data[node.id]) {
this.setAssetsProperty(this.canvasData.originalcompanyBuildingData.data[node.id])
- }else if(this.canvasData.originaleveryStoreyData.data[node.id]){
+ } else if (this.canvasData.originaleveryStoreyData.data[node.id]) {
this.setAssetsProperty(this.canvasData.originaleveryStoreyData.data[node.id])
}
// console.log(node)
// canvas上的素材高亮
- let iconHighLightArr:any = []
- if(node.isTemplate){//如果是模板,则开始向下找
+ let iconHighLightArr: any = []
+ if (node.isTemplate) {//如果是模板,则开始向下找
node.children.forEach(item => {
- if(item.isTemplate){//如果子节点依旧是模板,则继续开始向下找
+ if (item.isTemplate) {//如果子节点依旧是模板,则继续开始向下找
item.children.forEach(i => {
iconHighLightArr.push(i.Id)
})
- }else{
+ } else {
iconHighLightArr.push(item.Id)
}
})
- }else{
+ } else {
iconHighLightArr.push(node.id)
}
// console.log(456,iconHighLightArr)
@@ -1002,55 +1002,55 @@ export class CollectionToolsComponent implements OnInit {
}
//点击树节点的显示隐藏icon
- clickLookItem(node){
+ clickLookItem(node) {
//修改真实素材islook属性
- for(let key in this.storeyData.data){
- if(key == node.id){
+ for (let key in this.storeyData.data) {
+ if (key == node.id) {
this.storeyData.data[key].isLook = !this.storeyData.data[key].isLook
}
}
-
+
//所有消防要素模板变化islook值
- if(node.isTemplate && node.name == "其他"){
- this.allFireElements.forEach(item=>{
- if(item.name == "其他"){
+ if (node.isTemplate && node.name == "其他") {
+ this.allFireElements.forEach(item => {
+ if (item.name == "其他") {
item.isLook = !item.isLook
}
})
}
- if(node.isTemplate){
- this.allFireElements.forEach(item=>{
- if(item.id == node.id){
+ if (node.isTemplate) {
+ this.allFireElements.forEach(item => {
+ if (item.id == node.id) {
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
- })
- }
- })
- }
+ 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)){
+ 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;
@@ -1060,128 +1060,128 @@ export class CollectionToolsComponent implements OnInit {
});
//canvas上的素材显隐
- let iconVisibleArr:any = []
- if(node.isTemplate){//如果是模板,则开始向下找
+ let iconVisibleArr: any = []
+ if (node.isTemplate) {//如果是模板,则开始向下找
node.children.forEach(item => {
- if(item.isTemplate){//如果子节点依旧是模板,则继续开始向下找
+ if (item.isTemplate) {//如果子节点依旧是模板,则继续开始向下找
item.children.forEach(i => {
iconVisibleArr.push(i.Id)
})
- }else{
+ } else {
iconVisibleArr.push(item.Id)
}
})
- }else{
+ } else {
iconVisibleArr.push(node.id)
}
- console.log(1,iconVisibleArr)
- console.log(2,node.isLook)
- this.canvas.setIconVisible(iconVisibleArr,!node.isLook)
+ console.log(1, iconVisibleArr)
+ console.log(2, node.isLook)
+ this.canvas.setIconVisible(iconVisibleArr, !node.isLook)
}
//打开消防设施考题设定
- openFireExamination () {
- let treeData = JSON.parse( JSON.stringify(this.dataSource.data) )
+ openFireExamination() {
+ let treeData = JSON.parse(JSON.stringify(this.dataSource.data))
let buildFloorData = {
- buildingData:this.beforeOneCheckedBuilding,
- floorData:this.selectingSitePlan
+ buildingData: this.beforeOneCheckedBuilding,
+ floorData: this.selectingSitePlan
}
- let data = { treeData: treeData,oldRealData:this.storeyData ,buildFloorData:buildFloorData}
- let dialogRef = this.dialog.open(examinationQuestions,{data});
+ let data = { treeData: treeData, oldRealData: this.storeyData, buildFloorData: buildFloorData }
+ let dialogRef = this.dialog.open(examinationQuestions, { data });
}
//上传考题
- openUploadQuestions () {
- let treeData = JSON.parse( JSON.stringify(this.dataSource.data) )
- let nodes = JSON.parse( JSON.stringify( JSON.parse(sessionStorage.getItem('examNodeList')) ) )
+ openUploadQuestions() {
+ let treeData = JSON.parse(JSON.stringify(this.dataSource.data))
+ let nodes = JSON.parse(JSON.stringify(JSON.parse(sessionStorage.getItem('examNodeList'))))
if (nodes) {
- let data = { treeData: treeData, question: JSON.parse( JSON.stringify(this.examMsg) ), node: nodes ,allFireElements:this.allFireElements}
- let dialogRef = this.dialog.open(uploadQuestions,{data});
+ let data = { treeData: treeData, question: JSON.parse(JSON.stringify(this.examMsg)), node: nodes, allFireElements: this.allFireElements }
+ let dialogRef = this.dialog.open(uploadQuestions, { data });
} else {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('未选择考核处置节点','确定',config);
+ this.snackBar.open('未选择考核处置节点', '确定', config);
}
}
//封装 刷新 tree 数据
- async renovateTreeData (isRefresh:boolean = true) {
-
- this.allFireElements[this.allFireElements.length-1].children = []
+ async renovateTreeData(isRefresh: boolean = true) {
+
+ this.allFireElements[this.allFireElements.length - 1].children = []
this.beforeOneCheckedBuildingIsShow = false
- isRefresh? this.canvasData.isChange = false : null //服务中 数据是否改动 改为false
- isRefresh? this.isShowProperty = true : null
- isRefresh? this.isShowAttribute = true : null
+ isRefresh ? this.canvasData.isChange = false : null //服务中 数据是否改动 改为false
+ isRefresh ? this.isShowProperty = true : null
+ isRefresh ? this.isShowAttribute = true : null
let beforeOneId = this.selectingSitePlan.id || '' //当前 选中 平面图 楼层/区域 id
- let companyBuildingData = JSON.parse(JSON.stringify( this.canvasData.originalcompanyBuildingData || {} )) // 当前 单位/建筑 数据
- let storeyData = JSON.parse(JSON.stringify( this.canvasData.originaleveryStoreyData || {} )) //当前 楼层 数据
+ let companyBuildingData = JSON.parse(JSON.stringify(this.canvasData.originalcompanyBuildingData || {})) // 当前 单位/建筑 数据
+ let storeyData = JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData || {})) //当前 楼层 数据
- for(let key in storeyData.data){ //筛选数据
+ 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 )
+ let noMatch = this.allFireElements.find(every => every.id === storeyData.data[key].FireElementId)
//没有匹配全部放入到 其他 数组
if (!noMatch) {
- this.allFireElements[this.allFireElements.length-1].children.push(storeyData.data[key])
+ this.allFireElements[this.allFireElements.length - 1].children.push(storeyData.data[key])
}
}
this.handleTreeData(storeyData) //处理tree数据结构
}
-
+
//陈鹏飞↓↓↓
//陈鹏飞↓↓↓
//陈鹏飞↓↓↓
- params = {companyId: sessionStorage.getItem('companyId')}
- allFireElements:any = []; //当前 单位/建筑 下的消防要素
+ params = { companyId: sessionStorage.getItem('companyId') }
+ allFireElements: any = []; //当前 单位/建筑 下的消防要素
- isShowAttribute:boolean = true; //属性栏 是否显示 默认数据
- isShowProperty:boolean = false //属性栏 是否有东西
+ isShowAttribute: boolean = true; //属性栏 是否显示 默认数据
+ isShowProperty: boolean = false //属性栏 是否有东西
- toggleExpandPanel:boolean = false; //左侧可展开面板展开或关闭
- toggleExpandPanelRight:boolean = false; //右侧可展开面板展开或关闭
- togglePlane:boolean = true; //可展开面板平面图 显隐
- toggleMaterialBank:boolean = true; //可展开面板素材库 显隐
- toggleHandlePlans:boolean = true; //可展开面板处置预案 显隐
+ toggleExpandPanel: boolean = false; //左侧可展开面板展开或关闭
+ toggleExpandPanelRight: boolean = false; //右侧可展开面板展开或关闭
+ togglePlane: boolean = true; //可展开面板平面图 显隐
+ toggleMaterialBank: boolean = true; //可展开面板素材库 显隐
+ toggleHandlePlans: boolean = true; //可展开面板处置预案 显隐
//可展开面板展开或关闭
- toggle () {
+ toggle() {
this.toggleExpandPanel = !this.toggleExpandPanel
}
//可展开面板展开或关闭
- toggle2 () {
+ toggle2() {
this.toggleExpandPanelRight = !this.toggleExpandPanelRight
}
//可展开面板 平面图 展开或关闭
- togglePlanarGraph () {
+ togglePlanarGraph() {
this.togglePlane = !this.togglePlane
}
//可展开面板 素材库 展开或关闭
- toggleMaterial () {
+ toggleMaterial() {
this.toggleMaterialBank = !this.toggleMaterialBank
}
//可展开面板 处置预案 展开或关闭
- toggleHandlePlan () {
+ toggleHandlePlan() {
this.toggleHandlePlans = !this.toggleHandlePlans
}
- sitePlanData:any = []; //总平面图 楼层/区域 数据
- selectingSitePlan:any; //选中的 平面图 楼层/区域
- selectSitePlanIndex:number; //选中的 平面图 楼层/区域 index
+ sitePlanData: any = []; //总平面图 楼层/区域 数据
+ selectingSitePlan: any; //选中的 平面图 楼层/区域
+ selectSitePlanIndex: number; //选中的 平面图 楼层/区域 index
//获取总平面图
- getSitePlan () {
+ getSitePlan() {
let fireData = this.getFireElements(sessionStorage.getItem('buildingTypeId')) //获取单位下 消防要素
let planData = this.getSitePlanCompanyData() //获取 单位 数据
- this.http.get('/api/SitePlans',{params:this.params}).subscribe(data=>{
+ this.http.get('/api/SitePlans', { params: this.params }).subscribe(data => {
this.sitePlanData = data
this.selectingSitePlan = this.sitePlanData[0] || {}
this.canvasData.selectStorey = this.sitePlanData[0] || {} //服务中 存一份数据
this.selectSitePlanIndex = 0
- Promise.all([fireData,planData]).then((res)=>{
+ Promise.all([fireData, planData]).then((res) => {
this.getSitePlanStorey(this.selectingSitePlan) //获取 平面图 楼层数据
})
@@ -1189,17 +1189,17 @@ export class CollectionToolsComponent implements OnInit {
}
//获取建筑 楼层/区域
- getBuildingSitePlan (item) {
+ getBuildingSitePlan(item) {
let params = { buildingId: item.id }
let fireData = this.getFireElements(item.buildingTypes[0].id || '') //获取建筑下 消防要素
let planData = this.getBuildingData(params) //获取 建筑 数据
- this.http.get('/api/BuildingAreas',{params}).subscribe(data=>{
+ this.http.get('/api/BuildingAreas', { params }).subscribe(data => {
this.sitePlanData = data
this.selectingSitePlan = this.sitePlanData[0] || {}
this.canvasData.selectStorey = this.sitePlanData[0] || {} //服务中 存一份数据
this.selectSitePlanIndex = 0
- Promise.all([fireData,planData]).then((res)=>{
+ Promise.all([fireData, planData]).then((res) => {
this.getBuildingStorey(this.selectingSitePlan) //获取 建筑 楼层数据
})
@@ -1207,10 +1207,10 @@ export class CollectionToolsComponent implements OnInit {
}
//根据单位类型获得所有的消防要素
- getFireElements (e) {
- let params = {ids:e}
- return new Promise ((resolve,reject)=>{
- this.http.get('/api/Companies/FireElements',{params}).subscribe((data:any)=>{
+ getFireElements(e) {
+ let params = { ids: e }
+ return new Promise((resolve, reject) => {
+ this.http.get('/api/Companies/FireElements', { params }).subscribe((data: any) => {
this.allFireElements = data //所有消防要素
let other = {
children: [],
@@ -1220,7 +1220,7 @@ export class CollectionToolsComponent implements OnInit {
order: 999,
parentId: null,
tag: "INPUT",
- isLookPattern : true
+ isLookPattern: true
}
this.allFireElements.push(other)
resolve('success')
@@ -1229,62 +1229,62 @@ export class CollectionToolsComponent implements OnInit {
}
//获取 单位 数据
- getSitePlanCompanyData () {
- return new Promise ((resolve,reject)=>{
- this.http.get('/api/CompanyData',{params:this.params}).subscribe((data:any)=>{
+ 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"
- this.canvasData.originalcompanyBuildingData.companyId? null : this.canvasData.originalcompanyBuildingData.companyId = sessionStorage.getItem('companyId')
+ 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"
+ this.canvasData.originalcompanyBuildingData.companyId ? null : this.canvasData.originalcompanyBuildingData.companyId = sessionStorage.getItem('companyId')
resolve('success')
})
})
}
//获取 平面图 楼层数据
- getSitePlanStorey (e) {
- let params = {sitePlanId: e.id}
- this.http.get(`/api/SitePlanData`,{params}).subscribe((data:any)=>{
- console.log(12345,data)
+ 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"
- this.canvasData.originaleveryStoreyData.sitePlanId? null : this.canvasData.originaleveryStoreyData.sitePlanId = e.id || null
+ 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()
this.canvas.onExaminerClickFloor_CreateTestpaper()
})
}
//获取 建筑 数据
- getBuildingData (e) {
- return new Promise ((resolve,reject)=>{
- this.http.get(`/api/BuildingData`,{params:e}).subscribe((data:any)=>{
+ getBuildingData(e) {
+ return new Promise((resolve, reject) => {
+ this.http.get(`/api/BuildingData`, { params: e }).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"
- this.canvasData.originalcompanyBuildingData.buildingId? null : this.canvasData.originalcompanyBuildingData.buildingId = e.buildingId
+ 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"
+ this.canvasData.originalcompanyBuildingData.buildingId ? null : this.canvasData.originalcompanyBuildingData.buildingId = e.buildingId
resolve('success')
})
})
}
//获取 建筑 楼层数据
- async getBuildingStorey (e) {
- let params = {buildingAreaId: e.id}
- this.http.get(`/api/BuildingAreaData`,{params}).subscribe((data:any)=>{
+ async 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.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()
this.canvas.onExaminerClickFloor_CreateTestpaper()
})
}
//点击选中 平面图 楼层/区域 时
- selectSitePlan (item,index) {
-
+ selectSitePlan(item, index) {
+
if (this.selectSitePlanIndex != index) {
this.canvasData.selectPanelPoint = new DisposalNodeData();
// if (this.canvasData.isChange) { //true 数据被改动
@@ -1314,14 +1314,14 @@ export class CollectionToolsComponent implements OnInit {
// this.getBuildingData(params)
// }
// }
-
+
// } else { //false 数据没被改动
-
+
// } //if
this.selectingSitePlan = item
this.selectSitePlanIndex = index
this.canvasData.selectStorey = item //服务中 存一份数据
- if (this.checkedBuildingIndex==-1) { //总平面图时
+ if (this.checkedBuildingIndex == -1) { //总平面图时
this.getSitePlanStorey(item) //获取 平面图 楼层数据
} else { //楼层/区域时
this.getBuildingStorey(item) //获取 建筑 楼层数据
@@ -1330,57 +1330,57 @@ export class CollectionToolsComponent implements OnInit {
}
//新增平面图 楼层/区域
- foundPanel (e) {
+ foundPanel(e) {
e.stopPropagation()
let data = {
- isBuilding: this.checkedBuildingIndex==-1? false:true,
+ isBuilding: this.checkedBuildingIndex == -1 ? false : true,
Panel: this.beforeOneCheckedBuilding,
- order: this.sitePlanData.length? this.sitePlanData[this.sitePlanData.length-1].order+1:0,
+ order: this.sitePlanData.length ? this.sitePlanData[this.sitePlanData.length - 1].order + 1 : 0,
}
- let dialogRef = this.dialog.open(leftFunctionalDomainComponent,{data});
- dialogRef.afterClosed().subscribe(data=>{
- if (data =='总平面图') {
+ let dialogRef = this.dialog.open(leftFunctionalDomainComponent, { data });
+ dialogRef.afterClosed().subscribe(data => {
+ if (data == '总平面图') {
this.renovateSitePlan()
- } else if (data =='建筑') {
+ } else if (data == '建筑') {
this.renovateBuilding()
}
})
}
//编辑平面图 楼层/区域
- editPlaneData (e) {
+ editPlaneData(e) {
let data = {
- isBuilding: this.checkedBuildingIndex==-1? false:true,
+ isBuilding: this.checkedBuildingIndex == -1 ? false : true,
Panel: this.beforeOneCheckedBuilding,
buildingData: e,
}
- let dialogRef = this.dialog.open(editPlaneFigureComponent,{data});
- dialogRef.afterClosed().subscribe(data=>{
- if (data =='总平面图') {
+ let dialogRef = this.dialog.open(editPlaneFigureComponent, { data });
+ dialogRef.afterClosed().subscribe(data => {
+ if (data == '总平面图') {
this.renovateSitePlan()
- } else if (data =='建筑') {
+ } else if (data == '建筑') {
this.renovateBuilding()
}
})
}
//平面图 楼层/区域 上移
- moveUp (item,index) {
+ moveUp(item, index) {
if (index != 0) {
let replaceIndex = this.sitePlanData[index].order
- this.sitePlanData[index].order = this.sitePlanData[index-1].order
- this.sitePlanData[index-1].order = replaceIndex
- if (this.checkedBuildingIndex==-1) { //总平面图
- this.http.put(`/api/SitePlans/${this.sitePlanData[index-1].id}`,this.sitePlanData[index-1]).subscribe(data=>{
- this.http.put(`/api/SitePlans/${this.sitePlanData[index].id}`,this.sitePlanData[index]).subscribe(data=>{
- this.selectSitePlanIndex = this.selectSitePlanIndex-1
+ this.sitePlanData[index].order = this.sitePlanData[index - 1].order
+ this.sitePlanData[index - 1].order = replaceIndex
+ if (this.checkedBuildingIndex == -1) { //总平面图
+ this.http.put(`/api/SitePlans/${this.sitePlanData[index - 1].id}`, this.sitePlanData[index - 1]).subscribe(data => {
+ this.http.put(`/api/SitePlans/${this.sitePlanData[index].id}`, this.sitePlanData[index]).subscribe(data => {
+ this.selectSitePlanIndex = this.selectSitePlanIndex - 1
this.renovateSitePlan()
})
})
} else { //楼层/区域
- this.http.put(`/api/BuildingAreas/${this.sitePlanData[index-1].id}`,this.sitePlanData[index-1],{params:this.params}).subscribe(data=>{
- this.http.put(`/api/BuildingAreas/${this.sitePlanData[index].id}`,this.sitePlanData[index],{params:this.params}).subscribe(data=>{
- this.selectSitePlanIndex = this.selectSitePlanIndex-1
+ this.http.put(`/api/BuildingAreas/${this.sitePlanData[index - 1].id}`, this.sitePlanData[index - 1], { params: this.params }).subscribe(data => {
+ this.http.put(`/api/BuildingAreas/${this.sitePlanData[index].id}`, this.sitePlanData[index], { params: this.params }).subscribe(data => {
+ this.selectSitePlanIndex = this.selectSitePlanIndex - 1
this.renovateBuilding()
})
})
@@ -1390,22 +1390,22 @@ export class CollectionToolsComponent implements OnInit {
}
//平面图 楼层/区域 下移
- moveDown (item,index) {
- if (index != this.sitePlanData.length-1) {
+ moveDown(item, index) {
+ if (index != this.sitePlanData.length - 1) {
let replaceIndex = this.sitePlanData[index].order
- this.sitePlanData[index].order = this.sitePlanData[index+1].order
- this.sitePlanData[index+1].order = replaceIndex
- if (this.checkedBuildingIndex==-1) { //总平面图
- this.http.put(`/api/SitePlans/${this.sitePlanData[index+1].id}`,this.sitePlanData[index+1]).subscribe(data=>{
- this.http.put(`/api/SitePlans/${this.sitePlanData[index].id}`,this.sitePlanData[index]).subscribe(data=>{
- this.selectSitePlanIndex = this.selectSitePlanIndex+1
+ this.sitePlanData[index].order = this.sitePlanData[index + 1].order
+ this.sitePlanData[index + 1].order = replaceIndex
+ if (this.checkedBuildingIndex == -1) { //总平面图
+ this.http.put(`/api/SitePlans/${this.sitePlanData[index + 1].id}`, this.sitePlanData[index + 1]).subscribe(data => {
+ this.http.put(`/api/SitePlans/${this.sitePlanData[index].id}`, this.sitePlanData[index]).subscribe(data => {
+ this.selectSitePlanIndex = this.selectSitePlanIndex + 1
this.renovateSitePlan()
})
})
} else { //楼层/区域
- this.http.put(`/api/BuildingAreas/${this.sitePlanData[index+1].id}`,this.sitePlanData[index+1],{params:this.params}).subscribe(data=>{
- this.http.put(`/api/BuildingAreas/${this.sitePlanData[index].id}`,this.sitePlanData[index],{params:this.params}).subscribe(data=>{
- this.selectSitePlanIndex = this.selectSitePlanIndex+1
+ this.http.put(`/api/BuildingAreas/${this.sitePlanData[index + 1].id}`, this.sitePlanData[index + 1], { params: this.params }).subscribe(data => {
+ this.http.put(`/api/BuildingAreas/${this.sitePlanData[index].id}`, this.sitePlanData[index], { params: this.params }).subscribe(data => {
+ this.selectSitePlanIndex = this.selectSitePlanIndex + 1
this.renovateBuilding()
})
})
@@ -1415,19 +1415,19 @@ export class CollectionToolsComponent implements OnInit {
}
//旋转底图
- revolveImg (item) {
- item.imageAngle==270? item.imageAngle = 0 : item.imageAngle = item.imageAngle+90
- if (this.checkedBuildingIndex==-1) { //总平面图
- this.http.put(`/api/SitePlans/${item.id}`,item).subscribe(data=>{
+ revolveImg(item) {
+ item.imageAngle == 270 ? item.imageAngle = 0 : item.imageAngle = item.imageAngle + 90
+ if (this.checkedBuildingIndex == -1) { //总平面图
+ this.http.put(`/api/SitePlans/${item.id}`, item).subscribe(data => {
let isSuccess = this.renovateSitePlan()
- isSuccess.then(res=>{
+ isSuccess.then(res => {
this.canvas.refreshBackgroundImage()
})
})
} else { //楼层/区域
- this.http.put(`/api/BuildingAreas/${item.id}`,item,{params:this.params}).subscribe(data=>{
+ this.http.put(`/api/BuildingAreas/${item.id}`, item, { params: this.params }).subscribe(data => {
let isSuccess = this.renovateBuilding()
- isSuccess.then(res=>{
+ isSuccess.then(res => {
this.canvas.refreshBackgroundImage()
})
})
@@ -1436,47 +1436,47 @@ export class CollectionToolsComponent implements OnInit {
}
//删除 平面图 楼层/区域
- deletePlaneData (item) {
+ deletePlaneData(item) {
const isDelete = confirm('您确定要删除吗');
if (isDelete) {
- if (this.checkedBuildingIndex==-1) { //总平面图
- let isHave = this.canvasData.allDisposalNode.find(items=>{ return items.sitePlanId === item.id })
+ if (this.checkedBuildingIndex == -1) { //总平面图
+ let isHave = this.canvasData.allDisposalNode.find(items => { return items.sitePlanId === item.id })
if (isHave == undefined) {
- this.http.delete(`/api/SitePlans/${item.id}`).subscribe(data=>{
- this.deleteShareData(item,-1)
+ this.http.delete(`/api/SitePlans/${item.id}`).subscribe(data => {
+ this.deleteShareData(item, -1)
})
} else {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('含有数据节点的楼层不允许删除','确定',config);
+ this.snackBar.open('含有数据节点的楼层不允许删除', '确定', config);
}
} else { //楼层/区域
- let isHave = this.canvasData.allDisposalNode.find(items=>{ return items.buildingAreaId === item.id })
+ let isHave = this.canvasData.allDisposalNode.find(items => { return items.buildingAreaId === item.id })
if (isHave == undefined) {
- this.http.delete(`/api/BuildingAreas/${item.id}`).subscribe(data=>{
- this.deleteShareData(item,1)
+ this.http.delete(`/api/BuildingAreas/${item.id}`).subscribe(data => {
+ this.deleteShareData(item, 1)
})
} else {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('含有数据节点的楼层不允许删除','确定',config);
+ this.snackBar.open('含有数据节点的楼层不允许删除', '确定', config);
}
}
}
}
//删除当前 单位/建筑的 共享数据中 已删除data
- deleteShareData (e,isCompany) {
- this.sitePlanData.forEach((element,index) => {
- if (element.id===e.id) {
- this.sitePlanData.splice(index,1)
+ deleteShareData(e, isCompany) {
+ this.sitePlanData.forEach((element, index) => {
+ if (element.id === e.id) {
+ this.sitePlanData.splice(index, 1)
return
}
});
let data = this.canvasData.originalcompanyBuildingData;
- for(let key in data.data){
+ for (let key in data.data) {
if (data.data[key].FloorId === e.id) { //处理 单位/建筑 数据是否归于当前楼层下
delete data.data[key]
}
@@ -1487,30 +1487,30 @@ export class CollectionToolsComponent implements OnInit {
this.canvasData.selectStorey = this.sitePlanData[0] || {} //服务中 存一份数据
this.selectSitePlanIndex = 0
this.canvasData.isChange = false
- if (isCompany===-1) {
- this.http.post("/api/CompanyData",newData).subscribe(data => {})
+ if (isCompany === -1) {
+ this.http.post("/api/CompanyData", newData).subscribe(data => { })
this.getSitePlanStorey(this.selectingSitePlan) //获取 平面图 楼层数据
} else {
- this.http.post("/api/BuildingData",newData,{params:this.params}).subscribe(data => {})
+ this.http.post("/api/BuildingData", newData, { params: this.params }).subscribe(data => { })
this.getBuildingStorey(this.selectingSitePlan) //获取 建筑 楼层数据
}
}
//复制图层 平面图 楼层/区域
- duplicateLayer (item) {
- if (this.checkedBuildingIndex==-1) { //总平面图
+ duplicateLayer(item) {
+ if (this.checkedBuildingIndex == -1) { //总平面图
item.id = ""
item.modifiedTime = new Date()
item.name = item.name + '(副本)'
- item.order = this.sitePlanData[this.sitePlanData.length-1].order+1
- this.http.post('/api/SitePlans',item).subscribe((data:any)=>{
+ item.order = this.sitePlanData[this.sitePlanData.length - 1].order + 1
+ this.http.post('/api/SitePlans', item).subscribe((data: any) => {
let newData = {
version: this.canvasData.originaleveryStoreyData.version || "2.0",
id: "",
- data: JSON.stringify( JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData.data)) ) || null,
+ data: JSON.stringify(JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData.data))) || null,
sitePlanId: data.id
}
- this.http.post('/api/SitePlanData',newData,{params:this.params}).subscribe(data=>{
+ this.http.post('/api/SitePlanData', newData, { params: this.params }).subscribe(data => {
this.renovateSitePlan()
})
@@ -1519,15 +1519,15 @@ export class CollectionToolsComponent implements OnInit {
item.id = ""
item.modifiedTime = new Date()
item.name = item.name + '(副本)'
- item.order = this.sitePlanData[this.sitePlanData.length-1].order+1
- this.http.post('/api/BuildingAreas',item,{params:this.params}).subscribe((data:any)=>{
+ item.order = this.sitePlanData[this.sitePlanData.length - 1].order + 1
+ this.http.post('/api/BuildingAreas', item, { params: this.params }).subscribe((data: any) => {
let newData = {
version: this.canvasData.originaleveryStoreyData.version || "2.0",
id: "",
- data: JSON.stringify( JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData.data)) ) || null,
+ data: JSON.stringify(JSON.parse(JSON.stringify(this.canvasData.originaleveryStoreyData.data))) || null,
buildingAreaId: data.id
}
- this.http.post('/api/BuildingAreaData',newData,{params:this.params}).subscribe(data=>{
+ this.http.post('/api/BuildingAreaData', newData, { params: this.params }).subscribe(data => {
this.renovateBuilding()
})
@@ -1536,99 +1536,99 @@ export class CollectionToolsComponent implements OnInit {
}
//平面图 楼层/区域 替换底图
- replaceBaseMap (e,item) {
+ replaceBaseMap(e, item) {
e.stopPropagation();
let file = e.target.files[0] || null //获取上传的文件
let fileSize = file.size || null //上传文件的总大小
let maxSize = 5 * 1024 * 1024 //5MB一个分片
- if (file && fileSize<=maxSize) { //上传文件<=5MB时
+ if (file && fileSize <= maxSize) { //上传文件<=5MB时
let formData = new FormData()
- formData.append("file",file)
- this.http.post(`/api/Objects/WebPlan2D/${sessionStorage.getItem('companyId')}`,formData).subscribe((data:any)=>{
- this.renovateBaseMap(data.objectName,item)
+ formData.append("file", file)
+ this.http.post(`/api/Objects/WebPlan2D/${sessionStorage.getItem('companyId')}`, formData).subscribe((data: any) => {
+ this.renovateBaseMap(data.objectName, item)
})
} else {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('上传底图需小于5MB','确定',config);
+ this.snackBar.open('上传底图需小于5MB', '确定', config);
}
}
//封装 替换底图 function
- renovateBaseMap (e,item) {
+ renovateBaseMap(e, item) {
item.imageUrl = '/api/Objects/WebPlan2D/' + e
- if (this.checkedBuildingIndex ==-1) { //总平面图
- this.http.put(`/api/SitePlans/${item.id}`,item).subscribe(data=>{
+ if (this.checkedBuildingIndex == -1) { //总平面图
+ this.http.put(`/api/SitePlans/${item.id}`, item).subscribe(data => {
let isSuccess = this.renovateSitePlan()
- isSuccess.then(res=>{
+ isSuccess.then(res => {
this.canvas.refreshBackgroundImage()
})
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('上传底图成功','确定',config);
+ this.snackBar.open('上传底图成功', '确定', config);
})
} else { //楼层/区域
- this.http.put(`/api/BuildingAreas/${item.id}`,item,{params:this.params}).subscribe(data=>{
+ this.http.put(`/api/BuildingAreas/${item.id}`, item, { params: this.params }).subscribe(data => {
let isSuccess = this.renovateBuilding()
- isSuccess.then(res=>{
+ isSuccess.then(res => {
this.canvas.refreshBackgroundImage()
})
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('上传底图成功','确定',config);
+ this.snackBar.open('上传底图成功', '确定', config);
})
}
}
//封装 刷新总平面图 数据
- renovateSitePlan () {
- return new Promise ((resolve,reject)=>{
- this.http.get('/api/SitePlans',{params:this.params}).subscribe(data=>{
+ renovateSitePlan() {
+ return new Promise((resolve, reject) => {
+ this.http.get('/api/SitePlans', { params: this.params }).subscribe(data => {
this.sitePlanData = data
this.selectingSitePlan = this.sitePlanData[this.selectSitePlanIndex]
this.canvasData.selectStorey = this.sitePlanData[this.selectSitePlanIndex] //服务中 存一份数据
- this.canvasData.originaleveryStoreyData.sitePlanId? null : this.canvasData.originaleveryStoreyData.sitePlanId = this.selectingSitePlan.id || null
+ this.canvasData.originaleveryStoreyData.sitePlanId ? null : this.canvasData.originaleveryStoreyData.sitePlanId = this.selectingSitePlan.id || null
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('数据更新成功','确定',config);
+ this.snackBar.open('数据更新成功', '确定', config);
resolve('success')
})
})
}
//封装 刷新 楼层/区域 数据
- renovateBuilding () {
+ renovateBuilding() {
let params = {
buildingId: this.beforeOneCheckedBuilding.id
}
- return new Promise ((resolve,reject)=>{
- this.http.get('/api/BuildingAreas',{params}).subscribe(data=>{
+ return new Promise((resolve, reject) => {
+ this.http.get('/api/BuildingAreas', { params }).subscribe(data => {
this.sitePlanData = data
this.selectingSitePlan = this.sitePlanData[this.selectSitePlanIndex]
this.canvasData.selectStorey = this.sitePlanData[this.selectSitePlanIndex] //服务中 存一份数据
- this.canvasData.originaleveryStoreyData.buildingAreaId? null : this.canvasData.originaleveryStoreyData.buildingAreaId = this.selectingSitePlan.id || null
+ this.canvasData.originaleveryStoreyData.buildingAreaId ? null : this.canvasData.originaleveryStoreyData.buildingAreaId = this.selectingSitePlan.id || null
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('数据更新成功','确定',config);
+ this.snackBar.open('数据更新成功', '确定', config);
resolve('success')
})
})
}
- allLibrary:any = []; //所有素材库 + 素材
- selectLibrary:any; //选中的素材库
- selectImage:any; //选中的素材库图片
- selectImageIndex:number; //选中的素材库图片index
+ allLibrary: any = []; //所有素材库 + 素材
+ selectLibrary: any; //选中的素材库
+ selectImage: any; //选中的素材库图片
+ selectImageIndex: number; //选中的素材库图片index
//获取素材库
- getAllLibrary (type:string='input') {
- this.http.get(`/api/AssetLibraries?tag=${type}`).subscribe((data:any)=>{
+ getAllLibrary(type: string = 'input') {
+ this.http.get(`/api/AssetLibraries?tag=${type}`).subscribe((data: any) => {
data.forEach(element => {
element.images = []
});
@@ -1639,16 +1639,16 @@ export class CollectionToolsComponent implements OnInit {
}
//素材库展开面板展开时
- opened (e) {
+ opened(e) {
if (!e.images.length) { //当前素材库没加载素材时
- this.http.get(`/api/Assets?libraryId=${e.id}`).subscribe((data:any)=>{
+ this.http.get(`/api/Assets?libraryId=${e.id}`).subscribe((data: any) => {
e.images = data
})
}
}
//点击选中素材库图片时
- selectImg (item,items,index) {
+ selectImg(item, items, index) {
this.selectLibrary = item.name
this.selectImage = items
this.selectImageIndex = index
@@ -1660,22 +1660,22 @@ export class CollectionToolsComponent implements OnInit {
//处置预案
examType = this.route.snapshot.queryParams.openType // 预案类型 1=已存在/2=自定义
- allFirePlan:any = []; //所有灾情
- selectDisposalNode:string = ''; //当前点击tree节点 css选中样式
+ allFirePlan: any = []; //所有灾情
+ selectDisposalNode: string = ''; //当前点击tree节点 css选中样式
//获取所有灾情
- getAllFirePlan () {
+ getAllFirePlan() {
let api
- this.examType == 1? api='/api/Disasters' : api='/api/ExamDisasters'
- let params = {componentId: sessionStorage.getItem('planId')}
- this.http.get(api,{params:params}).subscribe((data:any)=>{
+ this.examType == 1 ? api = '/api/Disasters' : api = '/api/ExamDisasters'
+ let params = { componentId: sessionStorage.getItem('planId') }
+ this.http.get(api, { params: params }).subscribe((data: any) => {
if (!data.length) { //该 单位没有灾情时
let msg = {
name: '灾情',
modifiedTime: new Date(),
examPlanComponentId: sessionStorage.getItem('planId')
}
- this.http.post('/api/ExamDisasters',msg).subscribe(data=>{
+ this.http.post('/api/ExamDisasters', msg).subscribe(data => {
this.allFirePlan.push(data)
this.getDisposalNode()
})
@@ -1687,25 +1687,25 @@ export class CollectionToolsComponent implements OnInit {
}
//获取所有处置节点
- getDisposalNode () {
+ getDisposalNode() {
let api
- this.examType == 1? api='/api/DisposalNodes' : api='/api/ExamDisposalNodes'
+ this.examType == 1 ? api = '/api/DisposalNodes' : api = '/api/ExamDisposalNodes'
this.selectDisposalNode = ''
let params
- this.examType == 1? params = {disasterId: this.allFirePlan[0].id || ''} : params = {examDisasterId: this.allFirePlan[0].id || ''}
- this.http.get(api,{params:params}).subscribe(data=>{ //处置节点
+ this.examType == 1 ? params = { disasterId: this.allFirePlan[0].id || '' } : params = { examDisasterId: this.allFirePlan[0].id || '' }
+ this.http.get(api, { params: params }).subscribe(data => { //处置节点
this.canvasData.allDisposalNode = data
this.handleHybridTree()
})
}
- treeData:any = []; //渲染tree处理完成数据
- defaultExpandedKeys:any = []; //首次渲染 tree展开状态
+ treeData: any = []; //渲染tree处理完成数据
+ defaultExpandedKeys: any = []; //首次渲染 tree展开状态
//处理 节点 Tree数据
- handleHybridTree () {
+ handleHybridTree() {
this.defaultExpandedKeys = []
let treeData = []
- let data = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] ))
+ let data = JSON.parse(JSON.stringify(this.canvasData.allDisposalNode || []))
data.forEach(element => {
this.defaultExpandedKeys.push(element.id)
element.title = element.name //name
@@ -1718,32 +1718,32 @@ export class CollectionToolsComponent implements OnInit {
element.isLeaf = false
element.isDataNode = false
}
- data.forEach(item=>{
- item.parentId === element.id? element.children.push(item) : null
+ data.forEach(item => {
+ item.parentId === element.id ? element.children.push(item) : null
})
});
- data.forEach(element=>{
- !element.parentId? treeData.push(element) : null
+ data.forEach(element => {
+ !element.parentId ? treeData.push(element) : null
})
this.treeData = [...treeData]
this.defaultExpandedKeys = [...this.defaultExpandedKeys]
}
//刷新 treeData 保存已展开节点
- refurbishTreeData () {
+ refurbishTreeData() {
let api
- this.examType == 1? api='/api/DisposalNodes' : api='/api/ExamDisposalNodes'
+ this.examType == 1 ? api = '/api/DisposalNodes' : api = '/api/ExamDisposalNodes'
this.defaultExpandedKeys = []
let params
- this.examType == 1? params = {disasterId: this.allFirePlan[0].id || ''} : params = {examDisasterId: this.allFirePlan[0].id || ''}
- this.http.get(api,{params:params}).subscribe(nodeData=>{ //处置节点
+ this.examType == 1 ? params = { disasterId: this.allFirePlan[0].id || '' } : params = { examDisasterId: this.allFirePlan[0].id || '' }
+ this.http.get(api, { params: params }).subscribe(nodeData => { //处置节点
this.canvasData.allDisposalNode = nodeData
let oldTreeData = this.nzTreeComponent.getExpandedNodeList()
- oldTreeData.forEach(item=>{
+ oldTreeData.forEach(item => {
this.defaultExpandedKeys.push(item.key)
})
let treeData = []
- let data = JSON.parse(JSON.stringify( this.canvasData.allDisposalNode || [] ))
+ let data = JSON.parse(JSON.stringify(this.canvasData.allDisposalNode || []))
data.forEach(element => {
element.title = element.name //name
element.key = element.id //id
@@ -1755,39 +1755,39 @@ export class CollectionToolsComponent implements OnInit {
element.isLeaf = false
element.isDataNode = false
}
- data.forEach(item=>{
- item.parentId === element.id? element.children.push(item) : null
+ data.forEach(item => {
+ item.parentId === element.id ? element.children.push(item) : null
})
});
- data.forEach(element=>{
- !element.parentId? treeData.push(element) : null
+ data.forEach(element => {
+ !element.parentId ? treeData.push(element) : null
})
this.treeData = [...treeData]
this.defaultExpandedKeys = [...this.defaultExpandedKeys]
})
}
- sitePlanIcon = {fire:0,force:0} // 总平面图 火源/力量 图标 是否展示
+ sitePlanIcon = { fire: 0, force: 0 } // 总平面图 火源/力量 图标 是否展示
//刷新 建筑楼层 匹配 火源/力量 图标
- mateFireForce () {
+ mateFireForce() {
let data = this.canvasData.allNodeMarkers.markers || {}
- for(let key in data){ //遍历 火/力量 图标
+ for (let key in data) { //遍历 火/力量 图标
this.sitePlanData.forEach(element => { //楼层
- if (element.id==key) { // 相匹配时
- data[key].fireCount != 0? element.fire=1 : element.fire=0
- data[key].forceCount != 0? element.force=1 : element.force=0
+ if (element.id == key) { // 相匹配时
+ data[key].fireCount != 0 ? element.fire = 1 : element.fire = 0
+ data[key].forceCount != 0 ? element.force = 1 : element.force = 0
}
});
this.allBuildings.forEach(element => { //建筑
- if (element.id==key) { // 相匹配时
- data[key].fireCount != 0? element.fire=1 : element.fire=0
- data[key].forceCount != 0? element.force=1 : element.force=0
+ if (element.id == key) { // 相匹配时
+ data[key].fireCount != 0 ? element.fire = 1 : element.fire = 0
+ data[key].forceCount != 0 ? element.force = 1 : element.force = 0
}
});
- if (this.params.companyId==key) { //总平面图时
- data[key].fireCount != 0? this.sitePlanIcon.fire=1 : this.sitePlanIcon.fire=0
- data[key].forceCount != 0? this.sitePlanIcon.force=1 : this.sitePlanIcon.force=0
+ if (this.params.companyId == key) { //总平面图时
+ data[key].fireCount != 0 ? this.sitePlanIcon.fire = 1 : this.sitePlanIcon.fire = 0
+ data[key].forceCount != 0 ? this.sitePlanIcon.force = 1 : this.sitePlanIcon.force = 0
}
}
@@ -1797,19 +1797,19 @@ export class CollectionToolsComponent implements OnInit {
for (let keys in buildingMSG[key]) {
this.sitePlanData.forEach(element => { //楼层
if (element.id === keys) {
- buildingMSG[key][keys].fireCount != 0? element.fire=2 : null
- buildingMSG[key][keys].forceCount != 0? element.force=2 : null
+ buildingMSG[key][keys].fireCount != 0 ? element.fire = 2 : null
+ buildingMSG[key][keys].forceCount != 0 ? element.force = 2 : null
}
});
this.allBuildings.forEach(element => { //建筑
if (element.id === keys) { // 相匹配时
- buildingMSG[key][keys].fireCount != 0? element.fire=2 : null
- buildingMSG[key][keys].forceCount != 0? element.force=2 : null
+ buildingMSG[key][keys].fireCount != 0 ? element.fire = 2 : null
+ buildingMSG[key][keys].forceCount != 0 ? element.force = 2 : null
}
});
if (this.params.companyId === keys) { //总平面图时
- buildingMSG[key][keys].fireCount != 0? this.sitePlanIcon.fire=2 : null
- buildingMSG[key][keys].forceCount != 0? this.sitePlanIcon.force=2 : null
+ buildingMSG[key][keys].fireCount != 0 ? this.sitePlanIcon.fire = 2 : null
+ buildingMSG[key][keys].forceCount != 0 ? this.sitePlanIcon.force = 2 : null
}
}
}
@@ -1817,9 +1817,9 @@ export class CollectionToolsComponent implements OnInit {
}
// 切换 基本信息时 刷新 删除 建筑楼层 自定义属性
- mateDeleteCustomize () {
+ mateDeleteCustomize() {
this.defaultExpandedKeys = []
- this.sitePlanIcon = {fire:0,force:0}
+ this.sitePlanIcon = { fire: 0, force: 0 }
this.sitePlanData.forEach(element => { //楼层
delete element.fire
delete element.force
@@ -1831,76 +1831,76 @@ export class CollectionToolsComponent implements OnInit {
}
//选择 考试节点
- countValue (e) {
+ countValue(e) {
e.stopPropagation()
if (this.canvasData.allDisposalNode.length) {
- let data = {treeData: JSON.parse( JSON.stringify(this.treeData) ), oldTreeData: JSON.parse( JSON.stringify(this.canvasData.allDisposalNode) )}
- let dialogRef = this.dialog.open(uploadDisposalNodes,{data});
- dialogRef.afterClosed().subscribe(data=>{
+ let data = { treeData: JSON.parse(JSON.stringify(this.treeData)), oldTreeData: JSON.parse(JSON.stringify(this.canvasData.allDisposalNode)) }
+ let dialogRef = this.dialog.open(uploadDisposalNodes, { data });
+ dialogRef.afterClosed().subscribe(data => {
if (data) {
- sessionStorage.setItem('examNodeList',JSON.stringify(data))
+ sessionStorage.setItem('examNodeList', JSON.stringify(data))
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('节点保存成功','确定',config);
+ this.snackBar.open('节点保存成功', '确定', config);
}
})
} else {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
- this.snackBar.open('暂无处置节点','确定',config);
+ this.snackBar.open('暂无处置节点', '确定', config);
}
}
//新建 处置预案 节点
- addPanelPoint (e,item,treeData) {
+ addPanelPoint(e, item, treeData) {
e.stopPropagation()
let order
if (item) {
- item.children.length? order = item.children[item.children.length-1].order+1 : order = 0
+ item.children.length ? order = item.children[item.children.length - 1].order + 1 : order = 0
} else {
- treeData.length? order = treeData[treeData.length-1].order+1 : order = 0
+ treeData.length ? order = treeData[treeData.length - 1].order + 1 : order = 0
}
let data = {
name: '',
- level: item? 1 : 0,
+ level: item ? 1 : 0,
order: order,
description: '',
disasterId: this.allFirePlan[0].id || '',
- parentId: item? item.id : null,
+ parentId: item ? item.id : null,
planComponentId: sessionStorage.getItem('planId') || '',
}
- let dialogRef = this.dialog.open(addDisposalNodeComponent,{data});
- dialogRef.afterClosed().subscribe(data=>{
+ let dialogRef = this.dialog.open(addDisposalNodeComponent, { data });
+ dialogRef.afterClosed().subscribe(data => {
if (data) { this.refurbishTreeData() }
})
}
//编辑 处置预案 节点
- editPanelPoint (e,item) {
+ editPanelPoint(e, item) {
e.stopPropagation()
let data = item.origin
- let dialogRef = this.dialog.open(editDisposalNodeComponent,{data});
- dialogRef.afterClosed().subscribe(data=>{
+ let dialogRef = this.dialog.open(editDisposalNodeComponent, { data });
+ dialogRef.afterClosed().subscribe(data => {
if (data) {
item.title = data
- this.canvasData.allDisposalNode.forEach(element => { element.id === item.key? element.name=data : null });
+ this.canvasData.allDisposalNode.forEach(element => { element.id === item.key ? element.name = data : null });
}
})
}
//复制 处置预案 节点
- copyPanelPoint (e,item,treeData) {
+ copyPanelPoint(e, item, treeData) {
e.stopPropagation()
if (confirm(`确定要复制 ${item.title} ?`)) {
- let params = {id: item.origin.id}
+ let params = { id: item.origin.id }
let order
- if (item.level==0) {
- treeData.length? order = treeData[treeData.length-1].order+1 : order = 0
+ if (item.level == 0) {
+ treeData.length ? order = treeData[treeData.length - 1].order + 1 : order = 0
} else {
let parent = item.getParentNode() //获取父节点
- parent.origin.children.length? order = parent.origin.children[parent.origin.children.length-1].order+1 : order = 0
+ parent.origin.children.length ? order = parent.origin.children[parent.origin.children.length - 1].order + 1 : order = 0
}
let data = {
name: item.title + '(副本)',
@@ -1911,43 +1911,43 @@ export class CollectionToolsComponent implements OnInit {
parentId: item.origin.parentId || null,
planComponentId: item.origin.planComponentId || '',
}
- this.http.post('/api/DisposalNodes/Clone',data,{params:params}).subscribe(data=>{
+ this.http.post('/api/DisposalNodes/Clone', data, { params: params }).subscribe(data => {
this.refurbishTreeData()
})
} //isTrue
}
//删除 处置预案 节点
- deletePanelPoint (e,item) {
+ deletePanelPoint(e, item) {
e.stopPropagation()
if (confirm(`确定要删除 ${item.name} ?`)) {
- this.http.delete(`/api/DisposalNodes/${item.id}`).subscribe(data=>{
+ this.http.delete(`/api/DisposalNodes/${item.id}`).subscribe(data => {
this.refurbishTreeData()
})
}
}
//点击 处置Tree节点
- selectanelPoint (e) {
+ selectanelPoint(e) {
if (!e.buildingAreaId && !e.sitePlanId) { //当前节点 不是 数据节点 时
let msg = this.canvasData.findDisposalNode(e.id)
this.canvasData.selectPanelPointBaseData = msg
- this.selectDisposalNode == msg.id? this.selectDisposalNode = '' : this.selectDisposalNode = msg.id //选中 节点
+ this.selectDisposalNode == msg.id ? this.selectDisposalNode = '' : this.selectDisposalNode = msg.id //选中 节点
} else if (e.buildingAreaId || e.sitePlanId) { //当前节点 是 数据节点 时
let msg = this.canvasData.findDisposalNode(e.parentId)
this.canvasData.selectPanelPointBaseData = msg
this.selectDisposalNode = e.parentId //选中 节点
-
+
if (this.canvasData.selectPanelPoint.DisposalNodeId != e.id) { //选择节点 不是当前节点时
let api
- this.examType == 1? api='/api/DisposalNodeData' : api='/api/ExamDisposalNodeData'
- let params = {nodeId: e.id}
+ this.examType == 1 ? api = '/api/DisposalNodeData' : 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
- storeyId: e.sitePlanId? e.sitePlanId : e.buildingAreaId, //楼层id
+ buildingIndex: e.sitePlanId ? -1 : this.allBuildings.findIndex(item => { return item.id === e.buildingId }), //总平面图/建筑 index
+ storeyId: e.sitePlanId ? e.sitePlanId : e.buildingAreaId, //楼层id
}
- this.http.get(api,{params:params}).subscribe(data=>{
+ this.http.get(api, { params: params }).subscribe(data => {
this.canvasData.selectPanelPoint = this.canvasData.deserialize(JSON.stringify(data || new DisposalNodeData())) //选择 当前 节点
this.canvasData.selectPanelPoint.Data = this.canvasData.deserialize(this.canvasData.selectPanelPoint.Data)
this.seekPanelPoint(parameter)
@@ -1958,36 +1958,36 @@ export class CollectionToolsComponent implements OnInit {
}
//查找 数据节点 对应 建筑/楼层
- seekPanelPoint (paramsData) {
+ seekPanelPoint(paramsData) {
this.checkedBuildingIndex = paramsData.buildingIndex
- if (paramsData.buildingIndex ==-1) { //总平面图时
- this.beforeOneCheckedBuilding={name:"总平面图"}
+ if (paramsData.buildingIndex == -1) { //总平面图时
+ this.beforeOneCheckedBuilding = { name: "总平面图" }
let fireData = this.getFireElements(sessionStorage.getItem('buildingTypeId')) //获取单位下 消防要素
let planData = this.getSitePlanCompanyData() //获取 单位 数据
- this.http.get('/api/SitePlans',{params:this.params}).subscribe(data=>{
+ this.http.get('/api/SitePlans', { params: this.params }).subscribe(data => {
this.sitePlanData = data
- let index = this.sitePlanData.findIndex(item=>{ return item.id===paramsData.storeyId })
+ let index = this.sitePlanData.findIndex(item => { return item.id === paramsData.storeyId })
this.selectingSitePlan = this.sitePlanData[index] || {}
this.canvasData.selectStorey = this.sitePlanData[index] || {} //服务中 存一份数据
this.selectSitePlanIndex = index
-
- Promise.all([fireData,planData]).then((res)=>{
+
+ Promise.all([fireData, planData]).then((res) => {
this.getSitePlanStorey(this.selectingSitePlan) //获取 平面图 楼层数据
})
}) //get
} else { //建筑时
- this.beforeOneCheckedBuilding=this.allBuildings[paramsData.buildingIndex]
+ this.beforeOneCheckedBuilding = this.allBuildings[paramsData.buildingIndex]
let params = { buildingId: this.beforeOneCheckedBuilding.id }
let fireData = this.getFireElements(this.beforeOneCheckedBuilding.buildingTypes[0].id || '') //获取建筑下 消防要素
let planData = this.getBuildingData(params) //获取 建筑 数据
- this.http.get('/api/BuildingAreas',{params}).subscribe(data=>{
+ this.http.get('/api/BuildingAreas', { params }).subscribe(data => {
this.sitePlanData = data
- let index = this.sitePlanData.findIndex(item=>{ return item.id===paramsData.storeyId })
+ let index = this.sitePlanData.findIndex(item => { return item.id === paramsData.storeyId })
this.selectingSitePlan = this.sitePlanData[index] || {}
this.canvasData.selectStorey = this.sitePlanData[index] || {} //服务中 存一份数据
this.selectSitePlanIndex = index
-
- Promise.all([fireData,planData]).then((res)=>{
+
+ Promise.all([fireData, planData]).then((res) => {
this.getBuildingStorey(this.selectingSitePlan) //获取 建筑 楼层数据
})
}) //get
@@ -2008,30 +2008,30 @@ export class CollectionToolsComponent implements OnInit {
})
export class CreateBuilding {
- constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data) { }
+ constructor(private http: HttpClient, public dialog: MatDialog, public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data) { }
- allBuildingType:any//所有的建筑类型
- selected:any; //选中的建筑
+ allBuildingType: any//所有的建筑类型
+ selected: any; //选中的建筑
ngOnInit(): void {
this.getAllBuildingType()
}
//获得所有单位类型
- getAllBuildingType(){
- this.http.get("/api/BuildingTypes/Simple").subscribe(data=>{
+ getAllBuildingType() {
+ this.http.get("/api/BuildingTypes/Simple").subscribe(data => {
this.allBuildingType = data
})
}
//创建建筑功能分区
- onSubmit (e) {
+ onSubmit(e) {
let companyId = sessionStorage.getItem("companyId")
let lastBuildingOrder = this.data.allBuildings.length != 0 ? this.data.allBuildings[this.data.allBuildings.length - 1].order + 1 : 0
- let data =
+ let data =
{
id: "",
name: e.propertyName,
- order: lastBuildingOrder ,
+ order: lastBuildingOrder,
enabled: true,
companyId: companyId,
buildingTypes: [
@@ -2041,13 +2041,13 @@ export class CreateBuilding {
}
]
}
- this.http.post("/api/Buildings",data,{
- params:{
- companyId : this.data.companyId
+ this.http.post("/api/Buildings", data, {
+ params: {
+ companyId: this.data.companyId
}
- }).subscribe(data=>{
+ }).subscribe(data => {
this.dialogRef.close("创建成功");
- },err=>{
+ }, err => {
this.dialogRef.close("创建失败");
})
}
@@ -2061,26 +2061,26 @@ export class CreateBuilding {
})
export class EditBuilding {
- constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data) { }
-
- defaultName:String = this.data.item.name//默认建筑名称
- defaultBuildingType:String = this.data.item.buildingTypes[0].id//默认建筑类型
- allBuildingType:any//所有的建筑类型
+ constructor(private http: HttpClient, public dialog: MatDialog, public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data) { }
+
+ defaultName: String = this.data.item.name//默认建筑名称
+ defaultBuildingType: String = this.data.item.buildingTypes[0].id//默认建筑类型
+ allBuildingType: any//所有的建筑类型
ngOnInit(): void {
this.getAllBuildingType()
}
- getAllBuildingType(){
- this.http.get("/api/BuildingTypes/Simple").subscribe(data=>{
+ getAllBuildingType() {
+ this.http.get("/api/BuildingTypes/Simple").subscribe(data => {
this.allBuildingType = data
})
}
//编辑建筑信息
- onSubmit (e) {
+ onSubmit(e) {
let companyId = sessionStorage.getItem("companyId")
- let data =
+ let data =
{
id: this.data.item.id,
name: e.propertyName,
@@ -2094,14 +2094,14 @@ export class EditBuilding {
}
]
}
- this.http.put(`/api/Buildings/${this.data.item.id}`,data,{
- params:{
- id:this.data.item.id,
- companyId:companyId
+ this.http.put(`/api/Buildings/${this.data.item.id}`, data, {
+ params: {
+ id: this.data.item.id,
+ companyId: companyId
}
- }).subscribe(data=>{
+ }).subscribe(data => {
this.dialogRef.close("修改成功");
- },err=>{
+ }, err => {
this.dialogRef.close("修改失败");
})
}
@@ -2117,34 +2117,34 @@ export class ViewDetailss {
// myControl = new FormControl();
//注入MatDialogRef，可以用来关闭对话框
//要访问对话框组件中的数据，必须使用MAT_DIALOG_DATA注入令牌
- constructor(private http: HttpClient,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data,private element: ElementRef) {}
+ constructor(private http: HttpClient, public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data, private element: ElementRef) { }
imagesArr = this.data.imagesArr
onNoClick(): void {
this.dialogRef.close();
}
ngOnInit(): void {
setTimeout(() => {
- var mySwiper = new Swiper('.swiper-container',{
+ var mySwiper = new Swiper('.swiper-container', {
loop: false,
- initialSlide :this.data.index,//默认索引
+ initialSlide: this.data.index,//默认索引
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
- }
+ }
//其他设置
- });
+ });
}, 0);
}
- closeDialog(){
+ closeDialog() {
this.dialogRef.close();
}
count = 10
zoomimg(e) {
- if(this.count != 1 || e.wheelDelta >= 120){
- if(e.wheelDelta >= 120){
+ if (this.count != 1 || e.wheelDelta >= 120) {
+ if (e.wheelDelta >= 120) {
this.count++
- }else{
+ } else {
this.count--
}
}
- info 属性
+
-
-
+
diff --git a/src/app/ui/collection-tools/collection-tools.component.ts b/src/app/ui/collection-tools/collection-tools.component.ts
index 3601758..0c13802 100644
--- a/src/app/ui/collection-tools/collection-tools.component.ts
+++ b/src/app/ui/collection-tools/collection-tools.component.ts
@@ -1,22 +1,22 @@
-import { Component, OnInit, Inject, ViewChild,ElementRef,Renderer2, ViewContainerRef } from '@angular/core';
+import { Component, OnInit, Inject, ViewChild, ElementRef, Renderer2, ViewContainerRef } 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';
-import {leftFunctionalDomainComponent,editPlaneFigureComponent,editDisposalNodeComponent,addDisposalNodeComponent} from './leftFunctionalDomain'
-import {MatTreeFlatDataSource, MatTreeFlattener} from '@angular/material/tree';
-import {FlatTreeControl} from '@angular/cdk/tree';
-import {WorkingAreaComponent} from '../../working-area/working-area.component'
-import {CanvasShareDataService, DisposalNodeData} from '../../canvas-share-data.service' //引入服务
+import { leftFunctionalDomainComponent, editPlaneFigureComponent, editDisposalNodeComponent, addDisposalNodeComponent } from './leftFunctionalDomain'
+import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { WorkingAreaComponent } from '../../working-area/working-area.component'
+import { CanvasShareDataService, DisposalNodeData } from '../../canvas-share-data.service' //引入服务
import Viewer from 'viewerjs';
import Swiper from 'swiper';
import { saveOneDialog } from './save';
-import { NzFormatBeforeDropEvent, NzFormatEmitEvent,NzTreeComponent } from 'ng-zorro-antd/tree';
+import { NzFormatBeforeDropEvent, NzFormatEmitEvent, NzTreeComponent } from 'ng-zorro-antd/tree';
import { Observable, of } from 'rxjs';
import { delay } from 'rxjs/operators';
import { windows } from 'src/app/interface';
import { GameMode } from 'src/app/working-area/model/gameMode';
import { ActivatedRoute, Router } from '@angular/router';
-import { examinationQuestions,uploadDisposalNodes,uploadQuestions } from './examinationQuestions'
+import { examinationQuestions, uploadDisposalNodes, uploadQuestions } from './examinationQuestions'
@@ -27,9 +27,9 @@ import { examinationQuestions,uploadDisposalNodes,uploadQuestions } from './exam
})
export class CollectionToolsComponent implements OnInit {
- @ViewChild('canvas',{static: true}) canvas:WorkingAreaComponent; //父组件中获得子组件的引用
+ @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) { }
+ 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;
// tree配置
private _transformer = (node, level: number) => {//要给渲染节点传那些属性参数
@@ -38,38 +38,38 @@ export class CollectionToolsComponent implements OnInit {
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
+ children: node.children,
+ isTemplate: node.isTemplate,
+ isNewElement: node.isNewElement,
+ isLook: node.isLook,
+ isLookPattern: node.isLookPattern || null
};
}
treeControl = new FlatTreeControl
+
-
+ info 属性
+
面积(平方米)
@@ -158,20 +179,24 @@
+
@@ -179,15 +204,18 @@
- {{assetName}}
宽度(像素)
- +高度(像素)
- +角度
+ oninput="if(value>360)value=360;if(value<0)value=0;" (input)="assetAngleIunput()"
+ [disabled]="!isEditPattern || (canvasAssetObj.GameMode == 0 && !pattern)">
厚度
+ oninput="if(value>999)value=999;if(value<0)value=0;" (input)="assetThicknessIunput()"
+ [disabled]="!isEditPattern || (canvasAssetObj.GameMode == 0 && !pattern)">
是否高亮
-
+
选中高亮
@@ -197,49 +225,69 @@
+
透明度
-
-
+
-
{{item.PropertyName}}({{item.PhysicalUnit}})
- +{{item.PropertyName}}({{item.PhysicalUnit}})
+
-
{{item.PropertyName}}({{item.PhysicalUnit}})
- +{{item.PropertyName}}({{item.PhysicalUnit}})
+
-
{{item.PropertyName}}({{item.PhysicalUnit}})
- +{{item.PropertyName}}({{item.PhysicalUnit}})
+{{item.PropertyName}}
- {{imagesArr.length ? imagesArr.length : 0}} / {{item.PropertyValue}} - -添加
-
-
-
+ {{imagesArr.length ? imagesArr.length : 0}}
+ / {{item.PropertyValue}}
+
+
delete
@@ -248,50 +296,57 @@
+
添加
+
+
+
- ![]()
+ ![]()
-
+
{{item.PropertyName}}
-{{item.PropertyName}}
- 是 - 否 + 是 + 否{{item.PropertyName}}
-{{item.PropertyName}}
-