shaojiahao
/
TheCommandPlatform-Anxin
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

[新增] 绘制作业区

develop
徐振升 4 years ago
parent
192565403b
commit
104ad4d29f
1 changed files with 878 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 948
      src/app/working-area/working-area.component.ts

948
src/app/working-area/working-area.component.ts
Unescape View File

@ -276,6 +276,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV
// this.createEnterPaintEndButton();
// this.backgroundImage.addChild(this.paintingLine);
this.on('select', obj => {
console.log(obj);
this.moveIconToScreenCenter(obj);
if (this.allowEdit) {
if (obj instanceof MultipointIcon) {
@ -462,16 +463,545 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV
const single = new SinglePointIcon(element, this);
});
this.setNameVisible(false, GameMode.BasicInformation);
const tempData = {
const tempData = [
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 2139,
y: 399
},
{
x: 2194,
y: 399
},
{
x: 2194,
y: 1217
},
{
x: 2139,
y: 1217
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 5148 - 4000,
y: 3133 - 2830
},
{
x: 6093 - 4000,
y: 3133 - 2830
},
{
x: 6093 - 4000,
y: 3188 - 2830
},
{
x: 5148 - 4000,
y: 3188 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 5061 - 4000,
y: 3263 - 2830
},
{
x: 5116 - 4000,
y: 3263 - 2830
},
{
x: 5116 - 4000,
y: 4047 - 2830
},
{
x: 5061 - 4000,
y: 4047 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 5149 - 4000,
y: 4097 - 2830
},
{
x: 6094 - 4000,
y: 4097 - 2830
},
{
x: 6094 - 4000,
y: 4152 - 2830
},
{
x: 5149 - 4000,
y: 4152 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 6191 - 4000,
y: 3133 - 2830
},
{
x: 6942 - 4000,
y: 3133 - 2830
},
{
x: 6942 - 4000,
y: 3188 - 2830
},
{
x: 6191 - 4000,
y: 3188 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 6139 - 4000,
y: 2378 - 2830
},
{
x: 6194 - 4000,
y: 2378 - 2830
},
{
x: 6194 - 4000,
y: 3095 - 2830
},
{
x: 6139 - 4000,
y: 3095 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 7060 - 4000,
y: 2340 - 2830
},
{
x: 7115 - 4000,
y: 2340 - 2830
},
{
x: 7115 - 4000,
y: 3057 - 2830
},
{
x: 7060 - 4000,
y: 3057 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 6189 - 4000,
y: 2291 - 2830
},
{
x: 7219 - 4000,
y: 2291 - 2830
},
{
x: 7219 - 4000,
y: 2346 - 2830
},
{
x: 6189 - 4000,
y: 2346 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 5061 - 4000,
y: 2488 - 2830
},
{
x: 5116 - 4000,
y: 2488 - 2830
},
{
x: 5116 - 4000,
y: 3083 - 2830
},
{
x: 5061 - 4000,
y: 3083 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 3259 - 4000,
y: 3097 - 2830
},
{
x: 5006 - 4000,
y: 3097 - 2830
},
{
x: 5006 - 4000,
y: 3210 - 2830
},
{
x: 3259 - 4000,
y: 3210 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#066eed80',
Color: '#00ff0080',
Point: {
x: 2139,
y: 399
x: 0,
y: 0
},
Width: 32,
Border: {
@ -485,7 +1015,7 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
@ -495,84 +1025,362 @@ export class WorkingAreaComponent extends EventEmitter implements OnInit, AfterV
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 2139,
y: 399
x: 4354 - 4000,
y: 4097 - 2830
},
{
x: 2194,
y: 399
x: 5020 - 4000,
y: 4097 - 2830
},
{
x: 2194,
y: 1217
x: 5020 - 4000,
y: 4152 - 2830
},
{
x: 2139,
y: 1217
x: 4354 - 4000,
y: 4152 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [
{
Tag: '',
Order: 0,
Enabled: true,
Visible: true,
Required: false,
RuleName: '',
RuleValue: '',
PhysicalUnit: '',
PropertyName: '名称/编号',
PropertyType: 0,
PropertyValue: '15'
},
{
Tag: '',
Order: 0,
Enabled: true,
Visible: true,
Required: false,
RuleName: '',
RuleValue: '',
PhysicalUnit: '',
PropertyName: '压力',
PropertyType: 0,
PropertyValue: '0.1Mpa'
},
{
Tag: '',
Order: 0,
Enabled: true,
Visible: true,
Required: false,
RuleName: '',
RuleValue: '',
PhysicalUnit: '张',
PropertyName: '图片',
PropertyType: 4,
PropertyValue: '5'
},
{
Tag: null,
Order: 0,
Enabled: false,
Visible: false,
Required: false,
RuleName: null,
RuleValue: null,
PhysicalUnit: null,
PropertyName: '图片',
PropertyType: 3,
PropertyValue: '/api/Objects/WebPlan2D/5f67042b9e91f4410005f55c/5f6717b48db9a325049fa975.jpg'
}
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 4273 - 4000,
y: 3936 - 2830
},
{
x: 4323 - 4000,
y: 3936 - 2830
},
{
x: 4323 - 4000,
y: 4296 - 2830
},
{
x: 4273 - 4000,
y: 4296 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 3193 - 4000,
y: 4241 - 2830
},
{
x: 4273 - 4000,
y: 4241 - 2830
},
{
x: 4273 - 4000,
y: 4296 - 2830
},
{
x: 3193 - 4000,
y: 4296 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 3193 - 4000,
y: 3936 - 2830
},
{
x: 4273 - 4000,
y: 3936 - 2830
},
{
x: 4273 - 4000,
y: 3991 - 2830
},
{
x: 3193 - 4000,
y: 3991 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 3109 - 4000,
y: 3936 - 2830
},
{
x: 3164 - 4000,
y: 3936 - 2830
},
{
x: 3164 - 4000,
y: 4897 - 2830
},
{
x: 3109 - 4000,
y: 4897 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '作业面',
Angle: 0,
Color: '#00ff0080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 5063 - 4000,
y: 2364 - 2830
},
{
x: 5611 - 4000,
y: 2291 - 2830
},
{
x: 6114 - 4000,
y: 2291 - 2830
},
{
x: 6114 - 4000,
y: 2346 - 2830
},
{
x: 5622 - 4000,
y: 2346 - 2830
},
{
x: 5137 - 4000,
y: 2475 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
},
{
Id: '5f6719a4e03abe3856d87d7b',
Name: '禁停区',
Angle: 0,
Color: '#ff000080',
Point: {
x: 0,
y: 0
},
Width: 32,
Border: {
w: 0,
x: 0,
y: 0,
z: 0
},
Height: 32,
Enabled: true,
FloorId: '5f670bb79e91f4410005f564',
DrawMode: 0,
FillMode: 1,
GameMode: 0,
ImageUrl: '/api/Objects/PlanPlatform/5e7b384e8121c2286c0cb290.png',
CompanyId: '5f67042b9e91f4410005f55c',
FixedSize: false,
CanConnection: true,
ConnectionObjs: [],
Thickness: 0,
BuildingId: '5f6704859e91f4410005f55f',
MultiPoint: [
{
x: 6195 - 4000,
y: 3196 - 2830
},
{
x: 6910 - 4000,
y: 3196 - 2830
},
{
x: 6910 - 4000,
y: 4047 - 2830
},
{
x: 6195 - 4000,
y: 4047 - 2830
},
],
TemplateId: '5e7b38610137e12020bd7f7b',
FireElementId: '5e7967f30814180f1c1ecaab',
PropertyInfos: [],
IsFromBuilding: true,
InteractiveMode: 0
}
;
];
const poly = new PolygonIcon(tempData, this);
tempData.forEach(element => {
const poly = new PolygonIcon(element, this);
});
this.setNameVisible(false, GameMode.BasicInformation);
}
/**
* 显示车辆图标

Write Preview
Loading…
Cancel
Save