[完善] 删除修改数据

src/app/working-area/working-area.component.ts

@@ -68,6 +68,25 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV
       if (event.keyCode === 17) {
         this.selection.isMultiselection = false;
       }
+      if (event.keyCode === 46) {
+
+        this.selection.objects.forEach(item => {
+          // 删除 选中的数据
+          if (item.assetData.IsFromBuilding) {
+            // console.log(this.canvasData.originaleveryStoreyData.data[item.assetData.Id]);
+            delete this.canvasData.originalcompanyBuildingData.data[item.assetData.Id];
+            // console.log(this.canvasData.originalcompanyBuildingData.data[item.assetData.Id]);
+          } else {
+            // console.log(this.canvasData.originaleveryStoreyData.data[item.assetData.Id]);
+            delete this.canvasData.originaleveryStoreyData.data[item.assetData.Id];
+            // console.log(this.canvasData.originaleveryStoreyData.data[item.assetData.Id]);
+          }
+          // console.log(this.backgroundImage.getChildByName(item.assetData.Id));
+          // 删除选中的图标
+          this.backgroundImage.removeChild(this.backgroundImage.getChildByName(item.assetData.Id));
+        });
+
+      }
     });
   }
 
@@ -646,13 +665,14 @@ enum PaintMode {
  */
 export class SinglePointIcon extends PIXI.Container {
   private text = new PIXI.Text(this.assetData.Name, {
-    fontFamily: 'Arial', fontSize: 24, fill: 0xffffff, align: 'center'
+    fontFamily: 'Arial', fontSize: 18, fill: 0xffffff, align: 'center'
   });
   constructor(private assetData: any, private workingArea: WorkingAreaComponent) {
     super();
     this.workingArea.backgroundImage.addChild(this);
     this.x = this.assetData.Point.x;
     this.y = this.assetData.Point.y;
+    this.name = this.assetData.Id;
     const singlePointIcon = PIXI.Sprite.from(this.assetData.ImageUrl);
     singlePointIcon.x = 0; // this.assetData.Point.x;
     singlePointIcon.y = 0; // this.assetData.Point.y;
@@ -662,7 +682,6 @@ export class SinglePointIcon extends PIXI.Container {
     singlePointIcon.alpha = 1;
     singlePointIcon.anchor.set(0.5);
     singlePointIcon.interactive = true;
-    singlePointIcon.name = this.assetData.Name;
     singlePointIcon
      .on('mousedown', event => {
        event.stopPropagation();
@@ -723,7 +742,7 @@ export class MultipointIcon extends PIXI.Container {
    */
   constructor(private assetData: any, private workingArea: WorkingAreaComponent) {
     super();
-    this.name = this.assetData.Name;
+    this.name = this.assetData.Id;
     this.pointsData = this.assetData.MultiPoint;
     this.x = this.assetData.Point.x;
     this.y = this.assetData.Point.y;
@@ -748,7 +767,7 @@ export class MultipointIcon extends PIXI.Container {
       if (i === 0) {
         // 名称
         const text = new PIXI.Text(this.assetData.Name, {
-          fontFamily: 'Arial', fontSize: 24, fill: 0xffffff, align: 'center'
+          fontFamily: 'Arial', fontSize: 18, fill: 0xffffff, align: 'center'
         });
         text.anchor.set(0.5);
         text.y -= this.assetData.Height;
@@ -910,7 +929,7 @@ export class PolygonIcon extends PIXI.Container {
    */
   constructor(private assetData: any, private workingArea: WorkingAreaComponent) {
     super();
-    this.name = this.assetData.Name;
+    this.name = this.assetData.Id;
     this.x = this.assetData.Point.x;
     this.y = this.assetData.Point.y;
     this.pointsData = this.assetData.MultiPoint;
@@ -941,7 +960,7 @@ export class PolygonIcon extends PIXI.Container {
     this.addChild(this.polygonLineGraphics);
     // 名称
     const text = new PIXI.Text(this.assetData.Name, {
-      fontFamily: 'Arial', fontSize: 24, fill: 0xffffff, align: 'center'
+      fontFamily: 'Arial', fontSize: 18, fill: 0xffffff, align: 'center'
     });
     text.anchor.set(0.5);
     text.y -= this.assetData.Height;