95 lines
2.9 KiB
JavaScript
95 lines
2.9 KiB
JavaScript
import { JlGraphic, GraphicRelationParam, JlGraphicTemplate } from 'jl-graphic';
|
|
import { protoPort2Data } from '../../common/common.js';
|
|
import { Container, Graphics, Color } from 'pixi.js';
|
|
|
|
var TypeDetectionPoint;
|
|
(function (TypeDetectionPoint) {
|
|
TypeDetectionPoint[TypeDetectionPoint["AxleCounting"] = 0] = "AxleCounting";
|
|
TypeDetectionPoint[TypeDetectionPoint["SectionBoundary"] = 1] = "SectionBoundary";
|
|
})(TypeDetectionPoint || (TypeDetectionPoint = {}));
|
|
const AxleCountingConsts = {
|
|
radius: 6,
|
|
borderWidth: 1,
|
|
circleColorBlue: '0x08F80D',
|
|
circleColorRed: '0xff0000',
|
|
};
|
|
class TwoCircleGraphic extends Container {
|
|
circleA = new Graphics();
|
|
circleB = new Graphics();
|
|
line = new Graphics();
|
|
constructor() {
|
|
super();
|
|
this.addChild(this.circleA);
|
|
this.addChild(this.circleB);
|
|
this.addChild(this.line);
|
|
}
|
|
draw(data) {
|
|
this.drawCircle(this.circleA, data);
|
|
this.drawCircle(this.circleB, data);
|
|
this.circleA.position.set(-12, 0);
|
|
this.circleB.position.set(12, 0);
|
|
const color = data.type == 1
|
|
? AxleCountingConsts.circleColorRed
|
|
: AxleCountingConsts.circleColorBlue;
|
|
this.line
|
|
.clear()
|
|
.lineStyle(1, new Color(color))
|
|
.moveTo(-24, 0)
|
|
.lineTo(24, 0);
|
|
}
|
|
drawCircle(circle, data) {
|
|
const color = data.type == 1
|
|
? AxleCountingConsts.circleColorRed
|
|
: AxleCountingConsts.circleColorBlue;
|
|
circle
|
|
.clear()
|
|
.lineStyle(AxleCountingConsts.borderWidth, new Color(color))
|
|
.beginFill(color, 1)
|
|
.drawCircle(0, 0, AxleCountingConsts.radius).endFill;
|
|
}
|
|
clear() {
|
|
this.circleA.clear();
|
|
this.circleB.clear();
|
|
}
|
|
}
|
|
class AxleCounting extends JlGraphic {
|
|
static Type = 'AxleCounting';
|
|
twoCircle = new TwoCircleGraphic();
|
|
direction;
|
|
constructor(direction) {
|
|
super(AxleCounting.Type);
|
|
this.addChild(this.twoCircle);
|
|
this.direction = direction;
|
|
}
|
|
get datas() {
|
|
return this.getDatas();
|
|
}
|
|
doRepaint() {
|
|
this.twoCircle.draw(this.datas);
|
|
}
|
|
buildRelation() {
|
|
this.loadRelations();
|
|
}
|
|
loadRelations() {
|
|
if (this.datas.axleCountingRef.length) {
|
|
this.datas.axleCountingRef.forEach((device) => {
|
|
this.relationManage.addRelation(new GraphicRelationParam(this, 'A'), new GraphicRelationParam(this.queryStore.queryById(device.id), protoPort2Data(device.devicePort)));
|
|
});
|
|
}
|
|
}
|
|
}
|
|
class AxleCountingTemplate extends JlGraphicTemplate {
|
|
constructor(dataTemplate) {
|
|
super(AxleCounting.Type, {
|
|
dataTemplate,
|
|
});
|
|
}
|
|
new() {
|
|
const axleCounting = new AxleCounting(1);
|
|
axleCounting.loadData(this.datas);
|
|
return axleCounting;
|
|
}
|
|
}
|
|
|
|
export { AxleCounting, AxleCountingConsts, AxleCountingTemplate };
|