zhangbo
/
HSYL_WCSWEB
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6 Commits
1 Branch
0 Tags
15 MiB
Tree: 52578afa2a
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '52578afa2a'
${ noResults }
HSYL_WCSWEB/src-back/app/routes/wcs/monitor/monitor.canvas.part8.ts

873 lines
33 KiB
Raw Normal View History

zb修改移动设备初始化状态悬浮框bug
5 months ago
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); */
}
}