568 lines
20 KiB
JavaScript
568 lines
20 KiB
JavaScript
/**/
|
|
import Group from 'zrender/src/container/Group';
|
|
import ETime from './ETime';
|
|
import ELevel from './ELevel';
|
|
import EReentry from './EReentry';
|
|
import EDetain from './EDetain';
|
|
import ESafeStand from './ESafeStand';
|
|
import ESafeEmergent from './ESafeEmergent';
|
|
import EMouse from './EMouse';
|
|
import EJump from './EJump';
|
|
import EHighlight from '../element/EHighlight';
|
|
import ETrainStop from './ETrainStop';
|
|
import ETrainDepart from './ETrainDepart';
|
|
import EControl from '../element/EControl';
|
|
import {isShowThePrdType} from '../../utils/handlePath';
|
|
|
|
class StationStand extends Group {
|
|
constructor(model, style) {
|
|
super();
|
|
this._code = model.code;
|
|
this._type = model._type;
|
|
this.model = model;
|
|
this.style = style;
|
|
this.zlevel = model.zlevel;
|
|
this.z = 1;
|
|
this.isShowShape = true;
|
|
this.doors = new Group();
|
|
this.create();
|
|
this.createMouseEvent();
|
|
if (isShowThePrdType(model.prdType, style.StationStand.common.functionButtonShow) || model.previewOrMapDraw) {
|
|
this.createFunctionButton();
|
|
}
|
|
if (model.previewOrMapDraw) {
|
|
this.setShowMode();
|
|
}
|
|
this.setVisible(model.visible);
|
|
this.setState(model);
|
|
this.checkIsDrawMap();
|
|
}
|
|
create() {
|
|
const model = this.model;
|
|
const style = this.style;
|
|
const drict = 1;
|
|
|
|
/** 列车站台*/
|
|
const standX = model.position.x - model.width / 2;
|
|
const standY = model.position.y - model.height / 2;
|
|
this.safeStand = new ESafeStand({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
style: style,
|
|
x: standX,
|
|
y: standY,
|
|
name: model.name,
|
|
inside: model.inside,
|
|
right: model.right,
|
|
width: model.width,
|
|
height: model.height
|
|
});
|
|
this.add(this.safeStand);
|
|
|
|
/** 站台紧急关闭*/
|
|
const emergentH = model.inside ? model.right ? 1 : -1 : model.right ? -1 : 1;
|
|
let emergentWidth = 0;
|
|
if (style.StationStand.stopTime.position) {
|
|
emergentWidth = model.width / 2;
|
|
}
|
|
let emergentX = model.position.x + (style.StationStand.stopTime.position || emergentH) * style.StationStand.standEmergent.offset.x - emergentWidth;
|
|
let emergentY = model.position.y + emergentH * (model.height / 2 + style.StationStand.standEmergent.offset.y);
|
|
if (style.StationStand.common.special) {
|
|
emergentX = model.position.x;
|
|
emergentY = model.position.y;
|
|
}
|
|
this.emergent = new ESafeEmergent({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
inside: model.inside,
|
|
right: model.right,
|
|
width: model.width,
|
|
x: emergentX,
|
|
y: emergentY,
|
|
r: style.StationStand.standEmergent.mergentR,
|
|
n: 4
|
|
});
|
|
this.add(this.emergent);
|
|
|
|
// 列车停站
|
|
const stopX = model.position.x;
|
|
const stopY = model.position.y;
|
|
this.trainStop = new ETrainStop({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
inside: model.inside,
|
|
right: model.right,
|
|
width: model.width,
|
|
x: stopX,
|
|
y: stopY,
|
|
r: style.StationStand.standEmergent.mergentR,
|
|
n: 4
|
|
});
|
|
this.add(this.trainStop);
|
|
|
|
// 列车出发
|
|
const departX = model.position.x;
|
|
const departY = model.position.y;
|
|
this.trainDepart = new ETrainDepart({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
inside: model.inside,
|
|
right: model.right,
|
|
width: model.width,
|
|
x: departX,
|
|
y: departY
|
|
});
|
|
this.add(this.trainDepart);
|
|
|
|
/** 站台折返策略*/
|
|
const reentryH = style.StationStand.standEmergent.mergentR;
|
|
const reentryX = model.position.x - (style.StationStand.reentry.position || drict) * (style.StationStand.reentry.offset.x - model.width / 2);
|
|
const reentryY = model.position.y + (style.StationStand.reentry.position || drict) * (style.StationStand.reentry.offset.y) + drict * reentryH;
|
|
this.reentry = new EReentry({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
drict: drict,
|
|
x: reentryX,
|
|
y: reentryY,
|
|
lineWidth: 0,
|
|
fill: style.StationStand.reentry.noHumanColor
|
|
});
|
|
this.add(this.reentry);
|
|
|
|
/** 站台扣车*/
|
|
const detainD = model.right ? 1 : -1;
|
|
const detainX = model.position.x - (detainD) * (style.StationStand.detainCar.offset.x - model.width / 2);
|
|
const detainY = model.position.y + (detainD) * (style.StationStand.detainCar.offset.y - model.height / 2);
|
|
this.detain = new EDetain({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
style: style,
|
|
x: detainX,
|
|
y: detainY,
|
|
width: model.width,
|
|
inside: model.inside,
|
|
right: model.right
|
|
});
|
|
this.add(this.detain);
|
|
|
|
/** 停站时间*/
|
|
if (style.StationStand.stopTime.offset) {
|
|
const timeDrict = model.right ? 1 : -1;
|
|
const timeX = model.position.x - timeDrict * (style.StationStand.stopTime.offset.x - model.width / 2);
|
|
const timeY = model.position.y + timeDrict * style.StationStand.stopTime.offset.y;
|
|
this.time = new ETime({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
x: timeX,
|
|
y: timeY,
|
|
name: model.parkingTime || '30'
|
|
});
|
|
this.add(this.time);
|
|
}
|
|
|
|
/** 运行等级*/
|
|
const levelDrict = model.right ? 1 : -1;
|
|
const levelX = model.position.x - levelDrict * (style.StationStand.level.offset.x - model.width / 2);
|
|
const levelY = model.position.y + levelDrict * (style.StationStand.level.offset.y);
|
|
this.level = new ELevel({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
x: levelX,
|
|
y: levelY,
|
|
name: model.runLevelTime || '5'
|
|
});
|
|
this.add(this.level);
|
|
|
|
/** 列车停跳 */
|
|
if (style.StationStand.common.haveJumpShow) {
|
|
const jumpDirct = model.right ? -1 : 1;
|
|
const jumpX = model.position.x - jumpDirct * (style.StationStand.jump.offset.x - model.width / 2);
|
|
const jumpY = model.position.y + jumpDirct * style.StationStand.jump.offset.y;
|
|
const jumpCX = model.position.x - jumpDirct * (style.StationStand.jump.offset.x - model.width / 2);
|
|
const jumpCY = model.position.y + jumpDirct * style.StationStand.jump.offset.y;
|
|
this.jump = new EJump({
|
|
zlevel: this.zlevel,
|
|
z: this.z + 1,
|
|
style: style,
|
|
x: jumpX,
|
|
y: jumpY,
|
|
cx: jumpCX,
|
|
cy: jumpCY,
|
|
width: model.width,
|
|
inside: model.inside,
|
|
right: model.right
|
|
});
|
|
this.add(this.jump);
|
|
}
|
|
}
|
|
|
|
createMouseEvent() {
|
|
if (this.style.StationStand.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); });
|
|
}
|
|
}
|
|
createFunctionButton() {
|
|
const model = this.model;
|
|
const style = this.style;
|
|
if (model.stopJumpLamp) {
|
|
this.stopJumpLampButton = new EControl({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
arc: {
|
|
shape: {
|
|
cx: model.stopJumpLampPoint.x,
|
|
cy: model.stopJumpLampPoint.y,
|
|
r: style.Station.lamp.radiusR
|
|
},
|
|
subType: 'StopJumpLamp',
|
|
lineWidth: 0,
|
|
fill: style.StationStand.lamp.lampColor
|
|
},
|
|
text: {
|
|
position: [0, 0],
|
|
x: model.stopJumpLampPoint.x,
|
|
y: model.stopJumpLampPoint.y + style.StationStand.lamp.radiusR + style.StationStand.text.distance,
|
|
fontWeight: style.StationStand.text.fontWeight,
|
|
fontSize: style.StationStand.text.fontSize,
|
|
fontFamily: style.fontFamily,
|
|
text: '跳停',
|
|
textFill: '#fff',
|
|
textAlign: 'middle',
|
|
textVerticalAlign: 'top'
|
|
},
|
|
style: this.style
|
|
});
|
|
this.add(this.stopJumpLampButton);
|
|
}
|
|
if (model.cancelStopJumpLamp) {
|
|
this.cancelStopJumpLampButton = new EControl({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
arc: {
|
|
shape: {
|
|
cx: model.cancelStopJumpLampPoint.x,
|
|
cy: model.cancelStopJumpLampPoint.y,
|
|
r: style.Station.lamp.radiusR
|
|
},
|
|
subType: 'CancelStopJumpLamp',
|
|
lineWidth: 0,
|
|
fill: style.StationStand.lamp.lampColor
|
|
},
|
|
text: {
|
|
position: [0, 0],
|
|
x: model.cancelStopJumpLampPoint.x,
|
|
y: model.cancelStopJumpLampPoint.y + style.StationStand.lamp.radiusR + style.StationStand.text.distance,
|
|
fontWeight: style.StationStand.text.fontWeight,
|
|
fontSize: style.StationStand.text.fontSize,
|
|
fontFamily: style.fontFamily,
|
|
text: '取消跳停',
|
|
textFill: '#fff',
|
|
textAlign: 'middle',
|
|
textVerticalAlign: 'top'
|
|
},
|
|
style: this.style
|
|
});
|
|
this.add(this.cancelStopJumpLampButton);
|
|
}
|
|
if (model.upDetainLamp) {
|
|
this.upDetainLampButton = new EControl({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
arc: {
|
|
shape: {
|
|
cx: model.upDetainLampPoint.x,
|
|
cy: model.upDetainLampPoint.y,
|
|
r: style.Station.lamp.radiusR
|
|
},
|
|
subType: 'UpDetainLamp',
|
|
lineWidth: 0,
|
|
fill: style.StationStand.lamp.lampColor
|
|
},
|
|
text: {
|
|
position: [0, 0],
|
|
x: model.upDetainLampPoint.x,
|
|
y: model.upDetainLampPoint.y + style.StationStand.lamp.radiusR + style.StationStand.text.distance,
|
|
fontWeight: style.StationStand.text.fontWeight,
|
|
fontSize: style.StationStand.text.fontSize,
|
|
fontFamily: style.fontFamily,
|
|
text: '上行扣车',
|
|
textFill: '#fff',
|
|
textAlign: 'middle',
|
|
textVerticalAlign: 'top'
|
|
},
|
|
style: this.style
|
|
});
|
|
this.add(this.upDetainLampButton);
|
|
}
|
|
if (model.downDetainLamp) {
|
|
this.downDetainLampButton = new EControl({
|
|
zlevel: this.zlevel,
|
|
z: this.z,
|
|
arc: {
|
|
shape: {
|
|
cx: model.downDetainLampPoint.x,
|
|
cy: model.downDetainLampPoint.y,
|
|
r: style.Station.lamp.radiusR
|
|
},
|
|
subType: 'DownDetainLamp',
|
|
lineWidth: 0,
|
|
fill: style.StationStand.lamp.lampColor
|
|
},
|
|
text: {
|
|
position: [0, 0],
|
|
x: model.downDetainLampPoint.x,
|
|
y: model.downDetainLampPoint.y + style.StationStand.lamp.radiusR + style.StationStand.text.distance,
|
|
fontWeight: style.StationStand.text.fontWeight,
|
|
fontSize: style.StationStand.text.fontSize,
|
|
fontFamily: style.fontFamily,
|
|
text: '下行扣车',
|
|
textFill: '#fff',
|
|
textAlign: 'middle',
|
|
textVerticalAlign: 'top'
|
|
},
|
|
style: this.style
|
|
});
|
|
this.add(this.downDetainLampButton);
|
|
}
|
|
}
|
|
setVisible(visible) {
|
|
if (visible) {
|
|
this.eachChild(elem => { elem.show(); });
|
|
} else {
|
|
this.eachChild(elem => { elem.hide(); });
|
|
}
|
|
}
|
|
|
|
/** 恢复初始状态*/
|
|
recover() {
|
|
this.time && this.time.hide();
|
|
this.level && this.level.hide();
|
|
this.detain && this.detain.hide();
|
|
this.emergent && this.emergent.hide();
|
|
this.trainStop && this.trainStop.hide(); // 列车停站
|
|
this.trainDepart && this.trainDepart.hide();
|
|
this.reentry && this.reentry.hide();
|
|
this.jump && this.jump.hide();
|
|
}
|
|
|
|
/** 空闲*/
|
|
spare() {
|
|
if (!this.style.StationStand.common.special) {
|
|
this.safeStand && this.safeStand.setColor(this.style.StationStand.stand.spareColor);
|
|
}
|
|
}
|
|
|
|
/** 列车停站*/
|
|
stop() {
|
|
if (!this.style.StationStand.common.special) {
|
|
this.safeStand && this.safeStand.setColor(this.style.StationStand.stand.stopColor);
|
|
} else {
|
|
this.trainStop && this.trainStop.show();
|
|
this.trainDepart && this.trainDepart.show();
|
|
}
|
|
}
|
|
|
|
/** 站台紧急关闭*/
|
|
emergentClose() {
|
|
if (!this.style.StationStand.common.special) {
|
|
this.safeStand && this.safeStand.setColor(this.style.StationStand.stand.spareColor);
|
|
}
|
|
if (this.style.StationStand.common.special) {
|
|
this.detain && this.detain.show('E');
|
|
this.detain && this.detain.setColor('#fff');
|
|
}
|
|
this.emergent && this.emergent.show();
|
|
if (this.style.StationStand.standEmergent.flicker) {
|
|
this.emergent.getElement().animateStyle(true)
|
|
.when(0, { fill: this.style.backgroundColor })
|
|
.when(1000, { fill: this.style.StationStand.standEmergent.closeColor })
|
|
.when(2000, { fill: this.style.backgroundColor })
|
|
.start();
|
|
}
|
|
}
|
|
|
|
/** 指定列车跳站*/
|
|
designatedJumpStop() {
|
|
this.safeStand && this.safeStand.setColor(this.style.StationStand.stand.designatedJumpStopColor);
|
|
this.jump && this.jump.show(0);
|
|
}
|
|
|
|
/** 站台跳停*/
|
|
jumpStop() {
|
|
this.safeStand && this.safeStand.setColor(this.style.StationStand.stand.jumpStopColor);
|
|
this.jump && this.jump.show(1);
|
|
}
|
|
|
|
/** 车站扣车*/
|
|
standDetainTrain() {
|
|
if (this.style.StationStand.common.special) {
|
|
this.detain && this.detain.show('H');
|
|
} else {
|
|
this.detain && this.detain.show();
|
|
}
|
|
this.detain && this.detain.setColor(this.style.StationStand.detainCar.detainTrainTextColor);
|
|
}
|
|
|
|
/** 中心扣车*/
|
|
centerDetainTrain() {
|
|
if (this.style.StationStand.common.special) {
|
|
this.detain && this.detain.show('H');
|
|
} else {
|
|
this.detain && this.detain.show();
|
|
}
|
|
this.detain && this.detain.setColor(this.style.StationStand.detainCar.centerTrainColor);
|
|
}
|
|
|
|
/** 中心+车站扣车*/
|
|
standAndCenterDetainTrain() {
|
|
if (this.style.StationStand.common.special) {
|
|
this.detain && this.detain.show('H');
|
|
} else {
|
|
this.detain && this.detain.show();
|
|
}
|
|
this.detain && this.detain.setColor(this.style.StationStand.detainCar.andCenterTrainColor);
|
|
}
|
|
|
|
/** 人工设置停战时间*/
|
|
setManuallyArmisticeTime(val) {
|
|
this.time && this.time.show();
|
|
this.time && this.time.setName(val);
|
|
}
|
|
|
|
/** 人工设置运行等级*/
|
|
setManuallyOperationLevel(val) {
|
|
this.level && this.level.show();
|
|
this.level && this.level.setName(val);
|
|
}
|
|
|
|
/** 无折返(默认)*/
|
|
noReentry() {
|
|
this.reentry && this.reentry.hide();
|
|
}
|
|
|
|
/** 无人折返*/
|
|
noHumanReentry() {
|
|
this.reentry && this.reentry.show();
|
|
this.reentry && this.reentry.setColor(this.style.StationStand.reentry.noHumanColor);
|
|
}
|
|
/** 自动换端*/
|
|
autoChangeEnds() {
|
|
this.reentry && this.reentry.show();
|
|
this.reentry && this.reentry.setColor(this.style.StationStand.reentry.autoChangeEndsColor);
|
|
}
|
|
|
|
setState(model) {
|
|
if (!this.isShowShape) return;
|
|
// 新版地图使用新版状态变更方式
|
|
this.recover();
|
|
model.free && this.spare(); /** 空闲*/
|
|
model.trainParking && this.stop(); /** 列车停站*/
|
|
model.emergencyClosed && this.emergentClose(); /** 站台紧急关闭*/
|
|
|
|
if (Number(model.parkingTime) > 0) {
|
|
this.setManuallyArmisticeTime(model.parkingTime); // 设置站台停车时间
|
|
}
|
|
|
|
if (Number(model.runLevelTime) > 0) {
|
|
this.setManuallyOperationLevel(model.runLevelTime); // 设置站台间运行等级
|
|
}
|
|
|
|
/** 设置跳停*/
|
|
model.assignSkip && this.designatedJumpStop(); // 指定列车跳停
|
|
model.allSkip && this.jumpStop(); // 站台全部跳停
|
|
|
|
/** 设置扣车*/
|
|
if (model.stationHoldTrain && model.centerHoldTrain) {
|
|
this.standAndCenterDetainTrain(); // 中心+车站扣车
|
|
} else if (model.stationHoldTrain) {
|
|
this.standDetainTrain(); // 车站扣车
|
|
} else if (model.centerHoldTrain) {
|
|
this.centerDetainTrain(); // 中心扣车
|
|
}
|
|
|
|
/** 设置折返策略*/
|
|
switch (model.reentryStrategy) {
|
|
case '04': /** 默认*/
|
|
case '01':
|
|
this.noReentry(); /** 无折返策略*/
|
|
break;
|
|
case '02':
|
|
this.noHumanReentry(); /** 无人折返*/
|
|
break;
|
|
case '03':
|
|
this.autoChangeEnds(); /** 自动换端*/
|
|
break;
|
|
}
|
|
}
|
|
|
|
getBoundingRect() {
|
|
const rect = this.safeStand.getBoundingRect().clone();
|
|
return rect;
|
|
}
|
|
|
|
getShapeTipPoint() {
|
|
const rect = this.getBoundingRect();
|
|
if (rect) {
|
|
return {
|
|
x: rect.x + rect.width / 2,
|
|
y: rect.y
|
|
};
|
|
}
|
|
return null;
|
|
}
|
|
|
|
drawSelected(selected) {
|
|
this.highlight && this.highlight.drawSelected(selected);
|
|
}
|
|
|
|
checkIsDrawMap() {
|
|
const path = window.location.href;
|
|
if (path.includes('/map/draw')) {
|
|
this.highlight = new EHighlight(this);
|
|
this.add(this.highlight);
|
|
this.on('mouseout', () => { this.highlight.mouseout(); });
|
|
this.on('mouseover', () => { this.highlight.mouseover(); });
|
|
}
|
|
}
|
|
// 设置显示模式
|
|
setShowMode() {
|
|
const showMode = this.model.showMode;
|
|
const showConditions = this.style.StationStand.common.functionButtonShow;
|
|
if (!showConditions || showConditions === '01' || showMode === showConditions) {
|
|
this.stopJumpLampButton && this.stopJumpLampButton.show();
|
|
this.cancelStopJumpLampButton && this.cancelStopJumpLampButton.show();
|
|
this.upDetainLamp && this.upDetainLamp.show();
|
|
this.downDetainLamp && this.downDetainLamp.show();
|
|
} else {
|
|
this.stopJumpLampButton && this.stopJumpLampButton.hide();
|
|
this.cancelStopJumpLampButton && this.cancelStopJumpLampButton.hide();
|
|
this.upDetainLamp && this.upDetainLamp.hide();
|
|
this.downDetainLamp && this.downDetainLamp.hide();
|
|
}
|
|
}
|
|
setShowStation(stationCode) {
|
|
if (!stationCode || this.model.deviceStationCode === stationCode) {
|
|
this.eachChild(item => {
|
|
item.show();
|
|
});
|
|
this.isShowShape = true;
|
|
this.setState(this.model);
|
|
} else {
|
|
this.eachChild(item => {
|
|
item.hide();
|
|
});
|
|
this.isShowShape = false;
|
|
}
|
|
}
|
|
}
|
|
export default StationStand;
|