886 lines
41 KiB
JavaScript
886 lines
41 KiB
JavaScript
import defaultStyle from '../defaultStyle';
|
||
import deviceType from '../../constant/deviceType';
|
||
|
||
class SkinCode extends defaultStyle {
|
||
constructor() {
|
||
super();
|
||
this.fontFamily = '宋体';
|
||
this[deviceType.Section] = {
|
||
elemnetType:['name', 'standTrackText', 'reentryTrackText', 'transferTrackText', 'destinationText', 'line', 'axle', 'speedLimit'],
|
||
active: {
|
||
routeColor: false // 进路触发颜色
|
||
},
|
||
name: {
|
||
z: 10,
|
||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||
distance: 18, // 文字离区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
fontColor: '#FFFFFF', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle', // 文字垂直对齐方式
|
||
approachColor: '#FFFFFF'
|
||
},
|
||
logicText: { // 逻辑区段名称
|
||
z: 10,
|
||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||
distance: 6, // 文字离区段距离
|
||
fontSize: 8, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
fontColor: '#FFFFFF', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||
},
|
||
standTrackText: { // 站台名称
|
||
z: 10,
|
||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||
distance: 30, // 文字离区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
fontColor: '#FFFFFF', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||
},
|
||
reentryTrackText: { // 折返名称
|
||
z: 10,
|
||
position: 0, // 名称位置 1 上面 -1 下面 0 对称
|
||
distance: 30, // 文字离区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
fontColor: '#FFFFFF', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||
},
|
||
transferTrackText: { // 转换轨名称
|
||
z: 10,
|
||
position: 0, // 名称位置 1 上面 -1 下面 0 对称
|
||
distance: 30, // 文字离区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
fontColor: '#FFFFFF', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||
},
|
||
destinationText: { // 目的地名称
|
||
z: 10,
|
||
position: 0, // 名称位置 1 上面 -1 下面 0 对称
|
||
distance: 28, // 文字离区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'bold', // 字体粗细
|
||
fontColor: 'yellow', // 字体颜色
|
||
textAlign: 'center', // 水平对齐方式
|
||
textPosition: 'inside', // 文字位置
|
||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||
},
|
||
mouseOverStyle: {
|
||
borderColor: '#fff',
|
||
borderBackgroundColor: '#22DFDF',
|
||
textShadowColor: '#22DFDF',
|
||
nameShow: false,
|
||
lineDash: null,
|
||
lineWidthMore: 6
|
||
},
|
||
line: {
|
||
z: 0,
|
||
width: 4, // 区段宽度
|
||
beyondWidth: 0, // 区段宽超出宽度
|
||
invadeColor: '#FFFFFF', // 区段侵入颜色
|
||
spareColor: '#AAA9A9', // 区段空闲颜色
|
||
communicationOccupiedColor: '#DE310C', // 区段通信车占用颜色
|
||
unCommunicationOccupiedColor: '#DE310C', // 区段非通讯车占用颜色
|
||
routeLockColor: '#52BD5F', // 区段进路锁定颜色
|
||
faultLockColor: '#006400', // 区段故障锁定颜色
|
||
undefinedColor: '#0071C1', // 区段未定义颜色
|
||
blockColor: '#7DC6C8', // 区段封锁颜色
|
||
atcExcisionColor: '#A0522D', // 区段atc切除颜色
|
||
atsExcisionColor: '#A0522D', // 区段ats切除颜色
|
||
timeReleaseColor: '#3F3F3F', // 区段延时释放颜色
|
||
protectiveLockColor: '#FFFF00', // 区段保护锁闭
|
||
protectiveTimeReleaseColor: '#0071C1', // 区段保护延时解锁
|
||
logicalColor: '#FFFF00', // 逻辑区段颜色 (未用)
|
||
logicalTextColor: '#C0C0C0' // 逻辑区段名称颜色 (未用)
|
||
},
|
||
axle: {
|
||
z: 3,
|
||
radius: 3, // 计轴 半径
|
||
distance: 4, // 计轴和区段之间的距离 （未用）
|
||
color: '#9F9C9C', // 区段计轴颜色
|
||
occupyColor: '#FF0000', // 区段计轴占用颜色
|
||
resetColor: '#00FFFF', // 区段计轴预复位颜色
|
||
Failure: '#E6A23C', // #FFFF00 计轴失效
|
||
lineWidth: 2
|
||
},
|
||
speedLimit: { // 限速元素
|
||
z: 2,
|
||
width: 1, // 限速线的宽度
|
||
distance: 5, // 限速线距离区段距离
|
||
lineColor: '#C0C000', // 限速线颜色 （黄色透明光）
|
||
nameShow: false // 名称显示
|
||
},
|
||
separator: {
|
||
z: 3, // 分割符层级
|
||
width: 1.5, // 物理区段分隔符宽度
|
||
logicWidth:1.5, // 逻辑区段分隔符宽度
|
||
endWidth: 1.5, // 尽头分隔符宽度
|
||
endColor: '#FFFFFF', // 尽头分隔符颜色
|
||
color: '#AAA9A9', // 区段边界符颜色
|
||
halfHeight: 4 // 区段分隔符高度的一半
|
||
},
|
||
trainPosition:{
|
||
display: true // 列车实时位置显示
|
||
}
|
||
};
|
||
|
||
this[deviceType.Signal] = {
|
||
distance: 10, // 设备距离区段的距离
|
||
post: {
|
||
standardLength: 7, // 高柱长度
|
||
standardHeight: 6, // 灯柱高度
|
||
standardColor: '#fff', // 灯柱颜色
|
||
standardVerticalWidth: 2, // 灯柱竖杆宽度
|
||
standardRailWidth: 2, // 灯柱横杆宽度
|
||
autoRouteColor: '#008000', // 自动进路开启灯柱颜色
|
||
shapeChange: true, // 灯柱形状改变
|
||
terminalOptional: '#CC3399' // 终端可选信号机灯柱颜色
|
||
},
|
||
text: {
|
||
show: true, // 信号机名称显示
|
||
distance: 3, // 文字和灯杆的距离
|
||
isAlignCenter: false, // 信号字体对其方式
|
||
fontSize: 11, // 信号机名称字体大小
|
||
fontWeight: 'bold', // 信号机名称字体粗细
|
||
defaultColor: 'white', // 信号灯字体默认色
|
||
blockColor: '#FFFFFF', // 信号灯字体锁定颜色
|
||
checkColor: '#00FF00' // 信号保护区段检查颜色
|
||
},
|
||
lamp: {
|
||
bgShow: false, // 是否被选中
|
||
logicColor: true, // cbtc通信是否影响灯颜色
|
||
guidName: 'singleRY', // 默认引导类型
|
||
borderVariable: true, // 信号灯边框可变
|
||
stopWidth: 2, // 禁止线宽度
|
||
borderWidth: 2, // 信号灯边框线宽度
|
||
borderColor: '#3149C3', // 信号灯边框线颜色
|
||
radiusR: 5, // 信号灯半径
|
||
grayColor: '#C0C0C0', // 信号灯灰色
|
||
redColor: 'red', // 信号灯红色
|
||
greenColor: 'green', // 信号灯绿色
|
||
yellowColor: 'yellow', // 信号灯黄色
|
||
whiteColor: '#FFFFFF', // 信号灯白色
|
||
blueColor: '#0070C0', // 信号灯蓝色
|
||
faultType: 'watch', // 信号机故障类型 （watch表形狀）
|
||
logicDisplayNone: true // 信号机上×型标识不展示
|
||
},
|
||
route: {
|
||
direction: true, // 自动通过方向
|
||
offset: { x: 4, y: 0}, // 自动通过偏移量
|
||
routeColor: '#00FF00' // 自动进路
|
||
},
|
||
auto: {
|
||
signalFrontTriangle: false, // 信号灯前三角展示
|
||
direction: false, // 自动通过方向
|
||
offset: { x: -4, y: 0}, // 自动通过偏移量
|
||
width: 5, // 自动宽度
|
||
manualControl: '#FFFF00', // 人工控制
|
||
autoRoute: '#00FF00', // 自动进路
|
||
autoTrigger: '#FFFF00', // 自动触发
|
||
outConflict: '#C00808', // 出车冲突，
|
||
lampstandard: true // 灯柱颜色变化
|
||
},
|
||
delay: {
|
||
direction: false, // 延时解锁方向
|
||
offset: { x: -5, y: 0}, // 延时解锁偏移量
|
||
fontSize: 11, // 延迟解锁字体大小
|
||
fontColor: '#C00808', // 延迟解锁颜色
|
||
fontWeight: 'bold' // 字体粗细
|
||
|
||
},
|
||
button: {
|
||
distance: 5, // 信号灯按钮距离区段的距离
|
||
borderDashColor: '#FFFFFF', // 信号灯按钮边线
|
||
buttonColor: 'darkgreen', // 信号灯按钮颜色
|
||
buttonLightenColor: 'yellow' // 信号灯按钮闪烁颜色
|
||
},
|
||
lowButton:{
|
||
display: false // 现地 信号机按钮
|
||
},
|
||
sigBack: {
|
||
fillColor:'#669999', // 信号背景颜色
|
||
strokecolor:'#669999', // 信号描边颜色
|
||
lineWidth: 0, // 信号背景描边宽度
|
||
distanceX: 2, // 信号背景x偏移距离
|
||
distanceY: 1 // 信号背景Y偏移距离
|
||
},
|
||
tText: {
|
||
fontSize: 19,
|
||
defaultText: 'T',
|
||
fontWeight: 'bold'
|
||
},
|
||
insideTriangle: {
|
||
lineWidth: 2,
|
||
strokeColor: 'rgba(0,0,0,0)',
|
||
fillColor: '#00FF00',
|
||
startSignalColor: '#F00' // 排列进路 始端信号机颜色
|
||
},
|
||
ciConfirm: {
|
||
textColor: '#FF0',
|
||
fontSize: 12,
|
||
distance: 20,
|
||
defaultText: 'E'
|
||
}
|
||
};
|
||
|
||
// 屏蔽门
|
||
this[deviceType.Psd] = {
|
||
// 西安二号线 屏蔽门
|
||
elemnetType:['vertical2Door'],
|
||
vertical2Door: { // 屏蔽门
|
||
z:0,
|
||
height: 3, // 站台屏蔽门高度
|
||
distance: 4, // 站台和屏蔽门之间的距离
|
||
defaultColor: '#9f9f9c', // 屏蔽门默认颜色
|
||
splitDoorColor: '#009900', // 屏蔽门切除颜色
|
||
alarmColor:'red', // 收到警报颜色
|
||
emergencyColor:'yellow' // 紧急出发按钮激活颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.StationStand] = {
|
||
// 西安二号线 站台元素 站台 站台紧急关闭 扣车元素 停站时间 运行等级 跳停 模式筛选标识
|
||
elemnetType:['hollowStand', 'emergentCross', 'detainCircle', 'stopTime', 'level', 'jumpCircle', 'patternFilter'],
|
||
// 站台
|
||
hollowStand:{
|
||
// 层级
|
||
z:0,
|
||
spareColor: '#808080', // 站台空闲颜色
|
||
jumpStopColor: 'yellow', // 站台跳停颜色
|
||
designatedJumpStopColor: 'yellow', // 站台指定列车跳停颜色
|
||
headFontSize: 10, // 站台首端字体大小
|
||
stopColor: '#808080', // 站台列车停站颜色
|
||
doorOpenColor:'#007f00' // 车门开启状态颜色（西安二号线线路样式）
|
||
},
|
||
// 站台紧急关闭
|
||
emergentCross:{
|
||
z:1,
|
||
special:true, // 西安二号线特殊样式
|
||
mergentR: 9, // 站台紧急关闭半径
|
||
mergentN: 8, // 站台紧急关闭边数
|
||
insideOffset: { x: 0, y: 40 }, // 内站台紧急关闭偏移量
|
||
outsideOffset: { x: 0, y: -40}, // 外站台紧急关闭偏移量
|
||
closeColor: 'red', // 站台紧急关闭颜色
|
||
defaultColor:'#808080' // 西安二号线特殊样式（默认颜色）
|
||
},
|
||
// 扣车元素 圆形 西安二号线
|
||
detainCircle:{
|
||
z:0,
|
||
position: -1, // 扣车标识在站台上显示方向
|
||
text: 'H', // 扣车显示内容
|
||
offset: {x: 8, y: 0}, // 扣车偏移量
|
||
centerTrainColor: '#E400E4', // 中心扣车颜色
|
||
andCenterTrainColor: 'red', // 车站+中心扣车颜色
|
||
detainTrainTextColor: '#E4EF50', // 车站扣除颜色
|
||
fontSize: 10,
|
||
fontWeight: 'normal',
|
||
circleWidth:14, // 西安二号线特殊样式 圆圈的宽度
|
||
defaultColor:'#808080' // 默认颜色
|
||
},
|
||
// 停站时间
|
||
stopTime:{
|
||
z:1,
|
||
textFontSize: 12, // 停站时间字体大小
|
||
textColor: 'white', // 停站时间字体颜色
|
||
position: 1, // 停站时间方向
|
||
offset: {x: -8, y: -4} // 停站时间偏移
|
||
},
|
||
// 运行等级
|
||
level:{
|
||
z:1,
|
||
textFontSize: 12, // 运行等级字体大小
|
||
position: 1, // 运行等级方向
|
||
offset: {x: -8, y: 30}, // 运行等级偏移量
|
||
textColor: '#FFF000' // 停站等级字体颜色
|
||
},
|
||
// 跳停
|
||
jumpCircle: {
|
||
z:1,
|
||
position: 1, // 停跳方向
|
||
text: '跳', // 停跳显示内容
|
||
offset: {x: -8, y: 10},
|
||
textColor: '#00ffcc', // 停跳文字颜色
|
||
arcColor: '#00ffcc', // 停跳圆圈颜色
|
||
fillColor: 'rgba(0,0,0,0)', // 透明填充颜色
|
||
r: 8, // 圆半径大小
|
||
fontWeight: 'normal', // 文字居中
|
||
fontSize: 11 // 文字大小
|
||
},
|
||
patternFilter:{ // 模式筛选标识
|
||
z:0,
|
||
defaultColor:'#808080', // 默认颜色,
|
||
offset:{x:25, y:15} // 相对于站台边缘的偏移
|
||
},
|
||
|
||
common: { // 通用属性
|
||
textFontSize: 10, // 站台默认字体大小
|
||
functionButtonShow: '03' // 功能灯按钮显示条件（01所有模式下显示 02 行调显示 03现地显示）
|
||
},
|
||
lamp: {
|
||
radiusR: 6, // 控制灯大小
|
||
lampColor: '#5A5D5A' // 功能按钮颜色
|
||
},
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
}
|
||
// reentry: {}, // 站台折返策略
|
||
// trainStop: {}, // 停车标志
|
||
// trainDepart: {}, // 停车计时
|
||
};
|
||
|
||
this[deviceType.StationCounter] = {
|
||
text: {
|
||
distance: 2, // 计数器名称和文字的距离
|
||
fontColor: '#FFFFFF', // 计数器字体颜色
|
||
borderColor: '#E4EF50' // 计数器边框颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.StationDelayUnlock] = {
|
||
text: {
|
||
distance: 3, // 延迟解锁和设备之间的距离
|
||
fontColor: '#FFFFFF', // 延时解锁字体颜色
|
||
borderColor: '#FFFFFF' // 延迟解锁边框颜色
|
||
}
|
||
};
|
||
this[deviceType.AutoTurnBack] = {
|
||
// 是否显示
|
||
visibleConditions: '03',
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
subtitleText: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 17 // 等于副标题距离
|
||
},
|
||
lamp: {
|
||
lineDash: null, // 灯的包围框
|
||
borderShow: false, // 是否显示边框
|
||
stroke: '#FFFFFF', // 框的颜色
|
||
fill: 'rgba(0,0,0,0)', // 填充色
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#b5b3b3', // 控制灯颜色 (灰色)
|
||
lightUpColor: '#ffff00' // 点亮灯颜色
|
||
},
|
||
OutFrame: {
|
||
|
||
}
|
||
};
|
||
this[deviceType.Station] = {
|
||
// 西安二号线 车站元素 车站名称
|
||
elemnetType:['stationText'],
|
||
stationText:{
|
||
z:0,
|
||
fontWeight:'normal', // 字体粗细
|
||
textPadding:[0, 0], // 字体边距
|
||
borderColor:'', // 字体边框颜色
|
||
textBorderWidth:0 // 字体边框宽度
|
||
},
|
||
|
||
kmPostShow: false, // 公里标显示
|
||
kilometerPosition: 'up', // 公里标朝向
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#FFFF00' // 控制灯颜色
|
||
},
|
||
turnBack: { // 按图折返
|
||
lamp: 1, // 灯数量
|
||
lampSpace: 60 // 灯间距
|
||
},
|
||
StationControl:{
|
||
special:true, // 文字 cc 或者 lc
|
||
text: {
|
||
distance: 2, // 灯和文字之间的距离
|
||
fontSize: 12, // 字体大小
|
||
fontFormat: 'consolas', // 字体格式
|
||
centerControlColor: '#ffffff', // 中控字体颜色
|
||
stationControlColor: '#ff0', // 站控字体颜色
|
||
emergencyControlColor:'#f00', // 紧急站控字体颜色
|
||
fontWeight: 'normal', // 字体粗细
|
||
textAlign: 'middle', // 字体水平对齐
|
||
textVerticalAlign: 'top' // 字体垂直对齐
|
||
}
|
||
// lamp: {
|
||
// count: 4, // 控制模式的个数
|
||
// offset: {x: 20, y: 0}, // 偏移量
|
||
// emergencyOffset: {x: 0, y: 0},
|
||
// radiusR: 4, // 控制模式灯的半径
|
||
// distance: 46, // 控制模式之间灯之间的距离
|
||
// grayColor: '#C0C0C0', // 控制模式灰色
|
||
// greenColor: 'green', // 控制模式绿色
|
||
// redColor: 'red', // 控制模式红色
|
||
// yellowColor: 'yellow' // 控制模式黄色
|
||
// },
|
||
// emergencyControl: { // 紧急站控
|
||
// show: true,
|
||
// offset: { x: 0, y: 0 },
|
||
// text: '紧急',
|
||
// arrowShow: false,
|
||
// grayColor: '#7F7F7F'
|
||
// },
|
||
// centerControl: { // 中控
|
||
// show: true,
|
||
// offset: { x: 0, y: 0 },
|
||
// text: '中控',
|
||
// buttonShow: false,
|
||
// arrowShow: false,
|
||
// grayColor: '#7F7F7F'
|
||
// },
|
||
// substationControl: { // 站控按钮
|
||
// show: true,
|
||
// offset: { x: 0, y: 0 },
|
||
// text: '站控',
|
||
// arrowShow: false,
|
||
// grayColor: '#7F7F7F'
|
||
// },
|
||
// interconnectedControl: { // 联锁控
|
||
// show: false,
|
||
// offset: { x: 0, y: 0 },
|
||
// text: '联锁控',
|
||
// arrowShow: false,
|
||
// grayColor: '#7F7F7F'
|
||
// }
|
||
}
|
||
};
|
||
|
||
this[deviceType.StationTurnBack] = { // 站后折返
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
spliceShow: true, // 西安二号线特殊显示
|
||
lamp: {
|
||
fill: '#FFFF00', // 填充色
|
||
radiusR: 6 // 控制灯大小
|
||
},
|
||
text: {
|
||
titleTextShow: false,
|
||
fontWeight: 580,
|
||
fontSize: 12,
|
||
distance: 10
|
||
},
|
||
rect: {
|
||
fill: 'rgba(0,0,0,0)',
|
||
stroke: '#fff',
|
||
lineWidth: 2,
|
||
padding: 6
|
||
}
|
||
};
|
||
|
||
this[deviceType.Switch] = {
|
||
text: {
|
||
show: true, // 道岔名称显示
|
||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||
offset: { x: -15, y: 9 }, // 道岔名称与区段距离
|
||
fontSize: 11, // 字体大小
|
||
fontColor: '#FFFFFF', // 道岔名称颜色
|
||
fontWeight: 'normal', // 字体粗细
|
||
borderColor: '#FE0000', // 道岔边框颜色
|
||
lossColor: 'lightgreen', // 道岔失去颜色
|
||
locateColor: '#FFFFFF', // 道岔定位颜色
|
||
inversionColor: '#FFFFFF', // 道岔反位颜色
|
||
monolockLocationColor: '#00FF00', // 道岔单锁'定位'颜色 (绿色)
|
||
monolockInversionColor: '#FFFF00', // 道岔单锁'反位'颜色 (黄色)
|
||
faultFlashing: true // 故障闪烁
|
||
},
|
||
sectionAction: {
|
||
flag: false, // 道岔 关联区段显示
|
||
spareColor: '#5b5b5b' // 区段显示颜色
|
||
},
|
||
core: {
|
||
length: 10 // 道岔单边长度
|
||
},
|
||
jointImg: { // 道岔 A B C D四元素属性配置
|
||
trapezoidLength: 8 // 直角梯形元素默认长度
|
||
},
|
||
arcBlcok: { // 圆形封锁图形
|
||
show: false, // 显示
|
||
arcBorderColor: 'green', // 默认边框颜色
|
||
locationColor: 'green', // 定位封锁颜色
|
||
inversionColor: '#FFFF00' // 反位封锁颜色
|
||
},
|
||
rectLock: { // 矩形封锁框图形
|
||
rectWidth: 18, // 矩形框 宽高
|
||
offset: {x: 5, y: 6}, // 道岔名称与区段距离
|
||
rectBorderColor: 'rgba(0,0,0,0)', // 矩形单锁边框颜色
|
||
rectBorderFillColor: 'rgba(0,0,225,0.7)', // 封锁单锁填充颜色
|
||
monolock: true, // 单锁显示
|
||
block: true, // 封锁显示
|
||
blockColor: 'rgba(0,0,0,0)', // 封锁描边颜色
|
||
blockFillColor: 'rgba(192,192,192,0.7)', // 封锁填充颜色
|
||
blockMonolockFillColor: 'rgba(0,225,225,0.7)' // 封锁&单锁填充颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.LcControl] = {
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#FFFF00' // 控制灯颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.ZcControl] = {
|
||
// 是否显示
|
||
visible:false,
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#00FF00' // 控制灯颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.LimitControl] = {
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#ECE9D8' // 控制灯颜色
|
||
}
|
||
};
|
||
|
||
this[deviceType.Line] = {
|
||
lineColor: '#FFFFFF', // 线条颜色
|
||
lineDash: [8, 4]
|
||
};
|
||
|
||
// 供电线路
|
||
this[deviceType.Power] = {
|
||
noElectricStrokeColor:'#808080', // 无电颜色
|
||
defaultStrokeColor: '#F00', // 线条颜色
|
||
extendLength: 10 // 延伸长度
|
||
};
|
||
|
||
// 延续保护计时
|
||
this[deviceType.OverAp] = {
|
||
show: false
|
||
};
|
||
|
||
this[deviceType.AutomaticRoute] = {
|
||
// 是否显示
|
||
displayCondition: '03', // 显示条件 prdType
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
fill: 'rgba(0,0,0,0)', // 填充色
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#b5b3b3' // 控制灯颜色 (灰色)
|
||
}
|
||
};
|
||
this[deviceType.AxleReset] = {
|
||
// 是否显示
|
||
displayCondition: '03', // 显示条件 prdType
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
fill: 'rgba(0,0,0,0)', // 填充色
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: 'red' // 控制灯颜色 (灰色)
|
||
}
|
||
};
|
||
/** 引导总锁 */
|
||
this[deviceType.GuideLock] = {
|
||
// 是否显示
|
||
displayCondition: '03', // 显示条件 prdType
|
||
text: {
|
||
fontSize: 11, // 字体大小
|
||
fontWeight: 'normal', // 字体粗细
|
||
distance: 5 // 灯跟文字距离
|
||
},
|
||
lamp: {
|
||
fill: 'rgba(0,0,0,0)', // 填充色
|
||
radiusR: 6, // 控制灯大小
|
||
controlColor: '#b5b3b3', // 控制灯颜色 (灰色)
|
||
lightUpColor: '#FF0000' // 点亮灯颜色
|
||
}
|
||
};
|
||
this[deviceType.TrainWindow] = {
|
||
lineColor: '#4DD43F', // 车次窗颜色
|
||
lineDash: null, // 车次窗虚线间隔
|
||
lineWidth: 1, // 车次窗线宽
|
||
trainWindowSmooth: 0, // 车次窗矩形圆滑程度
|
||
show: true // 车次窗是否显示
|
||
};
|
||
this[deviceType.NoOneReturn] = {
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
showShape: 'Unmanned', // 显示形状 svg 的Unmanneds
|
||
width: 25, // 无人折返宽度
|
||
defaultColor: '#9F9C9C', // 默认颜色
|
||
activeColor: '#FFFFFF' // 激活颜色
|
||
};
|
||
this[deviceType.Axle] = {
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
lineLength: 14,
|
||
lineWidth: 2,
|
||
distance: 5,
|
||
radiusR: 3,
|
||
strokeColor: '#9F9C9C',
|
||
fillColor: '#9F9C9C',
|
||
resetStrokeColor: '#FFFF00',
|
||
resetFillColor: '#FFFF00'
|
||
};
|
||
this[deviceType.FaultStatusGroup] = { // 故障状态
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
fontSize: 12, // 字体大小
|
||
distance: 30, // 模式间距
|
||
psd: {
|
||
text: 'PSD',
|
||
defaultColor: '#FFF'
|
||
},
|
||
mf: {
|
||
text: 'MF',
|
||
defaultColor: '#FFF'
|
||
},
|
||
pf: {
|
||
text: 'PF',
|
||
defaultColor: '#FFF'
|
||
}
|
||
};
|
||
this[deviceType.ReturnModeGroup] = {
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
insideDistance: 2, // 折返模块边框内部距离
|
||
outsideDistance: 10, // 折返模块边框之间距离
|
||
rectWidth: 20, // 折返模块宽度
|
||
lineWidth: 3, // 折返模块线宽
|
||
fillColor: 'rgba(0,0,0,0)', // 填充色
|
||
strokeColor: '#9F9C9C', // 线颜色
|
||
highlightColor: '#fff' // 高亮颜色
|
||
};
|
||
this[deviceType.ModeStatusGroup] = { // 车站状态模式
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
fontSize: 12, // 字体大小
|
||
distance: 30, // 模式间距
|
||
routeMode: {
|
||
defaultText: 'AU', // 默认状态 启动自动进路模式
|
||
defaultColor: '#00FF00', // 默认状态 启动自动进路模式
|
||
artificialRouteText: 'MU', // 人工进路模式
|
||
artificialRouteColor: '#FF0000' // 人工进路模式
|
||
},
|
||
// stationControlMode: {
|
||
// defaultText: 'CC', // 中央控制车站
|
||
// defaultColor: '#FFFFFF', // 中央控制车站
|
||
// localControlText: 'LC', // 本地控制车站
|
||
// localControlColor: '#FFFF00', // 本地控制车站
|
||
// emergencyControlText: 'EL', // 本地紧急越权控制
|
||
// emergencyControlColor: '#FF0000' // 本地紧急越权控制
|
||
// },
|
||
stationCommunication: {
|
||
defaultText: 'CL', // 现场建立通信
|
||
defaultColor: '#00FF00', // 现场建立通信
|
||
disconnectText: 'DL', // 现场连接断开
|
||
disconnectColor: '#FF0000'
|
||
},
|
||
verifyBypass: {
|
||
defaultText: 'VA', // 默认 验证生效
|
||
defaultColor: '#00FF00', // 默认 验证生效
|
||
invalidText: 'BV', // 验证旁路检查（无检验起效）
|
||
invalidColor: '#FF0000' // 验证旁路检查（无检验起效）
|
||
}
|
||
};
|
||
this[deviceType.ControlSwitch] = { // 控制开关
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
width: 25,
|
||
defaultColor: '#FFFFFF', // 默认颜色
|
||
lcwColor: '#FFFF00', // LCW控制颜色
|
||
faultColor: '#FF0000' // 故障颜色
|
||
};
|
||
this[deviceType.LampFilament] = { // 灯丝告警
|
||
displayCondition: '01', // 显示条件 （01所有模式下显示 02 行调显示 03现地显示）
|
||
width: 12,
|
||
defaultColor: '#9F9C9C', // 默认颜色
|
||
warningColor: '#FFFF00' // 告警颜色
|
||
};
|
||
this[deviceType.SplitStation] = {
|
||
lineLength: 15, // 箭头线长度
|
||
lineWidth: 2, // 线宽
|
||
fontSize: 19, // 字体大小
|
||
height: 35, // 分隔整体高度
|
||
strokeColor: '#00FF00', // 线颜色
|
||
triangleFillColor: '#00FF00', // 三角填充颜色
|
||
textFill: '#FFFFFF', // 文字颜色
|
||
verticalDistance: 10, // 箭头三角垂直高度
|
||
horizontalDistance: 7// 箭头三角水平高度
|
||
};
|
||
this[deviceType.Train] = {
|
||
trainBody: {
|
||
fontFamily: 'consolas',
|
||
trainBodyLineWidth: 0, // 车身line宽
|
||
changeTrainWidth: false, // 是否根据车身上车组号、服务号、车次号、目的地码显示情况改变列车长度
|
||
specialTrainType: [], // 特殊列车类型需设置显示格式
|
||
lrPadding: 4, // 两边间隔
|
||
upPadding: 4, // 上边距离
|
||
trainBodyFillColor: '#2AA32A', // 列车车身填充颜色
|
||
trainSidelineColor: '#2AA32A',
|
||
trainNameFormat: 'serviceNumber:targetCode'// 列车显示格式
|
||
},
|
||
directionArrow: {
|
||
},
|
||
hsda: {
|
||
lrPaddingHSDA: 3, // HSDA两边间隔
|
||
upPaddingHSDA: 4, // HSDA上边距离
|
||
trainHSDATextFontSize: 8, // 列车HDSA字号
|
||
textHContent: '', // textH文本
|
||
textSContent: '跳', // textS文本
|
||
textDContent: '门', // textD文本
|
||
textAContent: '警' // textA文本
|
||
},
|
||
trainNumber: {
|
||
targetCodePrefix: '00', // 目的地码前缀
|
||
defaultTargetCode: 'DD', // 默认目的地码
|
||
trainTargetTextAlign: 'left', // 目的地码文字显示位置
|
||
trainNumberOffset: { x: 24, y: 4}, // 目的地码偏移量
|
||
fontColor: '#000000'
|
||
},
|
||
trainServer: {
|
||
serviceNumberPrefix: '000', // 服务号(表号)前缀
|
||
defaultServiceNumber: 'TTT', // 默认服务号（表号）
|
||
defaultServerNoColor: '#FFFFFF', // 默认服务号状态显示颜色
|
||
trainServerOffset: { x: 4, y: 4}, // 列车服务号偏移
|
||
fontColor: '#000000'
|
||
},
|
||
trainTarget: {
|
||
tripNumberPrefix: '000', // 车次号前缀
|
||
defaultTripNumber: 'DDD', // 默认车次号2
|
||
trainTargetOffset: { x: 36, y: 4}, // 列车车次号偏移
|
||
trainTargetTextAlign: 'right' // 车次号文字显示位置
|
||
},
|
||
trainTargetNumber: {
|
||
groupNumberPrefix: '000', // 车组号前缀
|
||
defaultGroupNumber: 'EEE', // 默认车组号
|
||
trainTargetNumberOffset: {x: -4, y: 4}// 车组号偏移量
|
||
},
|
||
trainHead: {
|
||
trainConntWidth: 0, // 列车竖杠的宽度
|
||
trainHeadFillColor: '#2AA32A', // 列车车头矩形填充颜色
|
||
trainHeadRectHeight: 20, // 列车车头矩形高度
|
||
directionStopType:'special', // special 西安二号线 停车 列车方向图标不消失 normal 正常
|
||
trainHeadHeight: 'trainBox', // 列车车头高度取决于trainBox高度
|
||
trainHeadArrowWidth: 16, // 列车车头三角宽度
|
||
trainHeadArrowOffsetX: -0.5 // 列车车头三角偏移
|
||
},
|
||
common: {
|
||
trainHeight: 20, // 列车高度
|
||
trainHeadDistance: 0.3, // 列车和车头之间的间距
|
||
trainWidth: 55, // 列车长度
|
||
trainTextFontSize: 16, // 列车字号
|
||
fontFamily: 'consolas', // 默认字体 族类
|
||
haveTextHSDA: false, // 是否需创建textHSDA对象
|
||
HSDASpliceShow: true, // 列车扣车特殊显示
|
||
haveArrowText: true, // 是否需创建arrowText对象
|
||
textOffset: 4, // 字体偏移（用以控制字体据车头的距离）
|
||
trainWidthMoreText: 8, // 计算列车长度时--列车长比text多出尺寸
|
||
trainTip:true // 鼠标悬停列车状态信息框是否显示
|
||
},
|
||
trainStatusStyle: {
|
||
defaultDestinationColor: '#FFFFFF', // 默认目的地状态显示颜色
|
||
destinationStatusSetText: 'trainTarget', // 目的地状态设置的对应哪个text的颜色
|
||
destinationStatus: [
|
||
{status: '01', showColor: '#FFFFFF'},
|
||
{status: '02', showColor: '#00FF00'},
|
||
{status: '03', showColor: '#A0522D'},
|
||
{status: '04', showColor: '#FFFF00'}
|
||
], // 目的地状态 01准点 02早点 03晚点 04头码车
|
||
serverNoType: [
|
||
{type: '01', showColor: '#FFFFFF'},
|
||
{type: '02', showColor: '#FFF000'}
|
||
], // 服务号状态类型 01显示服务号 计划车 02显示车组号: 头码车与人工车
|
||
directionType: [
|
||
{
|
||
type: 1,
|
||
lineLShow: false,
|
||
lineRShow: true,
|
||
arrowLShow: false,
|
||
arrowRShow: true
|
||
},
|
||
{
|
||
type: 0,
|
||
lineLShow: true,
|
||
lineRShow: false,
|
||
arrowLShow: true,
|
||
arrowRShow: false
|
||
}
|
||
], // 列车运行方向状态类型对应车头显示状态 1从左往右 0从右往左
|
||
directionStopType: [
|
||
{
|
||
type: 1,
|
||
lineLShow: false,
|
||
lineRShow: true
|
||
},
|
||
{
|
||
type: 0,
|
||
lineLShow: true,
|
||
lineRShow: false
|
||
}
|
||
], // 列车停止方向类型对应车头显示状态 1从左往右 0从右往左
|
||
driveModeStatus: [
|
||
{
|
||
status: 'AM',
|
||
trainLColor: '#2AA32A',
|
||
trainRColor: '#2AA32A'
|
||
},
|
||
{
|
||
status: 'CM',
|
||
trainLColor: '#FFFF00',
|
||
trainRColor: '#FFFF00'
|
||
},
|
||
{
|
||
status: 'RM',
|
||
trainLColor: '#A0522D',
|
||
trainRColor: '#A0522D'
|
||
},
|
||
{
|
||
status: 'NRM',
|
||
trainLColor: '#A0522D',
|
||
trainRColor: '#A0522D'
|
||
}
|
||
], // 列车运行模式对应车头颜色 ATO自动驾驶模式AM ATP监控下的人工驾驶模式CM 限制人工驾驶模式RM 非限制人工驾驶模式NRM
|
||
communicationStatus: [
|
||
{status: 'CBTC', trainColor: '#000099'},
|
||
{status: 'ITC', trainColor: '#747474'},
|
||
{status: 'IL', trainColor: '#747474'}
|
||
] // 设置通信状态 cbtc级别CBTC 点式通信ITC 联锁级IL
|
||
}
|
||
};
|
||
this[deviceType.FloodGate] = {};
|
||
this[deviceType.DirectionRod] = {};
|
||
}
|
||
}
|
||
|
||
export default new SkinCode();
|