126 lines
3.6 KiB
JavaScript
126 lines
3.6 KiB
JavaScript
/*
|
|
* ZC区域控制模式
|
|
*/
|
|
import Group from 'zrender/src/container/Group';
|
|
import EControl from '../element/EControl';
|
|
import EMouse from './EMouse';
|
|
|
|
export default class ZcControl extends Group {
|
|
constructor(model, {style}) {
|
|
super();
|
|
this.z = 20;
|
|
this._code = model.code;
|
|
this._type = model._type;
|
|
this.zlevel = model.zlevel;
|
|
this.model = model;
|
|
this.style = style;
|
|
this.isShowShape = true;
|
|
this.create(model);
|
|
this.createMouseEvent();
|
|
this.setState(model);
|
|
|
|
}
|
|
|
|
create(model) {
|
|
if (this.style.ZcControl.visible) {
|
|
this.control = new EControl({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
arc: {
|
|
shape: {
|
|
cx: model.position.x,
|
|
cy: model.position.y,
|
|
r: this.style.ZcControl.lamp.radiusR
|
|
},
|
|
subType: 'Control',
|
|
lineWidth: 0,
|
|
fill: this.style.ZcControl.lamp.controlColor,
|
|
mouseover: this.mouseoverArc,
|
|
mouseout: this.mouseoutArc
|
|
},
|
|
text: {
|
|
position: [0, 0],
|
|
x: model.position.x,
|
|
y: model.position.y + this.style.ZcControl.lamp.radiusR + this.style.ZcControl.text.distance,
|
|
fontWeight: this.style.ZcControl.text.fontWeight,
|
|
fontSize: this.style.ZcControl.text.fontSize,
|
|
fontFamily: this.style.fontFamily,
|
|
text: model.name,
|
|
textFill: '#fff',
|
|
textAlign: 'middle',
|
|
textVerticalAlign: 'top',
|
|
mouseover: this.mouseoverText,
|
|
mouseout: this.mouseoutText
|
|
},
|
|
style: this.style
|
|
});
|
|
this.add(this.control);
|
|
}
|
|
|
|
}
|
|
|
|
setAshShow() {
|
|
this.control && this.control.setControlColor('#7F7F7F');
|
|
}
|
|
|
|
// 设置状态
|
|
setState(model) {
|
|
this.recover();
|
|
|
|
// 只响应前端自定义类型的状态变化
|
|
if (model._free) {
|
|
this.setAshShow()
|
|
} else {
|
|
model.fault == 'FAULT' && this.fault();
|
|
if (!this.isShowShape) return;
|
|
}
|
|
}
|
|
|
|
recover() {
|
|
if (this.style.ZcControl.visible) {
|
|
this.control.setControlColor(this.style.ZcControl.lamp.controlColor);
|
|
}
|
|
}
|
|
|
|
fault() {
|
|
if (this.style.ZcControl.visible) {
|
|
this.control.setControlColor(this.style.ZcControl.lamp.activeColor);
|
|
}
|
|
}
|
|
|
|
createMouseEvent() {
|
|
if (this.style.ZcControl.mouseOverStyle) {
|
|
this.mouseEvent = new EMouse(this);
|
|
this.add(this.mouseEvent);
|
|
this.on('mouseout', (e) => { this.mouseEvent.mouseout(e); });
|
|
this.on('mouseover', (e) => { this.mouseEvent.mouseover(e); });
|
|
}
|
|
}
|
|
getShapeTipPoint() {
|
|
if (this.control) {
|
|
var distance = 2;
|
|
var rect = this.control.getBoundingRect();
|
|
return {
|
|
x: rect.x + rect.width / 2,
|
|
y: rect.y - distance
|
|
};
|
|
}
|
|
return null;
|
|
}
|
|
setShowMode() {}
|
|
setShowStation(stationCode) {
|
|
if (!stationCode || this.model.stationCode === stationCode) {
|
|
this.eachChild(item => {
|
|
item.show();
|
|
});
|
|
this.isShowShape = true;
|
|
this.setState(this.model);
|
|
} else {
|
|
this.eachChild(item => {
|
|
item.hide();
|
|
});
|
|
this.isShowShape = false;
|
|
}
|
|
}
|
|
}
|