rt-sim-training-client/src/jmapNew/shape/Station/index.js

/*
*	车站
*/
import Group from 'zrender/src/container/Group';
import ETextName from '../element/ETextName';
import EControl from '../element/EControl';
import EMouse from './EMouse';
import ESingleControl from './ESingleControl';
import EArrow from './EArrow';
import { arrow } from '../utils/ShapePoints';
import Rect from 'zrender/src/graphic/shape/Rect';
import BoundingRect from 'zrender/src/core/BoundingRect';
import EUnmanned from './EUnmanned';
// import {isShowThePrdType} from '../../utils/handlePath';

export default class Station extends Group {
    constructor(model, style) {
        super();
        this._code = model.code;
        this._type = model._type;
        this.zlevel = model.zlevel;
        this.z = 40;
        this.model = model;
        this.style = style;
        this.isShowShape = true;
        this.create();
        this.createTurnBack(); // 创建按图折返
        this.createControlMode();
        this.setState(model);
        this.checkIsDrawMap();
    }

    create() {
        const model = this.model;
        const style = this.style;

        if (model.visible) {
            // 公里标名称是否显示
            this.stationText = new ETextName({
                zlevel: this.zlevel,
                z: this.z,
                x: model.position.x,
                y: model.position.y,
                fontWeight: model.fontWeight,
                fontSize: model.nameFont || 18,
                fontFamily: style.fontFamily,
                text: model.number ? model.number + model.name : model.name,
                textAlign: 'middle',
                textVerticalAlign: 'top',
                textFill: model.nameFontColor
            });
            this.add(this.stationText);
            if (style.Station.text.borderShow) {
                this.stationText.setStyle('textPadding', [2, 6]);
                this.stationText.setStyle('textBorderColor', model.nameFontColor);
                this.stationText.setStyle('textBorderWidth', 1);
            }
            if (style.Station.unmanned && model.showUnmanned) {
                this.unmanned = new EUnmanned({
                    zlevel: this.zlevel,
                    z: this.z,
                    x: model.position.x,
                    y: model.position.y,
                    width: style.Station.unmanned.width,
                    fill: style.Station.unmanned.defaultColor
                });
            }
            const path = window.location.href;
            if (style.Station.kmPostShow || path.includes('/map/draw')) {
                // 公里标是否显示
                let direction = 1;
                if (this.style.Station.kilometerPosition == 'up') {
                    direction = -1;
                }
                const offset = { x: 0, y: 0 };
                if (model.kilometerPosition) {
                    offset.x = model.kilometerPosition.x;
                    offset.y = model.kilometerPosition.y;
                }
                this.mileageText = new ETextName({
                    zlevel: this.zlevel,
                    z: this.z,
                    position: [0, 0],
                    x: model.position.x + offset.x,
                    y: model.position.y + ((parseInt(model.nameFont) + 2) * direction) + offset.y,
                    fontWeight: model.fontWeight,
                    fontSize: model.kmPostFont || 18,
                    fontFamily: style.fontFamily,
                    text: model.kmPost,
                    textAlign: 'middle',
                    textVerticalAlign: 'top',
                    textFill: model.kmPostFontColor
                });
                this.add(this.mileageText);
            }
            if (model.subheadDisplay) { // 副标题
                this.subheadText = new ETextName({
                    zlevel: this.zlevel,
                    z: this.z,
                    x: model.subheadPosition.x,
                    y: model.subheadPosition.y,
                    fontWeight: model.fontWeight,
                    fontSize: model.subheadFont || 18,
                    fontFamily: style.fontFamily,
                    text: model.subhead,
                    textAlign: 'middle',
                    textVerticalAlign: 'top',
                    textFill: model.subheadFontColor
                });
                this.add(this.subheadText);
                if (style.Station.text.borderShow) {
                    this.subheadText.setStyle('textPadding', [2, 6]);
                    this.subheadText.setStyle('textBorderColor', model.nameFontColor);
                    this.subheadText.setStyle('textBorderWidth', 1);
                }
            }
        }
    }
    createTurnBack() { // 创建按图折返
        const model = this.model;
        const style = this.style;
        if (model.visible && model.createTurnBack) {
            this.turnBacks = [];
            for (let index = 0; index < style.Station.turnBack.lamp; index++) {
                const turnBack = new EControl({
                    zlevel: this.zlevel,
                    z: this.z,
                    arc: {
                        shape: {
                            cx: model.turnBackPoint.x + style.Station.turnBack.lampSpace * index,
                            cy: model.turnBackPoint.y,
                            r: style.Station.lamp.radiusR
                        },
                        lineWidth: 0,
                        fill: style.Station.lamp.controlColor
                    },
                    text: {
                        position: [0, 0],
                        x: model.turnBackPoint.x + style.Station.turnBack.lampSpace * index,
                        y: model.turnBackPoint.y + style.Station.lamp.radiusR + style.Station.StationControl.text.distance,
                        fontWeight: style.Station.text.fontWeight,
                        fontSize: style.Station.text.fontSize,
                        fontFamily: style.fontFamily,
                        text: '按图折返',
                        textFill: '#fff',
                        textAlign: 'middle',
                        textVerticalAlign: 'top'
                    },
                    style: this.style
                });
                this.turnBacks.push(turnBack);
            }

            this.turnBacks.forEach(lamp => { this.add(lamp); });
        }
    }

