调整宁波三号线配置

This commit is contained in:
zyy 2020-08-19 15:50:33 +08:00
parent 280b766d91
commit 2e6d45baab
4 changed files with 14 additions and 6 deletions

View File

@ -5,6 +5,7 @@ class SkinCode extends defaultStyle {
constructor() {
super();
this.fontFamily = '宋体';
this.backgroundColor = '#808080';
this[deviceType.Section] = {
active: {
routeColor: false // 进路触发颜色
@ -276,15 +277,16 @@ class SkinCode extends defaultStyle {
show: true, // 道岔名称显示
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
offset: { x: 5, y: -10 }, // 道岔名称与区段距离
fontSize: 11, // 字体大小
fontSize: 12, // 字体大小
fontColor: '#C0C0C0', // 道岔名称颜色
fontWeight: 'normal', // 字体粗细
fontWeight: '600', // 字体粗细
borderColor: '#FE0000', // 道岔名称边框颜色
lossColor: 'lightgreen', // 道岔名称失去颜色
locateColor: 'lightgreen', // 道岔定位颜色
locateColor: '#34DB3E', // 道岔定位颜色
inversionColor: '#FFFF00', // 道岔反位颜色
monolockLocationColor: 'lightgreen', // 道岔单锁'定位'颜色 (浅绿色)
monolockInversionColor: '#FFFF00', // 道岔单锁'反位'颜色 (黄色)
blockText: '#FC5F08', // 道岔 封锁名称 颜色
block: true, // 封锁名称
faultFlashing: true, // 故障闪烁
lossRect: false // 道岔失表矩形
@ -298,7 +300,7 @@ class SkinCode extends defaultStyle {
},
jointImg: { // 道岔 A B C D四元素属性配置
trapezoidLength: 8, // 直角梯形元素默认长度
block: true, // 联合图形封锁状态
block: false, // 联合图形封锁状态
flashingColors: '#D600D5', // 联合图形封锁闪烁显示颜色
fork: true, // 挤岔专用(如有挤岔操作 变为true
faultStatus: true, // 宁波失表状态用 挤岔表示

View File

@ -58,7 +58,7 @@ class Jlmap {
this.$options = new Options(deepAssign({ scaleRate: 1, offsetX: 0, offsetY: 0 }, opts.options || {}), (dataZoom) => { this.$mouseController.trigger(this.events.DataZoom, dataZoom); }); // 缩放
this.$painter = new Painter(this);
this.$painter.updateZrSize({width: this.$zr.getWidth(), height: this.$zr.getHeight()});
this.$zr.dom.style.backgroundColor = this.style.backgroundColor || '#000';
this.optionsHandler = this.setOptions.bind(this);
this.$mouseController = new MouseController(this);
@ -107,6 +107,7 @@ class Jlmap {
this.logicData = logicData;
// 加载对应皮肤
this.style = this.loadStyle(this.lineCode);
this.$zr.dom.style.backgroundColor = this.style.backgroundColor || '#000';
// 数据加载完成 回调
if (this.methods.dataLoaded instanceof Function) { this.methods.dataLoaded(this.mapDevice); }

View File

@ -424,6 +424,9 @@ export default class Switch extends Group {
if (this.style.Switch.text.block) {
this.setHasTextBorder(1);
}
if (this.style.Switch.text.blockText) {
this.setTextColor(this.style.Switch.text.blockText);
}
if (this.style.Switch.jointImg.trapezoidBlock && this.model.reversePosition) { // 范围且封锁时显示
this.sheltertriangle.show();
this.sheltertriangle.getSection().setStyle('fill', '#000080');
@ -487,6 +490,8 @@ export default class Switch extends Group {
if (!this.isShowShape) return;
this.recover();
// console.log('定位>', model.normalPosition, '反位>', model.reversePosition);
// model.normalPosition = 0;
// model.reversePosition = 1;
if (model.normalPosition) {
this.setLocationAction(model); /** 定位*/
} else if (model.reversePosition) {

View File

@ -1,7 +1,7 @@
<template>
<div ref="jlmapCanvas" class="jlmap-canvas" :style="{ width: width+'px', height: height+'px' }" @mousemove="mousemove">
<div v-show="maskOpen" class="mask" />
<div :id="canvasId" style="background: #000;" class="display_canvas" />
<div :id="canvasId" class="display_canvas" />
<progress-bar ref="progressBar" />
<!-- <zoom-box v-if="!showZoom && !isScreen" :scale-rate="dataZoom.scaleRate" @setShrink="setShrink" @setMagnify="setMagnify" /> -->
<show-mode v-show="isDesign" :draft-show="draftShow" :local-station-show="localStationShow" @setShowMode="setShowMode" />