joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity
56126bdbf3
rt-sim-training-client/src/jmapNew/shape/Train/index.js

517 lines
22 KiB
JavaScript
Raw Normal View History

新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
import Group from 'zrender/src/container/Group';
import TrainHead from './TrainHead';
import TrainBody from './TrainBody';
import BoundingRect from 'zrender/src/core/BoundingRect';
import Rect from 'zrender/src/graphic/shape/Rect';
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
import ETriangle from '../Train/ETriangle';
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
import store from '@/store';
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
/** 列车 */
export default class Train extends Group {
constructor(model, style) {
super();
this._code = model.code;
this._type = model._type;
this.zlevel = model.zlevel;
this.model = model;
this.style = style;
this.z = 40;
this.size = 0;
this.section = null;
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
this.nextPointIndex = 1;
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
this.fontSize = style.Train.common.useSelfText ? style.Train.common.nameFontSize || style.Train.common.trainTextFontSize : model.nameFontSize || style.Train.common.nameFontSize || style.Train.common.trainTextFontSize;
this.newScale = this.fontSize / style.Train.common.trainTextFontSize;
this.nameFormat = style.Train.common.useSelfFormat ? style.Train.trainBody.trainNameFormat : model.nameFormat || style.Train.trainBody.trainNameFormat;
if ( style.Train.trainBody.specialTrainType.length > 0) {
style.Train.trainBody.specialTrainType.some((item) =>{
if (model.type === item.type) {
this.nameFormat = item.nameFormat;
model.serviceNumber = item.serviceNumber ? item.serviceNumber : model.serviceNumber;
return true;
}
});
}
this.create();
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
this.setState(model, this);
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
_computed() {
const model = this.model;
const style = this.style;
if (model.trainWindowModel) {
this.point = {
x: model.trainWindowModel.point.x,
y: model.trainWindowModel.point.y
};
列车调整
2020-02-13 13:12:22 +08:00
if (model.right) {
列车位置调整
2020-03-09 18:25:25 +08:00
this.point.x = this.point.x - style.Train.trainHead.trainConntWidth * this.newScale - style.Train.common.trainWidth / 2;
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
this.point.y = this.point.y - style.Train.common.trainHeight / 2;
列车调整
2020-02-13 13:12:22 +08:00
} else {
列车位置调整
2020-03-09 18:25:25 +08:00
this.point.x = this.point.x + style.Train.trainHead.trainConntWidth * this.newScale - style.Train.common.trainWidth / 2;
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
this.point.y = this.point.y + model.trainWindowModel.height - style.Train.common.trainHeight / 2;
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
} else {
this.point = model.position;
this.traingle = null;
}
}
create() {
this._computed();
this.isChangeTrainWidth(this.model, this.style);
const model = this.model;
const style = this.style;
if (this.point) {
this.trainB = new TrainBody({
zlevel: this.zlevel,
z: this.z,
style: style,
point: this.point,
destinationStatus: model.destinationStatus,
serviceNumber: model.serviceNumber,
tripNumber: model.tripNumber,
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
destinationCode: model.destinationCode,
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
groupNumber: model.groupNumber,
directionType: model.directionType,
directionCode: model.directionCode,
sectionModel: model.sectionModel,
runStatus: model.runStatus,
fontSize: this.fontSize,
nameFormat: this.nameFormat,
type: model.type,
speed: model.speed,
maLen: model.maLen,
model: model
});
this.trainL = new TrainHead({
style: style,
zlevel: this.zlevel,
z: this.z,
point: {
x: this.point.x - style.Train.common.trainHeadDistance,
y: this.point.y
},
drect: -1,
scale: this.newScale
});
this.trainR = new TrainHead({
style: style,
zlevel: this.zlevel,
z: this.z,
point: {
x: this.point.x + style.Train.common.trainWidth + style.Train.common.trainHeadDistance,
y: this.point.y
},
drect: 1,
scale: this.newScale
});
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
if (style.Section.trainPosition.display) {
const data = this.model.physicalCode;
const oldmodel = store.getters['map/getDeviceByCode'](data);
const leftPoint = oldmodel.points[0];
const rightPoint = oldmodel.points[oldmodel.points.length - 1];
const right = this.model.right == 1 ? 1 : 0;
this.startX = leftPoint.x + (1 - right) * (rightPoint.x - leftPoint.x);
this.startY = leftPoint.y + (1 - right) * (rightPoint.y - leftPoint.y);
// 算出折线的长度
this.lineLength = 0;
this.currentAdd = 0;
let oldPoint = null;
oldmodel.points.forEach((point)=>{
if (oldPoint) {
const temp = Math.sqrt(
Math.pow(point.x - oldPoint.x, 2) +
Math.pow(point.y - oldPoint.y, 2),
);
this.lineLength += temp;
}
oldPoint = point;
});
// this.animatePoint = {x:this.startX, y:this.startY};
this.triangle = new ETriangle({
style: this.style,
zlevel: this.zlevel,
z:10,
right: this.model.right,
point:{x:this.startX, y:this.startY}
});
this.add(this.triangle);
}
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
this.add(this.trainB);
this.add(this.trainL);
this.add(this.trainR);
}
if (style.Train.common.haveTrainBorder) {
this.createTrainBorder();
}
}
// 获取设备提示坐标
getShapeTipPoint() {
}
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
updateSection() {
const train = this.model;
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
if (train.physicalCode && train.offsetp && this.triangle) {
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
const data = train.physicalCode;
const oldmodel = store.getters['map/getDeviceByCode'](data);
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
// 待处理（多个点的问题）
// const points = train.right == 1 ? oldmodel.points : oldmodel.points.reverse();
const points = oldmodel.points;
// 目标距离
let targetDistance = Math.sqrt(
Math.pow(points[this.nextPointIndex - 1].x - points[this.nextPointIndex].x, 2) +
Math.pow(points[this.nextPointIndex - 1].y - points[this.nextPointIndex].y, 2),
);
// // 当前距离
// const currentDistance = Math.sqrt(
// Math.pow(points[this.nextPointIndex - 1].x - this.animatePoint.x, 2) +
// Math.pow(points[this.nextPointIndex - 1].y - this.animatePoint.y, 2),
// );
const currentDistance = this.lineLength * train.offsetp - this.currentAdd;
// let cureent this.lineLength * train.offsetp
// 利用运动距离与目标距离, 判断运动的点是否超过下一个目标点, 超过了就重置下一个点
if (currentDistance >= targetDistance) {
// this.animatePoint = {
// x: points[this.nextPointIndex].x,
// y: points[this.nextPointIndex].y
// };
this.nextPointIndex++;
this.currentAdd += targetDistance;
targetDistance = Math.sqrt(
Math.pow(points[this.nextPointIndex - 1].x - points[this.nextPointIndex].x, 2) +
Math.pow(points[this.nextPointIndex - 1].y - points[this.nextPointIndex].y, 2),
);
}
if (this.nextPointIndex > points.length - 1) {
const leftPoint = oldmodel.points[0];
const rightPoint = oldmodel.points[oldmodel.points.length - 1];
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
this.startX = leftPoint.x + (rightPoint.x - leftPoint.x) * train.offsetp;
this.startY = leftPoint.y + (rightPoint.y - leftPoint.y) * train.offsetp;
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
} else {
// debugger;
// this.lineLength * train.offsetp
// if (this.currentLength > targetDistance) {
// this.currentLength = this.currentLength - targetDistance;
// this.nextPointIndex++;
// targetDistance = Math.sqrt(
// Math.pow(points[this.nextPointIndex - 1].x - points[this.nextPointIndex].x, 2) +
// Math.pow(points[this.nextPointIndex - 1].y - points[this.nextPointIndex].y, 2),
// );
// }
debugger;
const rate = (this.lineLength * train.offsetp - this.currentAdd) / targetDistance;
this.startX = points[this.nextPointIndex - 1].x + (points[this.nextPointIndex].x - points[this.nextPointIndex - 1].x) * rate;
this.startY = points[this.nextPointIndex - 1].y + (points[this.nextPointIndex].y - points[this.nextPointIndex - 1].y) * rate;
// this.animatePoint.x = this.startX;
// this.animatePoint.y = this.startY;
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
}
列车精确定位代码调整 列车的状态信息调整 去掉仿真里的拖动鼠标生成包围框
2020-03-12 14:41:53 +08:00
const point = {x:this.startX, y:this.startY};
this.triangle.point = point;
this.triangle.updateTriangle(point, train.right);
this.triangle.dirty();
this.dirty();
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
}
}
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
// 恢复颜色状态
recover() {
this.trainB && this.trainB.setHShow(false);
this.trainB && this.trainB.setSShow(false);
this.trainB && this.trainB.setDShow(false);
this.trainB && this.trainB.setAShow(false);
this.trainL && this.trainL.setLineShow(false);
this.trainR && this.trainR.setLineShow(false);
this.trainL && this.trainL.setArrowShow(false);
this.trainR && this.trainR.setArrowShow(false);
}
// 设置服务号状态类型
setServerNoType(type) {
if (this.style.Train.trainStatusStyle.serverNoType.length > 0) {
const flag = this.style.Train.trainStatusStyle.serverNoType.some((item) =>{
if (type === item.type) {
this.trainB && this.trainB.setTextTrainServerColor(item.showColor);
return true;
}
});
if (this.style.Train.trainStatusStyle.defaultServerNoColor && !flag) {
this.trainB && this.trainB.setTextTrainServerColor(this.style.Train.trainStatusStyle.defaultServerNoColor);
}
}
}
// 设置目的地状态
setDestinationStatus(status) {
if (this.style.Train.trainStatusStyle.destinationStatus.length > 0) {
const flag = this.style.Train.trainStatusStyle.destinationStatus.some((item) =>{
if (status === item.status) {
switch (this.style.Train.trainStatusStyle.destinationStatusSetText) {
case 'trainTarget':
this.trainB && this.trainB.setTextTrainTargetColor(item.showColor);
break;
case 'trainServer':
this.trainB && this.trainB.setTextTrainServerColor(item.showColor);
break;
case 'trainWindowBorder':
this.trainB && this.trainB.setBodyBoxShape('stroke', item.showColor);
break;
default:
this.trainB && this.trainB.setTextTrainTargetColor(item.showColor);
}
return true;
}
});
if (this.style.Train.trainStatusStyle.defaultDestinationColor && !flag) {
switch (this.style.Train.trainStatusStyle.destinationStatusSetText) {
case 'trainTarget':
this.trainB && this.trainB.setTextTrainTargetColor(this.style.Train.trainStatusStyle.defaultDestinationColor);
break;
case 'trainServer':
this.trainB && this.trainB.setTextTrainServerColor(this.style.Train.trainStatusStyle.defaultDestinationColor);
break;
case 'trainWindowBorder':
this.trainB && this.trainB.setBodyBoxShape('stroke', this.style.Train.trainStatusStyle.defaultDestinationColor);
break;
default:
this.trainB && this.trainB.setTextTrainTargetColor(this.style.Train.trainStatusStyle.defaultDestinationColor);
}
}
}
}
// 设置运行方向状态类型
列车调整
2020-02-13 13:12:22 +08:00
setDirectionType(right, flag) {
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
if (this.style.Train.trainStatusStyle.directionType.length > 0) {
this.style.Train.trainStatusStyle.directionType.forEach((item) => {
列车调整
2020-02-18 19:24:52 +08:00
if (right === item.type) {
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
let lineLShow = item.lineLShow;
let arrowLShow = item.arrowLShow;
let lineRShow = item.lineRShow;
let arrowRShow = item.arrowRShow;
if (flag) {
lineLShow = !item.lineLShow;
arrowLShow = !item.arrowLShow;
lineRShow = !item.lineRShow;
arrowRShow = !item.arrowRShow;
}
this.trainL && this.trainL.setLineShow(lineLShow);
this.trainL && this.trainL.setArrowShow(arrowLShow);
this.trainR && this.trainR.setLineShow(lineRShow);
this.trainR && this.trainR.setArrowShow(arrowRShow);
return true;
}
});
}
}
// 设置列车停止方向类型
列车调整
2020-02-13 13:12:22 +08:00
setDirectionStopType(right) {
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
if (this.style.Train.trainStatusStyle.directionStopType.length > 0) {
this.style.Train.trainStatusStyle.directionStopType.forEach((item) => {
列车调整
2020-02-18 19:24:52 +08:00
if (right === item.type) {
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
this.trainL && this.trainL.setLineShow(item.lineLShow);
this.trainR && this.trainR.setLineShow(item.lineRShow);
return true;
}
});
}
}
// 设置运行状态
setRunStatus(status, flag) {
列车调整
2020-02-13 13:12:22 +08:00
if (status) {
this.setDirectionStopType(this.model.right); // 设置运行方向状态类型
} else {
this.setDirectionType(this.model.right, flag); // 设置运行方向状态类型
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
}
// 设置运行模式
列车调整
2020-02-19 11:47:38 +08:00
setDriveMode(status) {
if (this.style.Train.trainStatusStyle.driveModeStatus.length > 0) {
this.style.Train.trainStatusStyle.driveModeStatus.some((item) => {
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
if (status === item.status) {
this.trainL && this.trainL.setColor(item.trainLColor);
this.trainR && this.trainR.setColor(item.trainRColor);
return true;
}
});
}
}
列车 跳停 扣车 车门 状态代码调整
2020-03-06 20:47:39 +08:00
// 设置扣车状态
setHoldStatus(status) {
if (status) {
this.trainB && this.trainB.setHShow(true);
} else {
this.trainB && this.trainB.setHShow(false);
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
}
列车 跳停 扣车 车门 状态代码调整
2020-03-06 20:47:39 +08:00
// 设置跳停状态
setJumpStatus(status) {
if (status) {
this.trainB && this.trainB.setSShow(true);
} else {
this.trainB && this.trainB.setSShow(false);
}
}
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
// 设置车门状态类型
setDoorStatus(status) {
代码调整
2020-03-06 20:57:24 +08:00
if (status != undefined) {
if (status) {
this.trainB && this.trainB.setDShow(false);
} else {
this.trainB && this.trainB.setDShow(true);
}
列车 跳停 扣车 车门 状态代码调整
2020-03-06 20:47:39 +08:00
} else {
this.trainB && this.trainB.setDShow(false);
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
}
// 设置通信状态类型
setCommunicationStatus() {
if (this.style.Train.trainStatusStyle.communicationStatus.length > 0) {
this.style.Train.trainStatusStyle.communicationStatus.some((item) => {
if (status === item.status) {
this.trainB && this.trainB.setTrainColor(item.trainColor);
return true;
}
});
}
}
// 设置报警状态
setAlarmStatus(status) {
列车 跳停 扣车 车门 状态代码调整
2020-03-06 20:47:39 +08:00
if (status) {
this.trainB && this.trainB.setAShow(true);
} else {
this.trainB && this.trainB.setAShow(false);
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
}
setTrainTypeStatus(type) {
if (this.style.Train.trainStatusStyle.trainTypeStatus) {
this.style.Train.trainStatusStyle.trainTypeStatus.some((item) => {
if ( type === item.type) {
item.serviceNumberColor && this.trainB && this.trainB.setTextTrainServerColor(item.serviceNumberColor);
item.trainNumberColor && this.trainB && this.trainB.setTextTrainNumberColor(item.trainNumberColor);
item.trainTargetColor && this.trainB && this.trainB.setTextTrainTargetColor(item.trainTargetColor);
item.groupNumberColor && this.trainB && this.trainB.setTextTrainTargetNumberColor(item.groupNumberColor);
}
});
}
}
// 设置状态
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
setState(model, object) {
列车调整
2020-02-13 13:12:22 +08:00
const flag = model.trainWindowModel ? model.trainWindowModel.reversal : false;
if (model) {
this.recover();
列车调整
2020-03-02 16:29:09 +08:00
if (this.style.Train.common.trainHeadColorChangeMode) {
this.setDriveMode(model.driveMode + model.runLevel);
} else {
this.setDriveMode(model.driveMode);
}
列车调整
2020-02-13 13:12:22 +08:00
this.setRunStatus(model.stop, flag);
列车调整
2020-02-19 11:47:38 +08:00
this.setCommunicationStatus(model.runLevel);
// this.setTrainTypeStatus(model.type); 配合早晚点设置
this.setDoorStatus(model.doorCloseLock);
列车 跳停 扣车 车门 状态代码调整
2020-03-06 20:47:39 +08:00
this.setAlarmStatus(model.alarmStatus);
this.setHoldStatus(model.hold);
this.setJumpStatus(model.jump);
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
const style = this.style;
if (style.Section.trainPosition.display) {
成都一号线 列车精确位置三角代码修改
2020-03-10 20:15:47 +08:00
this.updateSection(object);
成都一号线 列车所在区段位置代码调整（部分）
2020-03-06 15:27:31 +08:00
}
列车调整
2020-02-13 13:12:22 +08:00
}
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
// let points = [];
新版地图: 调整默认状态，站台状态配置完成。其他元素暂未配置
2020-01-13 13:45:39 +08:00
// if (model) {
// this.recover();
// this.setServerNoType(model.serverNoType); // 设置服务号状态类型
// this.setDestinationStatus(model.destinationStatus); // 设置目的地状态
// this.setRunStatus(model.runStatus, flag); // 设置运行状态
// this.setRunMode(model.runMode); // 设置运行模式
// this.setRunControlStatus(model.runControlStatus); // 设置运行控制状态类型
// this.setDoorStatus(model.doorStatus); // 设置车门状态类型
// this.setCommunicationStatus(model.communicationStatus); // 设置通信状态类型
// this.setAlarmStatus(model.alarmStatus); // 设置报警状态
// this.setTrainTypeStatus(model.type); // 根据列车类型设置列车识别号样式
// }
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
// 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
isChangeTrainWidth(model, style) {
if (!style.Train.trainBody.changeTrainWidth) { return; }
if (this.nameFormat) {
const arr = this.nameFormat.split(':');
arr.forEach(ele => {
switch (ele) {
case 'targetCode': {
this.size += (style.Train.trainNumber.targetCodePrefix || '').length;
break;
}
case 'serviceNumber': {
this.size += (style.Train.trainServer.serviceNumberPrefix || '').length;
break;
}
case 'tripNumber': {
this.size += (style.Train.trainTarget.tripNumberPrefix || '').length;
break;
}
case 'groupNumber': {
this.size += (style.Train.trainTargetNumber.groupNumberPrefix || '').length;
break;
}
}
});
} else {
this.size = 9;
}
this.style.Train.common.trainWidth = this.size * this.fontSize * this.style.Train.common.aspectRatio + this.style.Train.common.trainWidthMoreText;
}
removeTrainDetail() {
this.trainB && this.trainB.removeTrainDetail();
}
getBoundingRect() {
const list = [this.trainB, this.trainL, this.trainR];
let rect = null;
list.forEach(elem => {
if (elem) {
const tempRect = elem.getBoundingRect();
if (tempRect.x && tempRect.y && tempRect.width && tempRect.height) {
if (rect) {
rect.union(tempRect);
} else {
rect = tempRect;
}
}
}
});
return rect || new BoundingRect(0, 0, 0, 0);
}
createTrainBorder() {
const rect = Object.assign({}, this.getBoundingRect());
rect.x -= this.style.Train.common.trainWidth / 2;
rect.y -= 5;
rect.width += this.style.Train.common.trainWidth;
rect.height += 10;
this.trainBorder = new Rect({
zlevel: this.zlevel,
z: this.z,
silent: true,
shape: rect,
style: {
lineDash: [3, 3],
stroke: this.style.borderColor,
fill: this.style.transparentColor
}
});
this.add(this.trainBorder);
}
绘图预览切换现地行调显示
2020-03-11 15:10:08 +08:00
setShowMode() {}
新增新版地图绘制文件
2019-11-29 12:51:58 +08:00
}
Reference in New Issue Copy Permalink