    // 创建控制模式
    createControlMode() {
        const model = this.model;
        if (model.visible && model.createControlMode) {
            // 紧急站控
            if (this.style.Station.StationControl.lamp.emergencyControlShow) {
                this.emergencyControl = new ESingleControl({
                    _subType: 'emergency',
                    style: this.style,
                    zlevel: this.zlevel,
                    z: this.z,
                    point: {
                        x: model.controlModePoint.x - this.style.Station.StationControl.lamp.distance * 3 / 2 + this.style.Station.StationControl.lamp.offset.x,
                        y: model.controlModePoint.y + this.style.Station.StationControl.lamp.offset.y
                    },
                    context: this.style.Station.StationControl.text.emergencyControlText,
                    pop: false
                });
                this.add(this.emergencyControl);
            }
            // 中控按钮
            if (this.style.Station.StationControl.lamp.centerControlShow) {
                this.centerControl = new ESingleControl({
                    _subType: 'center',
                    style: this.style,
                    zlevel: this.zlevel,
                    z: this.z,
                    point: {
                        x: model.controlModePoint.x - this.style.Station.StationControl.lamp.distance / 2 + this.style.Station.StationControl.lamp.offset.x,
                        y: model.controlModePoint.y + this.style.Station.StationControl.lamp.offset.y
                    },
                    context: this.style.Station.StationControl.text.centerControlText,
                    pop: false
                });
                this.add(this.centerControl);
            }
            // 站控按钮
            if (this.style.Station.StationControl.lamp.substationControlShow) {
                this.substationControl = new ESingleControl({
                    _subType: 'substation',
                    style: this.style,
                    zlevel: this.zlevel,
                    z: this.z,
                    point: {
                        x: model.controlModePoint.x + this.style.Station.StationControl.lamp.distance / 2 + this.style.Station.StationControl.lamp.offset.x,
                        y: model.controlModePoint.y + this.style.Station.StationControl.lamp.offset.y
                    },
                    context: this.style.Station.StationControl.text.substationControlText,
                    pop: false
                });
                this.add(this.substationControl);
            }
            // 联锁控
            if (this.style.Station.StationControl.lamp.interconnectedControlShow) {
                this.interconnectedControl = new ESingleControl({
                    _subType: 'interconnected',
                    style: this.style,
                    zlevel: this.zlevel,
                    z: this.z,
                    point: {
                        x: model.controlModePoint.x + this.style.Station.StationControl.lamp.distance * 3 / 2 + this.style.Station.StationControl.lamp.offset.x,
                        y: model.controlModePoint.y + this.style.Station.StationControl.lamp.offset.y
                    },
                    context: this.style.Station.StationControl.text.interconnectedControlText || '联锁控',
                    pop: false
                });
                this.add(this.interconnectedControl);
            }
            // 箭头
            if (this.style.Station.StationControl.arrow.show) {
                const point = arrow(this.model.controlModePoint.x, this.model.controlModePoint.y + this.style.Station.StationControl.lamp.radiusR / 2, this.style.Station.StationControl.lamp.distance / 6, this.style.Station.StationControl.lamp.radiusR * 0.8);
                this.arrowsControl = new EArrow({
                    zlevel: this.zlevel,
                    z: this.z,
                    style: this.style,
                    count: this.count,
                    drict: 1,
                    point: point,
                    x: model.controlModePoint.x + this.style.Station.StationControl.lamp.offset.x,
                    y: model.controlModePoint.y + this.style.Station.StationControl.lamp.radiusR / 2 + this.style.Station.StationControl.lamp.offset.y,
                    fill: this.style.Station.StationControl.lamp.grayColor,
                    lineWidth: 1,
                    stroke: this.style.sidelineColor
                });
                this.add(this.arrowsControl);
            }
            // 中控按钮
            if (this.style.Station.StationControl.lamp.centerControlButtonShow) {
                this.centerControlButton = new ESingleControl({
                    _subType: 'button',
                    style: this.style,
                    zlevel: this.zlevel,
                    z: this.z,
                    point: {
                        x: model.controlModePoint.x - this.style.Station.StationControl.lamp.distance * 3 / -2 + this.style.Station.StationControl.lamp.offset.x,
                        y: model.controlModePoint.y + this.style.Station.StationControl.lamp.offset.y
                    },
                    context: this.style.Station.StationControl.text.centerControlButton,
                    pop: false
                });
                this.add(this.centerControlButton);
                const arcRect = this.centerControlButton.getArcBoundingRect();
                this.arcBorder = new Rect({
                    zlevel: this.zlevel,
                    z: this.z,
                    silent: true,
                    shape: arcRect,
                    style: {
                        lineDash: null,
                        stroke: this.style.Station.StationControl.lamp.stroke,
                        fill: this.style.Station.StationControl.lamp.fill
                    }
                });
                this.add(this.arcBorder);
            }

        }
        this.setState(model);
    }

