rt-sim-training-client/src/jmap/shape/StationControl/ESingleControl.js

import Arc from 'zrender/src/graphic/shape/Arc';
import Group from 'zrender/src/container/Group';
import Text from 'zrender/src/graphic/Text';

/** 单个控制灯*/
export default class ESingleControl extends Group {
	constructor(model) {
		super();
		this.model = model;
		this.zlevel = model.zlevel;
		this._subType = model._subType;
		// this.z = model.z;
		this.z = 20;
		this._create(model);
	}

	_create(model) {
		var _subType = 'ControlSignal';
		var _val = '0';
		if (model.pop) {
			_subType = 'ControlButton';
			_val = '1';
		}
		this.control = new Arc({
			pop: model.pop,
			_subType: _subType,
			_val: _val,
			zlevel: this.zlevel,
			z: this.z,
			shape: {
				cx: model.point.x,
				cy: model.point.y,
				r: model.style.StationControl.stationControlmodeR
			},
			style: {
				lineWidth: 0.5,
				fill: model.style.StationControl.stationControlGrayColor,
				stroke: model.style.StationControl.stationControlGrayColor
			}
		});

		this.text = new Text({
			pop: model.pop,
			_subType: _subType,
			zlevel: this.zlevel,
			z: this.z,
			position: [0, 0],
			style: {
				x: model.point.x,
				y: model.point.y + model.style.StationControl.stationControlmodeR + model.style.nameDistance,
				fontWeight: 'normal',
				fontSize: model.style.textFontSize,
				fontFamily: model.style.textFontFormat,
				text: model.context,
				textFill: model.style.textFontColor,
				textAlign: 'middle',
				textVerticalAlign: 'top'
			}
		});

		this.add(this.control);
		this.add(this.text);
	}

	setColor(color) {
		if (color) {
			this.control.setStyle('fill', color);
		}
	}
}