import Group from 'zrender/src/container/Group'; import TrainHead from './TrainHead'; import TrainBody from './TrainBody'; import BoundingRect from 'zrender/src/core/BoundingRect'; import ETriangle from '../Train/ETriangle'; import store from '@/store/index_APP_TARGET'; import EDirection from './EDirection'; /** 列车 */ 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.size = 0; this.z = 40; this.section = null; this.isShowShape = true; this.fontSize = model.nameFontSize || style.Train.common.trainTextFontSize; this.newScale = this.fontSize / style.Train.common.trainTextFontSize; this.nameFormat = 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.specialServiceNumber = item.serviceNumber ? item.serviceNumber : model.serviceNumber; return true; } }); } this.create(); this.setState(model, this); this.initShowStation(model); } _computed() { const model = this.model; const style = this.style; if (model.trainWindowModel) { this.point = { x: model.trainWindowModel.point.x, y: model.trainWindowModel.point.y }; if (model.right) { this.point.x = this.point.x - style.Train.trainHead.trainConntWidth * this.newScale - style.Train.common.trainWidth / 2; this.point.y = this.point.y - style.Train.common.trainHeight / 2; } else { this.point.x = this.point.x + style.Train.trainHead.trainConntWidth * this.newScale - style.Train.common.trainWidth / 2; this.point.y = this.point.y + model.trainWindowModel.height - style.Train.common.trainHeight / 2; } } else { this.point = model.position; this.traingle = null; } } create() { this._computed(); 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, destinationCode: model.destinationCode, groupNumber: model.groupNumber, right: model.right, directionCode: model.directionCode, sectionModel: model.sectionModel, runStatus: model.runStatus, fontSize: this.fontSize, nameFormat: this.nameFormat, type: model.type, speed: model.speed, maLen: model.maLen, hold:model.hold, jump:model.jump, stop:model.stop, dt: model.dt, driveMode: model.driveMode, model: model }); const rect = this.trainB.getBoundingRectOfFont().clone(); const height = rect.height; 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, height: height, fontSize: this.fontSize, 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, height: height, fontSize: this.fontSize, scale: this.newScale }); 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]; this.startX = this.model.right == 1 ? leftPoint.x : rightPoint.x; this.startY = this.model.right == 1 ? leftPoint.y : rightPoint.y; // 算出折线的长度 this.lineLength = 0; let oldPoint = null; this.pointList = []; 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.pointList.push({ length: temp, pointStart: { x: oldPoint.x, y: oldPoint.y }, pointEnd: { x: point.x, y: point.y } }); this.lineLength += temp; } oldPoint = point; }); oldPoint = 0; this.pointList.forEach(point => { point.percentStart = oldPoint / this.lineLength; oldPoint += point.length; point.percentEnd = oldPoint / this.lineLength; }); 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); } this.add(this.trainB); this.add(this.trainL); this.add(this.trainR); } if (style.Train.directionArrow.hasArrow) { // 列车运行上下方箭头(eg:宁波yi) const arrowPoint = { x: 0, y: 0 }; if (model.trainWindowModel) { arrowPoint.x = model.trainWindowModel.point.x; arrowPoint.y = model.right ? model.trainWindowModel.point.y + style.Train.directionArrow.distanceBottom : model.trainWindowModel.point.y - style.Train.directionArrow.distanceTop; } this.directionArrow = new EDirection({ zlevel: this.zlevel, z: 10, right: model.right, x: arrowPoint.x, y: arrowPoint.y, style: style }); this.add(this.directionArrow); } } // 获取设备提示坐标 getShapeTipPoint() { } updateSection() { const train = this.model; if (train.physicalCode && train.offsetp && this.triangle) { this.pointList.forEach(point => { if (train.offsetp > point.percentStart && train.offsetp <= point.percentEnd) { this.startX = point.pointStart.x + (point.pointEnd.x - point.pointStart.x) * (train.offsetp - point.percentStart); this.startY = point.pointStart.y + (point.pointEnd.y - point.pointStart.y) * (train.offsetp - point.percentStart); } }); const point = { x: this.startX, y: this.startY }; this.triangle.point = point; this.triangle.updateTriangle(point, train.right); this.triangle.dirty(); } } // 恢复颜色状态 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); } // 设置运行方向状态类型 setDirectionType(right, flag) { if (this.style.Train.trainStatusStyle.directionType.length > 0) { this.style.Train.trainStatusStyle.directionType.forEach((item) => { if (right == item.type) { 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; } }); } } // 设置列车停止方向类型 setDirectionStopType(right) { if (this.style.Train.trainStatusStyle.directionStopType.length > 0) { this.style.Train.trainStatusStyle.directionStopType.forEach((item) => { if (right == item.type) { if (this.style.Train.trainHead.directionStopType == 'special') { this.trainL && this.trainL.setArrowShow(item.lineLShow); this.trainR && this.trainR.setArrowShow(item.lineRShow); } else { this.trainL && this.trainL.setLineShow(item.lineLShow); this.trainR && this.trainR.setLineShow(item.lineRShow); } return true; } }); } } // 设置运行状态 setRunStatus(status, flag) { if (status) { this.setDirectionStopType(this.model.right); // 设置运行方向状态类型 } else { this.setDirectionType(this.model.right, flag); // 设置运行方向状态类型 } } // 设置运行模式 setDriveMode(status) { if (this.style.Train.trainStatusStyle.driveModeStatus.length > 0) { this.style.Train.trainStatusStyle.driveModeStatus.some((item) => { if (status === item.status) { this.trainL && this.trainL.setColor(item.trainLColor); this.trainR && this.trainR.setColor(item.trainRColor); return true; } }); } } // 早晚点状态 setSoonerOrLater(dt) { this.trainB && this.trainB.setSoonerOrLater(dt); } // 设置扣车状态 setHoldStatus(status) { if (status) { this.trainB && this.trainB.setHShow(true); } else { this.trainB && this.trainB.setHShow(false); } } // 设置跳停状态 setJumpStatus(status) { if (status) { this.trainB && this.trainB.setSShow(true); } else { this.trainB && this.trainB.setSShow(false); } } // 设置车门状态类型 setDoorStatus(status) { if (status != undefined) { if (status) { this.trainB && this.trainB.setDShow(false); } else { this.trainB && this.trainB.setDShow(true); } } else { this.trainB && this.trainB.setDShow(false); } } // 设置通信状态类型 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) { if (status) { this.trainB && this.trainB.setAShow(true); } else { this.trainB && this.trainB.setAShow(false); } } // 设置状态 setState(model, object) { if (!this.isShowShape) return; const flag = model.trainWindowModel ? model.trainWindowModel.reversal : false; if (model) { this.recover(); if (this.style.Train.common.trainHeadColorChangeMode) { this.setDriveMode(model.driveMode + model.runLevel); } else { this.setDriveMode(model.driveMode); } this.setRunStatus(model.stop, flag); this.setCommunicationStatus(model.runLevel); this.setDoorStatus(model.doorCloseLock); this.setAlarmStatus(model.alarmStatus); this.setHoldStatus(model.hold); this.setJumpStatus(model.jump); this.setSoonerOrLater(model.dt); this.setTrainTypeColor(model.type); this.setPlanRoutingTypeColor(model.planRoutingType); const style = this.style; if (style.Section.trainPosition.display) { this.updateSection(object); } } } setTrainTypeColor(type) { this.trainB && this.trainB.setTrainTypeColor(type); } setPlanRoutingTypeColor(planRoutingType) { this.trainB && this.trainB.setPlanRoutingTypeColor(planRoutingType); } 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); } setShowMode() { } initShowStation(model) { if (model.trainWindowModel && model.trainWindowModel.instance && !model.trainWindowModel.instance.isShowShape) { this.eachChild(item => { item.hide(); }); } } setShowStation(stationCode) { if ((this.model.sectionModel && this.model.sectionModel.stationCode === stationCode) || !stationCode) { this.eachChild(item => { item.show(); }); this.isShowShape = true; this.setState(this.model, this); } else { this.eachChild(item => { item.hide(); }); this.isShowShape = false; } } // screenShow() { // // this.text && this.text.hide(); // this.setState(this.model); // } }