    handleCenter() { // 中控
        this.emergencyControl && this.emergencyControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.substationControl && this.substationControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.centerControl && this.centerControl.setColor(this.style.Station.StationControl.lamp.greenColor);
    }

    handleLocal() { // 站控
        this.emergencyControl && this.emergencyControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.substationControl && this.substationControl.setColor(this.style.Station.StationControl.lamp.yellowColor);
        this.centerControl && this.centerControl.setColor(this.style.Station.StationControl.lamp.grayColor);
    }

    handleEmergency() { // 紧急站控
        this.emergencyControl && this.emergencyControl.setColor(this.style.Station.StationControl.lamp.redColor);
        this.substationControl && this.substationControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.centerControl && this.centerControl.setColor(this.style.Station.StationControl.lamp.grayColor);
    }

    recover() {
        this.emergencyControl && this.emergencyControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.substationControl && this.substationControl.setColor(this.style.Station.StationControl.lamp.grayColor);
        this.centerControl && this.centerControl.setColor(this.style.Station.StationControl.lamp.grayColor);
    }

    // 设置状态
    setState(model) {
        if (!this.isShowShape) return;
        this.recover();
        model.controlMode && this['handle' + model.controlMode]();
    }

    getShapeTipPoint(opts) {
        let rect;
        if (opts.subDeviceType === 'button') {
            rect = this.centerControlButton.getArcBoundingRect();
        } else {
            rect = this.stationText.getBoundingRect();
        }
        return {
            x: rect.x + rect.width,
            y: rect.y
        };
    }

    getBoundingRect() {
        if (this.model.visible) {
            const rect = this.stationText.getBoundingRect().clone();
            if (this.model.subheadDisplay) {
                const subheadText = this.subheadText.getBoundingRect().clone();
                rect.union(subheadText);
                return rect;
            } else {
                return rect;
            }
        } else {
            return new BoundingRect(0, 0, 0, 0);
        }
    }

    drawSelected(selected) {
        this.EMouse && this.EMouse.drawSelected(selected);
    }

    checkIsDrawMap() {
        const path = window.location.href;
        if (path.includes('/map/draw')) {
            this.EMouse = new EMouse(this);
            this.add(this.EMouse);
            this.on('mouseout', () => { this.EMouse.mouseout(); });
            this.on('mouseover', () => { this.EMouse.mouseover(); });
        }
    }
    setShowMode() {
    }
    setShowStation(flag) {
        if (flag) {
            this.eachChild(item => {
                item.show();
            });
            this.isShowShape = true;
            this.setState(this.model);
        } else {
            this.eachChild(item => {
                item.hide();
            });
            this.isShowShape = false;
        }
    }
}