import { I18nService } from '@app/core/services/i18n.service';
import { fabric } from 'fabric';

export class MonitorCanvasPart8 {
  constructor(
    private _i18nService: I18nService
  ) { };

  public _conveyors: any[] = [



{ i: 12787, x: 140, y: -90, w: 20, h: 34, t: { x: 141, y:-96}, a: { x: 146, y: -84, w: 6, h: 6 }, j: { angle: -40 } },//t: { x: 1222, y: -62 },
{ i: 12788, x: 140, y: -55, w: 20, h: 34, a: { x: 146, y: -52, w: 6, h: 6 }, j: { angle: 0 } },//, t: { x: 1222, y: -36 }
{ i: 12789, x: 140, y: -20, w: 20, h: 34,t: { x: 163, y:-10}, a: { x: 146, y: -12, w: 6, h: 6 }, j: { angle: 0 } },//, t: { x: 1222, y: -10 }
{ i: 12790, x: 140, y: 15, w: 20, h: 34, t: { x: 163, y:21},a: { x: 146, y: 23, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 16 },
// { i: 12791, x: 140, y: 50, w: 20, h: 34, a: { x: 146, y: 58, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 42 },
//sb机械删除了78节设备图纸不更新
{ i: 12792, x: 140, y: 51, w: 20, h: 66, t: { x: 163, y:57}, a: { x: 146, y: 93, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 68 },
{ i: 12793, x: 140, y: 119, w: 20, h: 34, t: { x: 163, y:127}, a: { x: 146, y: 128, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 94 },
{ i: 12791, x: 140, y: 154, w: 20, h: 17,  t: { x: 163, y:160},a: { x: 146, y: 163, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 120 },
{ i: 12794, x: 140, y: 172, w: 20, h: 17,  t: { x: 163, y:178},a: { x: 146, y: 174, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 120 },
{ i: 12795, x: 140, y: 190, w: 20, h: 34,  t: { x: 163, y:196},a: { x: 146, y: 198, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 146 }, 
{ i: 12796, x: 140, y: 225, w: 20, h: 34, t: { x: 163, y:231}, a: { x: 146, y: 233, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 172 },
{ i: 12797, x: 140, y: 260, w: 20, h: 34, t: { x: 163, y:266}, a: { x: 146, y: 268, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 198 },
{ i: 12798, x: 140, y: 295, w: 20, h: 34, t: { x: 163, y:301}, a: { x: 146, y: 303, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 224 },
{ i: 12799, x: 140, y: 330, w: 20, h: 34, t: { x: 163, y:336}, a: { x: 146, y: 338, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 250 },
{ i: 12800, x: 140, y: 365, w: 20, h: 34, t: { x: 163, y:371}, a: { x: 146, y: 373, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 276 },
{ i: 12801, x: 140, y: 400, w: 20, h: 34,  t: { x: 163, y:406},a: { x: 146, y: 408, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 302 },
{ i: 12802, x: 140, y: 435, w: 20, h: 34, t: { x: 163, y:441}, a: { x: 146, y: 443, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 328 },
{ i: 12803, x: 140, y: 470, w: 20, h: 34, t: { x: 163, y:476}, a: { x: 146, y: 478, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 354 },
{ i: 12804, x: 140, y: 505, w: 20, h: 34, t: { x: 163, y:511}, a: { x: 146, y: 513, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 380 },
{ i: 12805, x: 140, y: 540, w: 20, h: 34, t: { x: 163, y:546}, a: { x: 146, y: 548, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 406 },
{ i: 12811, x: 140, y: 575, w: 20, h: 30, a: { x: 146, y: 583, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 432 }, 

{ i: 12817, x: 161, y:-55, w: 20, h: 15, a: { x: 168, y: -52, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12749, x: 182, y:-55, w: 20, h: 15, a: { x: 190, y: -52, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12818, x: 161, y:577, w: 20, h: 15, a: { x: 168, y: 580, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12767, x: 182, y:577, w: 20, h: 15, a: { x: 190, y: 580, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12768, x: 200, y: -95, w: 20, h: 34, a: { x: 206, y: -87, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: -62 },
{ i: 12769, x: 200, y: -60, w: 20, h: 34, a: { x: 206, y: -53, w: 6, h: 6 }, j: { angle: 0 } },//, t: { x: 1222, y: -36 }
{ i: 12770, x: 200, y: -25, w: 20, h: 34, a: { x: 206, y: -17, w: 6, h: 6 }, j: { angle: 0 } },//, t: { x: 1222, y: -10 }
{ i: 12771, x: 200, y: 10, w: 20, h: 34, a: { x: 206, y: 18, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 16 },
{ i: 12772, x: 200, y: 45, w: 20, h: 34, a: { x: 206, y: 53, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 42 },
{ i: 12773, x: 200, y: 80, w: 20, h: 34, a: { x: 206, y: 88, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 68 },
{ i: 12774, x: 200, y: 115, w: 20, h: 34, a: { x: 206, y: 123, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 94 },
{ i: 12775, x: 200, y: 150, w: 20, h: 34, a: { x: 206, y: 158, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 120 },
{ i: 12776, x: 200, y: 185, w: 20, h: 34, a: { x: 206, y: 193, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 146 }, 
{ i: 12777, x: 200, y: 220, w: 20, h: 34, a: { x: 206, y: 228, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 172 },
{ i: 12778, x: 200, y: 255, w: 20, h: 34, a: { x: 206, y: 263, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 198 },
{ i: 12779, x: 200, y: 290, w: 20, h: 34, a: { x: 206, y: 298, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 224 },
{ i: 12780, x: 200, y: 325, w: 20, h: 34, t: { x: 224, y:345}, a: { x: 206, y: 333, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 250 },
{ i: 12781, x: 200, y: 360, w: 20, h: 34, t: { x: 224, y:366},a: { x: 206, y: 368, w: 6, h: 6 }, j: { angle: 0 } },// t: { x: 1222, y: 276 },
{ i: 12782, x: 200, y: 395, w: 20, h: 34, t: { x: 224, y:401},a: { x: 206, y: 403, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 302 },
{ i: 12783, x: 200, y: 430, w: 20, h: 34,t: { x: 224, y:436},a: { x: 206, y: 438, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 328 },
{ i: 12784, x: 200, y: 465, w: 20, h: 34, t: { x: 224, y:471},a: { x: 206, y: 473, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 354 },
{ i: 12785, x: 200, y: 500, w: 20, h: 34,t: { x: 224, y:506}, a: { x: 206, y: 508, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 380 },
{ i: 12786, x: 200, y: 535, w: 20, h: 34,t: { x: 224, y:541}, a: { x: 206, y: 543, w: 6, h: 6 }, j: { angle: 0 } },//t: { x: 1222, y: 406 },
{ i: 12810, x: 200, y: 570, w: 20, h: 30,t: { x: 224, y:576}, a: { x: 206, y: 578, w: 6, h: 6 }, j: { angle: 0 } },

// { i: 12818, x: 146, y:424, w: 20, h: 15, a: { x: 154, y: 428, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12767, x: 167, y:424, w: 20, h: 15, a: { x: 175, y: 428, w: 6, h: 6 }, j: { angle: 0 } },


{ i: 12750, x: 114, y:-90, w: 25, h: 15, t: { x: 127, y:-96}, a: { x: 122, y: -86, w: 6, h: 6 }, j: { angle: -40 } },
{ i: 12751, x: 88, y:-90, w: 25, h: 15, t: { x: 88, y:-96}, a: { x: 96, y: -86, w: 6, h: 6 }, j: { angle: -40 } },
{ i: 12752, x: 62, y:-90, w: 25, h: 15, t: { x: 62, y:-96}, a: { x: 70, y: -86, w: 6, h: 6 }, j: { angle: -40 } },
{ i: 12753, x: 36, y:-90, w: 25, h: 15, t: { x: 36, y:-96}, a: { x: 44, y: -86, w: 6, h: 6 }, j: { angle: -40 } },
{ i: 12819, x: 14, y:-90, w: 21, h: 15, t: { x: 14, y:-96},a: { x: 20, y: -86, w: 6, h: 6 }, j: { angle: -40 } },

{ i: 12756, x: 114, y:15, w: 25, h: 15, t: { x: 114, y:36},a: { x: 122, y: 19, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12755, x: 88, y:15, w: 25, h: 15,t: { x: 88, y:36}, a: { x: 96, y: 19, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12754, x: 62, y:15, w: 25, h: 15, t: { x: 62, y:36},a: { x: 70, y: 19, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12812, x: 36, y:15, w: 25, h: 15,t: { x: 36, y:36}, a: { x: 44, y: 19, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12757, x: 114, y:85, w: 25, h: 15, a: { x: 122, y: 89, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12758, x: 88, y:85, w: 25, h: 15, a: { x: 96, y: 89, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12759, x: 114, y:120, w: 25, h: 15, a: { x: 122, y: 124, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12813 , x: 88, y:120, w: 25, h: 15, a: { x: 96, y: 124, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12760, x: 114, y:330, w: 25, h: 15, a: { x: 122, y: 334, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12761, x: 88, y:330, w: 25, h: 15, a: { x: 96, y: 334, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12762, x: 114, y:365, w: 25, h: 15, a: { x: 122, y: 369, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12814, x: 88, y:365, w: 25, h: 15, a: { x: 96, y: 369, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12763, x: 114, y:505, w: 25, h: 15, a: { x: 122, y: 509, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12764, x: 88, y:505, w: 25, h: 15, a: { x: 96, y: 509, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12765, x: 114, y:540, w: 25, h: 15, a: { x: 122, y: 544, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12766, x: 88, y:540, w: 25, h: 15, a: { x: 96, y: 544, w: 6, h: 6 }, j: { angle: 0 } },


{ i: 12704, x: 221, y:-95, w: 25, h: 15, a: { x: 229, y: -91, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12703, x: 247, y:-95, w: 25, h: 15, t: { x: 262, y:-101}, a: { x: 255, y: -91, w: 6, h: 6 }, j: { angle: -40 } },
// { i: 12702, x: 273, y:-95, w: 25, h: 15, a: { x: 281, y: -91, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12702, x: 273, y:-95, w: 46, h: 15, a: { x: 307, y: -91, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12708, x: 221, y:-52, w: 25, h: 15, a: { x: 229, y: -48, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12707, x: 247, y:-52, w: 25, h: 15, a: { x: 255, y: -48, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12706, x: 273, y:-52, w: 25, h: 15, a: { x: 281, y: -48, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12705, x: 273, y:-52, w: 46, h: 15, a: { x: 307, y: -48, w: 6, h: 6 }, j: { angle: 0 } },


{ i: 12712, x: 221, y:-25, w: 25, h: 15, a: { x: 229, y: -21, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12711, x: 247, y:-25, w: 25, h: 15, t: { x: 247, y:-6}, a: { x: 255, y: -21, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12710, x: 273, y:-25, w: 25, h: 15, a: { x: 281, y: -21, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12710, x: 273, y:-25, w: 46, h: 15, a: { x: 307, y: -21, w: 6, h: 6 }, j: { angle: 0 } },


{ i: 12716, x: 221, y:18, w: 25, h: 15, a: { x: 229, y: 22, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12715, x: 247, y:18, w: 25, h: 15, a: { x: 255, y: 22, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12714, x: 273, y:18, w: 25, h: 15, a: { x: 281, y: 22, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12713, x: 273, y:18, w: 46, h: 15, a: { x: 307, y: 22, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12720, x: 221, y:45, w: 25, h: 15, a: { x: 229, y: 49, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12719, x: 247, y:45, w: 25, h: 15, t: { x: 247, y:62}, a: { x: 255, y: 49, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12718, x: 273, y:45, w: 25, h: 15, a: { x: 281, y: 49, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12718, x: 273, y:45, w: 46, h: 15, a: { x: 307, y: 49, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12724, x: 221, y:88, w: 25, h: 15, a: { x: 229, y: 92, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12723, x: 247, y:88, w: 25, h: 15, a: { x: 255, y: 92, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12722, x: 273, y:88, w: 25, h: 15, a: { x: 281, y: 92, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12721, x: 273, y:88, w: 46, h: 15, a: { x: 307, y: 92, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12728, x: 221, y:115, w: 25, h: 15, a: { x: 229, y: 119, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12727, x: 247, y:115, w: 25, h: 15, t: { x: 247, y:132}, a: { x: 255, y: 119, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12726, x: 273, y:115, w: 25, h: 15, a: { x: 281, y: 119, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12726, x: 273, y:115, w: 46, h: 15, a: { x: 307, y: 119, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12732, x: 221, y:160, w: 25, h: 15, a: { x: 229, y: 164, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12731, x: 247, y:160, w: 25, h: 15, a: { x: 255, y: 164, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12730, x: 273, y:160, w: 25, h: 15, a: { x: 281, y: 164, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12729, x: 273, y:160, w: 46, h: 15, a: { x: 307, y: 164, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12736, x: 221, y:195, w: 25, h: 15, a: { x: 229, y: 199, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12735, x: 247, y:195, w: 25, h: 15, t: { x: 247, y:211}, a: { x: 255, y: 199, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12734, x: 273, y:195, w: 25, h: 15, a: { x: 281, y: 199, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12734, x: 273, y:195, w: 46, h: 15, a: { x: 307, y: 199, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12740, x: 221, y:230, w: 25, h: 15, a: { x: 229, y: 234, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12739, x: 247, y:230, w: 25, h: 15, a: { x: 255, y: 234, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12738, x: 273, y:230, w: 25, h: 15, a: { x: 281, y: 234, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12737, x: 273, y:230, w: 46, h: 15, a: { x: 307, y: 234, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12744, x: 221, y:255, w: 25, h: 15, a: { x: 229, y: 259, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12743, x: 247, y:255, w: 25, h: 15, t: { x: 247, y:272}, a: { x: 255, y: 259, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12742, x: 273, y:255, w: 25, h: 15, a: { x: 281, y: 259, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12742, x: 273, y:255, w: 46, h: 15, a: { x: 307, y: 259, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12748, x: 221, y:300, w: 25, h: 15, a: { x: 229, y: 304, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12747, x: 247, y:300, w: 25, h: 15, a: { x: 255, y: 304, w: 6, h: 6 }, j: { angle: 0 } },
// { i: 12746, x: 273, y:300, w: 25, h: 15, a: { x: 281, y: 304, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12745, x: 273, y:300, w: 46, h: 15, a: { x: 307, y: 304, w: 6, h: 6 }, j: { angle: 0 } },


{ i: 12807, x: 118, y: -6, w: 15, h: 20, t: { x: 96, y:-4},a: { x: 120, y: -2, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12809, x: 68, y: -6, w: 15, h: 20, t: { x: 82, y:4},a: { x: 70, y: -2, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12816, x: 38, y: -6, w: 15, h: 20, t: { x: 15, y:0},a: { x: 44, y: 2, w: 6, h: 6 }, j: { angle: 0 } },

{ i: 12806, x: 118, y: -74, w: 15, h: 20, t: { x: 96, y:-70}, a: { x: 122, y: -70, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12808, x: 68, y: -74, w: 15, h: 20, t: { x: 84, y:-62}, a: { x: 74, y: -70, w: 6, h: 6 }, j: { angle: 0 } },
{ i: 12815, x: 38, y: -74, w: 15, h: 20, t: { x: 15, y:-62},a: { x: 44, y: -70, w: 6, h: 6 }, j: { angle: 0 } },



{ i: 14276, x: 40, y: -88, w: 10, h: 10, a: { x: 44, y: -86, w: 5, h: 5 } },
{ i: 14275, x: 66, y: -88, w: 10, h: 10, a: { x: 70, y: -86, w: 5, h: 5 } },
{ i: 14274, x: 118, y: -88, w: 10, h: 10, a: { x: 120, y: -86, w: 5, h: 5 } },
{ i: 14265, x: 144, y: -55, w: 10, h: 10, a: { x: 146, y: -53, w: 5, h: 5 } },
{ i: 14264, x: 144, y: -88, w: 10, h: 10, a: { x: 146, y: -86, w: 5, h: 5 } },
{ i: 14279, x: 92, y: 87, w: 10, h: 10,  t: { x: 92, y:74},a: { x: 94, y: 89, w: 5, h: 5 } },
{ i: 14280, x: 92, y: 122, w: 10, h: 10, a: { x: 94, y: 124, w: 5, h: 5 } },
{ i: 14281, x: 92, y: 332, w: 10, h: 10, t: { x: 92, y:320}, a: { x: 94, y: 334, w: 5, h: 5 } },
{ i: 14282, x: 92, y: 367, w: 10, h: 10, a: { x: 94, y: 369, w: 5, h: 5 } },
{ i: 14283, x: 92, y: 507, w: 10, h: 10,  t: { x: 92, y:495},a: { x: 94, y: 509, w: 5, h: 5 } },
{ i: 14284, x: 92, y: 542, w: 10, h: 10, a: { x: 94, y: 544, w: 5, h: 5 } },

{ i: 14285, x: 304, y: -93, w: 10, h: 10, a: { x: 307, y: -91, w: 5, h: 5 } },
{ i: 14287, x: 304, y: -50, w: 10, h: 10, a: { x: 307, y: -48, w: 5, h: 5 } },
{ i: 14289, x: 304, y: -23, w: 10, h: 10, a: { x: 307, y: -21, w: 5, h: 5 } },
{ i: 14291, x: 304, y: 20, w: 10, h: 10, a: { x: 307, y: 22, w: 5, h: 5 } },
{ i: 14293, x: 304, y: 47, w: 10, h: 10, a: { x: 307, y: 49, w: 5, h: 5 } },
{ i: 14295, x: 304, y: 90, w: 10, h: 10, a: { x: 307, y: 92, w: 5, h: 5 } },
{ i: 14297, x: 304, y: 117, w: 10, h: 10, a: { x: 307, y: 119, w: 5, h: 5 } },
{ i: 14299, x: 304, y: 162, w: 10, h: 10, a: { x: 307, y: 164, w: 5, h: 5 } },
{ i: 14301, x: 304, y: 197, w: 10, h: 10, a: { x: 307, y: 199, w: 5, h: 5 } },
{ i: 14303, x: 304, y: 232, w: 10, h: 10, a: { x: 307, y: 234, w: 5, h: 5 } },
{ i: 14305, x: 304, y: 257, w: 10, h: 10, a: { x: 307, y: 259, w: 5, h: 5 } },
{ i: 14307, x: 304, y: 302, w: 10, h: 10, a: { x: 307, y: 304, w: 5, h: 5 } },



{ i: 14286, x: 277, y: -93, w: 10, h: 10, a: { x: 281, y: -91, w: 5, h: 5 } },
{ i: 14288, x: 277, y: -50, w: 10, h: 10, a: { x: 281, y: -48, w: 5, h: 5 } },
{ i: 14290, x: 277, y: -23, w: 10, h: 10, a: { x: 281, y: -21, w: 5, h: 5 } },
{ i: 14292, x: 277, y: 20, w: 10, h: 10, a: { x: 281, y: 22, w: 5, h: 5 } },
{ i: 14294, x: 277, y: 47, w: 10, h: 10, a: { x: 281, y: 49, w: 5, h: 5 } },
{ i: 14296, x: 277, y: 90, w: 10, h: 10, a: { x: 281, y: 92, w: 5, h: 5 } },
{ i: 14298, x: 277, y: 117, w: 10, h: 10, a: { x: 281, y: 119, w: 5, h: 5 } },
{ i: 14300, x: 277, y: 162, w: 10, h: 10, a: { x: 281, y: 164, w: 5, h: 5 } },
{ i: 14302, x: 277, y: 197, w: 10, h: 10, a: { x: 281, y: 199, w: 5, h: 5 } },
{ i: 14304, x: 277, y: 232, w: 10, h: 10, a: { x: 281, y: 234, w: 5, h: 5 } },
{ i: 14306, x: 277, y: 257, w: 10, h: 10, a: { x: 281, y: 259, w: 5, h: 5 } },
{ i: 14308, x: 277, y: 302, w: 10, h: 10, a: { x: 281, y: 304, w: 5, h: 5 } },

{ i: 14267, x: 144, y: 89, w: 10, h: 10, a: { x: 146, y: 93, w: 5, h: 5 } },
{ i: 14268  , x: 144, y: 124, w: 10, h: 10, a: { x: 146, y: 128, w: 5, h: 5 } },
{ i: 14269  , x: 144, y: 334, w: 10, h: 10, a: { x: 146, y: 338, w: 5, h: 5 } },
{ i: 14270  , x: 144, y: 369, w: 10, h: 10, a: { x: 146, y: 373, w: 5, h: 5 } },
{ i: 14271  , x: 144, y: 509, w: 10, h: 10, a: { x: 146, y: 513, w: 5, h: 5 } },
{ i: 14272  , x: 144, y: 544, w: 10, h: 10, a: { x: 146, y: 548, w: 5, h: 5 } },
{ i: 14273  , x: 144, y: 579, w: 10, h: 10, a: { x: 146, y: 583, w: 5, h: 5 } },
{ i: 14266  , x: 144, y: 19, w: 10, h: 10, a: { x: 146, y: 23, w: 5, h: 5 } },
{ i: 14263  , x: 204, y: 574, w: 10, h: 10, a: { x: 206, y: 578, w: 5, h: 5 } },
{ i: 14251  , x: 204, y: -91, w: 10, h: 10, a: { x: 206, y: -87, w: 5, h: 5 } },
{ i: 14252  , x: 204, y: -56, w: 10, h: 10, a: { x: 206, y: -53, w: 5, h: 5 } },
{ i: 14253  , x: 204, y: -21, w: 10, h: 10, a: { x: 206, y: -19, w: 5, h: 5 } },
{ i: 14254  , x: 204, y: 14, w: 10, h: 10, a: { x: 206, y: 18, w: 5, h: 5 } },
{ i: 14255  , x: 204, y: 49, w: 10, h: 10, a: { x: 206, y: 53, w: 5, h: 5 } },
{ i: 14256  , x: 204, y: 84, w: 10, h: 10, a: { x: 206, y: 88, w: 5, h: 5 } },
{ i: 14257  , x: 204, y: 119, w: 10, h: 10, a: { x: 206, y: 123, w: 5, h: 5 } },
{ i: 14258  , x: 204, y: 154, w: 10, h: 10, a: { x: 206, y: 158, w: 5, h: 5 } },
{ i: 14259  , x: 204, y: 189, w: 10, h: 10, a: { x: 206, y: 193, w: 5, h: 5 } },
{ i: 14260  , x: 204, y: 224, w: 10, h: 10, a: { x: 206, y: 228, w: 5, h: 5 } },
{ i: 14261  , x: 204, y: 259, w: 10, h: 10, a: { x: 206, y: 263, w: 5, h: 5 } },
{ i: 14262  , x: 204, y: 294, w: 10, h: 10, a: { x: 206, y: 298, w: 5, h: 5 } },

{ i: 14277  , x: 40, y: 17, w: 10, h: 10, a: { x: 44, y: 19, w: 5, h: 5 } },
{ i: 14278  , x: 66, y: 17, w: 10, h: 10, a: { x: 70, y: 19, w: 5, h: 5 } },
{ i: 14309  , x: 118, y: 17, w: 10, h: 10, a: { x: 122, y: 19, w: 5, h: 5 } },






















  ];

  private _BarcodeReader: any[] = [
    { i: 19176, x: 266, y: -95, w: 10, h: 10, a: 180 },
    { i: 19174, x: 266, y: -25, w: 10, h: 10, a: 180 },
    { i: 19172, x: 266, y:45, w: 10, h: 10, a: 180 },
    { i: 19170, x: 266, y:115, w: 10, h: 10, a: 180 },
    { i: 19168, x: 266, y:195, w: 10, h: 10, a: 180 },
    { i: 19166, x: 266, y:255, w: 10, h: 10, a: 180 },
    { i: 19156, x: 130, y:-90, w: 10, h: 10, a: 180 },
    { i: 19162, x: 160, y:85, w: 10, h: 10, a: -90 },
    { i: 19165, x: 225, y:345, w: 10, h: 10, a: -90 },
    // { i: 19133, x: 1158, y: 57, w: 10, h: 10, a: 180 },
  ]

  /* private _conveyors: any = {
    84001: { x: 890, y: 159, w: 40, h: 40, t: { x: 875, y: 180 } , a: { x: 950, y: 171, w: 8, h: 8 } },//设备号显示在左侧：x=左-15，y=上+8
    
  }; */

  public draw = (canvas: fabric.Canvas, colors: { [key: string]: string }, index: { [key: number]: any }, data: { [key: number]: any }) => {
    // 基础布局
    //debugger;
    canvas.add(new fabric.Group([



      new fabric.Rect({
        left: 320,
        top: -95,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: -52,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: -25,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 18,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 45,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 88,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 115,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 160,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 195,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 232,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 255,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      new fabric.Rect({
        left: 320,
        top: 300,
        width: 500,
        height: 10,
        fill: '#ffd700',
        stroke: '#000000'
      }),
      
      new fabric.Text('←18012→', {
        left: 500,
        top: -75,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('←18011→', {
        left: 500,
        top: -5,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('←18010→', {
        left: 500,
        top: 70,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('←18009→', {
        left: 500,
        top: 135,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('←18008→', {
        left: 500,
        top: 215,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('←18007→', {
        left: 500,
        top: 275,
        fontSize: 12,
        fill: '#90a4ae'
      }),
      new fabric.Text('OCV3、直流内阻测试和分拣', {
        left: 84,
        top: -130,
        fontSize: 12,
        // fill: '#90a4ae'
      }),
      new fabric.Rect({
        left: 38,
        top: -50,
        width: 95,
        height: 40,
        fill: '#FFD700'
      }),
      new fabric.Text('直流内阻、OCV3', {
        left: 39,
        top: -30,
        fontSize: 12,
        // fill: '#90a4ae'
      }),

      new fabric.Rect({
        left: 46,
        top:80,
        width: 40,
        height: 60,
        fill: '#FFD700'
      }),
    
      new fabric.Rect({
        left: 46,
        top:326,
        width: 40,
        height: 60,
        fill: '#FFD700'
      }),
     
      new fabric.Rect({
        left: 46,
        top:326,
        width: 40,
        height: 60,
        fill: '#FFD700'
      }),
      new fabric.Rect({
        left: 46,
        top:500,
        width: 40,
        height: 60,
        fill: '#FFD700'
      }),
      new fabric.Text('分档1', {
        left: 67,
        top: 86,
        fontSize: 12,
        angle: 90
      }),

      new fabric.Text('分档2', {
        left: 67,
        top: 330,
        fontSize: 12,
        angle: 90
      }),
      new fabric.Text('分档3', {
        left: 67,
        top: 504,
        fontSize: 12,
        angle: 90
      }),
      new fabric.Text('面向堆垛机控制柜:静置库货架左到右对应的排为21排到44排', {
        left: 600,
        top: 500,
        fontSize: 20,
        angle: 0,
        fill:'#C71585'
      }),
      new fabric.Text('左到右顺序为巷道:18001到18012', {
        left: 600,
        top: 520,
        fontSize: 20,
        angle: 0,
        fill:'#C71585'
      }),
     
    ], {
      hoverCursor: 'default',
      objectCaching: false,
      hasControls: false,
      selectable: false
    }));

// 输送线
this._conveyors.forEach((item: any) => {
  const objects: any[] = [
    index[item.i] = new fabric.Rect({
      left: item.x,
      top: item.y,
      width: item.w,
      height: item.h,
      rx: item.r ?? 0,
      ry: item.r ?? 0,
      //初始化的时候data是后端带回来的,页面切换的时候data是暂存的数据
      //如果data里不包括color 就填充gray，如果有就填充data里的颜色属性
      fill: data[item.i]?.color || colors.burlywood,
      strokeWidth: 0.3,
      stroke: '#000000'
    })
  ];
  if (item.t) {
    objects.push(new fabric.Text(item.i.toString(), {
      left: item.t?.x,
      top: item.t?.y,
      angle: item.j?.angle,
      fontSize: 8
    }));
  };
  if (item.a) {
    objects.push(new fabric.Rect({
      left: item.a?.x,
      top: item.a?.y,
      width: item.a?.w,
      height: item.a?.h,
      rx: item.a.r ?? 0,
      ry: item.a.r ?? 0,
      fill: '#1e88e5',
      //传递过来的数据带着处理过的光电信息 如果.0=1 就暂存中这个设备的splitByte_0设置为了ture，在此直接用
      visible: data[item.i]?.splitByte_0 || false
      // visible: true
    }));
  }
  var group = new fabric.Group(objects, {
    hoverCursor: 'pointer',
    objectCaching: false,
    hasControls: false,
    selectable: false
  });
  group.data = [item.i];
  canvas.add(group);
});

this._BarcodeReader.forEach((item: any) => {
  const objects: any[] = [
    index[item.i] = new fabric.Triangle({
      left: item.x,
      top: item.y,
      width: item.w,
      height: item.h,
      // rx: item.r ?? 0,
      // ry: item.r ?? 0,
      angle: item.a,
      fill: colors.red,
    })
  ];
  if (item.t) {
    objects.push(new fabric.Text(item.i.toString(), {
      left: item.t?.x,
      top: item.t?.y,
      angle: item.t?.angle,
      // stroke:pink
      fontSize: 8
    }));
  };
  // if (item.a) {
  //   objects.push(new fabric.Rect({
  //     left: data[item.i]?.left+30 || 100,
  //     top: item.a?.y,
  //     width: item.a?.w,
  //     height: item.a?.h,
  //     rx: item.a.r ?? 0,
  //     ry: item.a.r ?? 0,
  //     fill: '#1e88e5',
  //     visible:false
  //   }));
  // } 
  var group = new fabric.Group(objects, {
    hoverCursor: 'pointer',
    objectCaching: false,
    hasControls: false,
    selectable: false
  });
  group.data = [item.i];
  canvas.add(group);
})




const stacker1 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11009]?.left || 819,//data[11009]?.left8 || 819
  top: 135,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11009]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker1.data = 11009] = stacker1);

const stacker20009= new fabric.Rect({
  left: data[11009]?.left + 30 || 849,
  top: 140,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11009]?.splitByte_0 || false
  // visible: true
});
canvas.add(index[stacker20009.data = 20009] = stacker20009);
const stacker29009 = new fabric.Rect({
  left: data[11009]?.left + 12 || 831,
  top: 140,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11009]?.splitByte_1 || false
  // visible: true
});
canvas.add(index[stacker29009.data = 29009] = stacker29009);

//
const stacker2 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11012]?.left || 819,
  top: -75,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11012]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker2.data = 11012] = stacker2);

const stacker29012= new fabric.Rect({
  left: data[11012]?.left + 30 || 849,
  top: -70,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11012]?.splitByte_0 || false
  // visible:true
});
canvas.add(index[stacker29012.data = 29012] = stacker29012);
const stacker20012 = new fabric.Rect({
  left: data[11012]?.left + 12 || 831,
  top: -70,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11012]?.splitByte_1 || false
  // visible:true
});
canvas.add(index[stacker20012.data = 20012] = stacker20012);

//
const stacker3 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11011]?.left || 819,
  top: -5,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11011]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker3.data = 11011] = stacker3);

const stacker29011= new fabric.Rect({
  left: data[11011]?.left+ 30 || 849,
  top: 0,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11011]?.splitByte_0 || false
  // visible:true
});
canvas.add(index[stacker29011.data = 29011] = stacker29011);
const stacker20011 = new fabric.Rect({
  left: data[11011]?.left + 12 || 831,
  top: 0,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11011]?.splitByte_1 || false
  // visible:true
});
canvas.add(index[stacker20011.data = 20011] = stacker20011);
//
const stacker4 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11010]?.left || 819,
  top: 65,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11010]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker4.data = 11010] = stacker4);

const stacker29010= new fabric.Rect({
  left: data[11010]?.left + 30 || 849,
  top: 70,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11010]?.splitByte_0 || false
  // visible:true
});
canvas.add(index[stacker29010.data = 29010] = stacker29010);
const stacker20010 = new fabric.Rect({
  left: data[11010]?.left + 12 || 831,
  top: 70,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11010]?.splitByte_1 || false
  // visible:true
});
canvas.add(index[stacker20010.data = 20010] = stacker20010);

//
const stacker5 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11008]?.left || 819,
  top: 212,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11008]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker5.data = 11008] = stacker5);

const stacker29008= new fabric.Rect({
  left: data[11008]?.left + 30 || 849,
  top: 217,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11008]?.splitByte_0 || false
  // visible:true
});
canvas.add(index[stacker29008.data = 29008] = stacker29008);
const stacker20008 = new fabric.Rect({
  left: data[11008]?.left + 12 || 831,
  top: 217,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11008]?.splitByte_1 || false
  // visible:true
});
canvas.add(index[stacker20008.data = 20008] = stacker20008);
//
const stacker6 = new fabric.Path('M 0 8 L 8 0 L 38 0 L 46 8 L 38 16 L 8 16 z', {
  left: data[11007]?.left || 819,
  top: 275,
  width: 15,
  height: 10,
  //fill: colors.yellow,
  fill: data[11007]?.color || colors.yellow,
  hoverCursor: 'pointer',
  hasControls: false,
  selectable: false
});
canvas.add(index[stacker6.data = 11007] = stacker6);

const stacker29007= new fabric.Rect({
  left: data[11007]?.left + 30 || 849,
  top: 280,
  width: 5,
  height: 5,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11007]?.splitByte_0 || false
  // visible:true
});
canvas.add(index[stacker29007.data = 29007] = stacker29007);
const stacker20007 = new fabric.Rect({
  left: data[11007]?.left + 12 || 831,
  top: 280,
  width: 7,
  height: 7,
  hoverCursor: 'pointer',
  objectCaching: false,
  hasControls: false,
  selectable: false,
  fill: colors.blue,
  visible: data[11007]?.splitByte_1 || false
  // visible:true
});
canvas.add(index[stacker20007.data = 20007] = stacker20007);

    // 堆垛机
    /* const stacker = new fabric.Path('M 0 8 L 8 0 L 58 0 L 66 8 L 58 16 L 8 16 z', {
      left: 187,
      top: 423,
      width: 30,
      height: 15,
      fill: colors.yellow,
      hoverCursor: 'pointer',
      hasControls: false,
      selectable: false
    });
    canvas.add(index[stacker.data = 18001] = stacker); */
  }

}