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

/*
*	车站
*/
import Group from 'zrender/src/container/Group';
import ETextName from '../element/ETextName';
import EHighlight from '../element/EHighlight'; // 名称文字 (共有)
import EturnBack from './EturnBack';

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.create();
        this.createPullBack(); // 创建按图折返
        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,
                position: [0, 0],
                x: model.position.x,
                y: model.position.y,
                fontWeight: model.fontWeight,
                fontSize: model.nameFont || 18,
                fontFamily: style.fontFamily,
                text: model.name,
                textAlign: 'middle',
                textVerticalAlign: 'top',
                textFill: model.nameFontColor
            });
            this.add(this.stationText);
            const path = window.location.href;
            if (style.Station.kmPostShow || path.includes('/map/draw')) {
                // 公里标是否显示
                let direction = 1;
                if (this.style.Station.kilometerPosition == 'up') {
                    direction = -1;
                }
                this.mileageText = new ETextName({
                    zlevel: this.zlevel,
                    z: this.z,
                    position: [0, 0],
                    x: model.position.x,
                    y: model.position.y + ((parseInt(model.nameFont) + 2) * direction),
                    fontWeight: model.fontWeight,
                    fontSize: model.kmPostFont || 18,
                    fontFamily: style.fontFamily,
                    text: model.kmPost,
                    textAlign: 'middle',
                    textVerticalAlign: 'top',
                    textFill: model.kmPostFontColor
                });
                this.add(this.mileageText);
            }
        }
    }
    createPullBack() {
        const model = this.model;
        const style = this.style;
        if (model.visible && model.isCreateTurnBack) {
            this.turnBack = new EturnBack({
                zlevel: this.zlevel,
                z: this.z,
                position: [0, 0],
                x: model.position.x,
                y: model.position.y,
                fontWeight: model.fontWeight,
                fontSize: model.kmPostFont || 18,
                fontFamily: style.fontFamily,
                text: model.kmPost,
                textAlign: 'middle',
                textVerticalAlign: 'top',
                textFill: model.kmPostFontColor
            });
            this.add(this.turnBack);
        }
    }

    // eslint-disable-next-line no-unused-vars
    setState(model) {
    }

    getShapeTipPoint() {
        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(); });
        }
    }
}