From 09590e765711a23f06dfc11ccc3feebb261765e4 Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Thu, 5 Dec 2019 10:52:45 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E5=88=A0=E9=99=A4stationControl?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/jmapNew/config/skinCode/batong_01.js | 75 ++++++------ src/jmapNew/config/skinCode/bejing_01.js | 85 +++++++------- src/jmapNew/config/skinCode/chengdu_03.js | 69 ++++++----- src/jmapNew/config/skinCode/chengdu_04.js | 69 ++++++----- src/jmapNew/config/skinCode/fuzhou_01.js | 87 +++++++------- src/jmapNew/shape/Station/EArrow.js | 80 ++++++------- src/jmapNew/shape/Station/ESingleControl.js | 124 ++++++++++---------- src/jmapNew/shape/Station/index.js | 66 +++++------ src/jmapNew/shape/factory.js | 2 - 9 files changed, 325 insertions(+), 332 deletions(-) diff --git a/src/jmapNew/config/skinCode/batong_01.js b/src/jmapNew/config/skinCode/batong_01.js index bec321b82..1753f001b 100644 --- a/src/jmapNew/config/skinCode/batong_01.js +++ b/src/jmapNew/config/skinCode/batong_01.js @@ -254,43 +254,6 @@ class SkinCode extends defaultStyle { } }; - this[deviceType.StationControl] = { - text: { - distance: 2, // 灯和文字之间的距离 - fontSize: 10, // 控制模式字体大小 - fontFormat: 'consolas', // 控制模式字体格式 - fontColor: '#ffffff', // 控制模式字体颜色 - fontWeight: 'normal', // 控制模式字体粗细 - textAlign: 'middle', // 控制模式水平对齐 - textVerticalAlign: 'top' // 控制模式垂直对齐 - }, - lamp: { - count: 3, // 控制模式灯个数 - offset: { x: 20, y: 0 }, // 偏移量 - radiusR: 6, // 控制模式灯的半径 - distance: 36, // 控制模式之间灯之间的距离 - grayColor: '#7F7F7F', // 控制模式灰色 - greenColor: '#00FF00', // 控制模式绿色 - redColor: '#FF0000', // 控制模式红色 - yellowColor: '#FFFF00', // 控制模式黄色 - emergencyControlShow: true, // 紧急站控显示 - centerControlShow: true, // 中控显示 - substationControlShow: true, // 站控按钮显示 - interconnectedControlShow: false // 联锁控显示 - }, - arrow: { - show: false // 控制模式箭头显隐 - }, - mouseOverStyle: { // 鼠标悬浮样式 - fontSize: 10, - fontFormat: 'consolas', - fontColor: '#FFF000', - fontWeight: 'normal', - textAlign: 'middle', - textVerticalAlign: 'top' - } - }; - this[deviceType.StationCounter] = { text: { distance: 2, // 计数器名称和文字的距离 @@ -313,7 +276,43 @@ class SkinCode extends defaultStyle { // }, kmPostShow: true, // 公里标显示 kilometerPosition: 'down', // 公里标位置 - fontWeight: 'bold' // 文字错细 + fontWeight: 'bold', // 文字错细 + StationControl:{ + text: { + distance: 2, // 灯和文字之间的距离 + fontSize: 10, // 控制模式字体大小 + fontFormat: 'consolas', // 控制模式字体格式 + fontColor: '#ffffff', // 控制模式字体颜色 + fontWeight: 'normal', // 控制模式字体粗细 + textAlign: 'middle', // 控制模式水平对齐 + textVerticalAlign: 'top' // 控制模式垂直对齐 + }, + lamp: { + count: 3, // 控制模式灯个数 + offset: { x: 20, y: 0 }, // 偏移量 + radiusR: 6, // 控制模式灯的半径 + distance: 36, // 控制模式之间灯之间的距离 + grayColor: '#7F7F7F', // 控制模式灰色 + greenColor: '#00FF00', // 控制模式绿色 + redColor: '#FF0000', // 控制模式红色 + yellowColor: '#FFFF00', // 控制模式黄色 + emergencyControlShow: true, // 紧急站控显示 + centerControlShow: true, // 中控显示 + substationControlShow: true, // 站控按钮显示 + interconnectedControlShow: false // 联锁控显示 + }, + arrow: { + show: false // 控制模式箭头显隐 + }, + mouseOverStyle: { // 鼠标悬浮样式 + fontSize: 10, + fontFormat: 'consolas', + fontColor: '#FFF000', + fontWeight: 'normal', + textAlign: 'middle', + textVerticalAlign: 'top' + } + } }; this[deviceType.Switch] = { diff --git a/src/jmapNew/config/skinCode/bejing_01.js b/src/jmapNew/config/skinCode/bejing_01.js index 5b08d9118..87228e1ef 100644 --- a/src/jmapNew/config/skinCode/bejing_01.js +++ b/src/jmapNew/config/skinCode/bejing_01.js @@ -254,49 +254,6 @@ class SkinCode extends defaultStyle { } }; - this[deviceType.StationControl] = { - text: { - distance: 2, // 灯和文字之间的距离 - fontSize: 10, // 控制模式字体大小 - fontFormat: 'consolas', // 控制模式字体格式 - fontColor: '#ffffff', // 控制模式字体颜色 - fontWeight: 'normal', // 控制模式字体粗细 - textAlign: 'middle', // 控制模式水平对齐 - textVerticalAlign: 'top', // 控制模式垂直对齐 - centerControlText: '中控', // 中控文字内容 - substationControlText: '站控', // 站控文字内容 - emergencyControlText:'紧急站控', // 紧急站控文字内容 - interconnectedControlText:'连锁控' // 连锁控文字内容 - // stationCenterControlText: '站中控', // 站中控文字内容 - // generalAlarmControlText: '总报警' // 总报警文字内容 - }, - lamp: { - count: 3, // 控制模式灯个数 - offset: { x: 20, y: 0 }, // 偏移量 - radiusR: 6, // 控制模式灯的半径 - distance: 36, // 控制模式之间灯之间的距离 - grayColor: '#7F7F7F', // 控制模式灰色 - greenColor: '#00FF00', // 控制模式绿色 - redColor: '#FF0000', // 控制模式红色 - yellowColor: '#FFFF00', // 控制模式黄色 - emergencyControlShow: true, // 紧急站控显示 - centerControlShow: true, // 中控显示 - substationControlShow: true, // 站控按钮显示 - interconnectedControlShow: false // 联锁控显示 - }, - arrow: { - show: false // 控制模式箭头显隐 - }, - mouseOverStyle: { // 鼠标悬浮样式 - fontSize: 10, - fontFormat: 'consolas', - fontColor: '#FFF000', - fontWeight: 'normal', - textAlign: 'middle', - textVerticalAlign: 'top' - } - }; - this[deviceType.StationCounter] = { text: { distance: 2, // 计数器名称和文字的距离 @@ -328,6 +285,48 @@ class SkinCode extends defaultStyle { lamp: { radiusR: 6, // 控制灯大小 controlColor: '#FFFF00' // 控制灯颜色 + }, + StationControl:{ + text: { + distance: 2, // 灯和文字之间的距离 + fontSize: 10, // 控制模式字体大小 + fontFormat: 'consolas', // 控制模式字体格式 + fontColor: '#ffffff', // 控制模式字体颜色 + fontWeight: 'normal', // 控制模式字体粗细 + textAlign: 'middle', // 控制模式水平对齐 + textVerticalAlign: 'top', // 控制模式垂直对齐 + centerControlText: '中控', // 中控文字内容 + substationControlText: '站控', // 站控文字内容 + emergencyControlText:'紧急站控', // 紧急站控文字内容 + interconnectedControlText:'连锁控' // 连锁控文字内容 + // stationCenterControlText: '站中控', // 站中控文字内容 + // generalAlarmControlText: '总报警' // 总报警文字内容 + }, + lamp: { + count: 3, // 控制模式灯个数 + offset: { x: 20, y: 0 }, // 偏移量 + radiusR: 6, // 控制模式灯的半径 + distance: 36, // 控制模式之间灯之间的距离 + grayColor: '#7F7F7F', // 控制模式灰色 + greenColor: '#00FF00', // 控制模式绿色 + redColor: '#FF0000', // 控制模式红色 + yellowColor: '#FFFF00', // 控制模式黄色 + emergencyControlShow: true, // 紧急站控显示 + centerControlShow: true, // 中控显示 + substationControlShow: true, // 站控按钮显示 + interconnectedControlShow: false // 联锁控显示 + }, + arrow: { + show: false // 控制模式箭头显隐 + }, + mouseOverStyle: { // 鼠标悬浮样式 + fontSize: 10, + fontFormat: 'consolas', + fontColor: '#FFF000', + fontWeight: 'normal', + textAlign: 'middle', + textVerticalAlign: 'top' + } } }; diff --git a/src/jmapNew/config/skinCode/chengdu_03.js b/src/jmapNew/config/skinCode/chengdu_03.js index aa1f15ba1..bb3a61deb 100644 --- a/src/jmapNew/config/skinCode/chengdu_03.js +++ b/src/jmapNew/config/skinCode/chengdu_03.js @@ -258,41 +258,6 @@ class SkinCode extends defaultStyle { } }; - this[deviceType.StationControl] = { - text: { - distance: 2, // 灯和文字之间的距离 - fontSize: 11, // 字体大小 - fontFormat: 'consolas', // 字体格式 - fontColor: '#ffffff', // 字体颜色 - fontWeight: 'normal', // 字体粗细 - textAlign: 'middle', // 字体水平对齐 - textVerticalAlign: 'top', // 字体垂直对齐 - centerControlText: '中控', // 中控文字内容 - substationControlText: '站控', // 站控文字内容 - emergencyControlText:'紧急站控', // 紧急站控文字内容 - interconnectedControlText:'连锁控' // 连锁控文字内容 - // stationCenterControlText: '站中控', // 站中控文字内容 - // generalAlarmControlText: '总报警' // 总报警文字内容 - }, - lamp: { - count: 4, // 控制模式的个数 - offset: {x: 0, y: 0}, // 偏移量 - radiusR: 6, // 控制模式灯的半径 - distance: 36, // 控制模式之间灯之间的距离 - grayColor: '#7F7F7F', // 控制模式灰色 - greenColor: '#00FF00', // 控制模式绿色 - redColor: '#FF0000', // 控制模式红色 - yellowColor: '#FFFF00', // 控制模式黄色 - emergencyControlShow: true, // 紧急站控显示 - centerControlShow: true, // 中控显示 - substationControlShow: true, // 站控按钮显示 - interconnectedControlShow: true // 联锁控显示 - }, - arrow: { - show: false // 控制模式箭头显隐 - } - }; - this[deviceType.StationCounter] = { text: { distance: 2, // 计数器名称和文字的距离 @@ -323,6 +288,40 @@ class SkinCode extends defaultStyle { lamp: { radiusR: 6, // 控制灯大小 controlColor: '#FFFF00' // 控制灯颜色 + }, + StationControl:{ + text: { + distance: 2, // 灯和文字之间的距离 + fontSize: 11, // 字体大小 + fontFormat: 'consolas', // 字体格式 + fontColor: '#ffffff', // 字体颜色 + fontWeight: 'normal', // 字体粗细 + textAlign: 'middle', // 字体水平对齐 + textVerticalAlign: 'top', // 字体垂直对齐 + centerControlText: '中控', // 中控文字内容 + substationControlText: '站控', // 站控文字内容 + emergencyControlText:'紧急站控', // 紧急站控文字内容 + interconnectedControlText:'连锁控' // 连锁控文字内容 + // stationCenterControlText: '站中控', // 站中控文字内容 + // generalAlarmControlText: '总报警' // 总报警文字内容 + }, + lamp: { + count: 4, // 控制模式的个数 + offset: {x: 0, y: 0}, // 偏移量 + radiusR: 6, // 控制模式灯的半径 + distance: 36, // 控制模式之间灯之间的距离 + grayColor: '#7F7F7F', // 控制模式灰色 + greenColor: '#00FF00', // 控制模式绿色 + redColor: '#FF0000', // 控制模式红色 + yellowColor: '#FFFF00', // 控制模式黄色 + emergencyControlShow: true, // 紧急站控显示 + centerControlShow: true, // 中控显示 + substationControlShow: true, // 站控按钮显示 + interconnectedControlShow: true // 联锁控显示 + }, + arrow: { + show: false // 控制模式箭头显隐 + } } }; diff --git a/src/jmapNew/config/skinCode/chengdu_04.js b/src/jmapNew/config/skinCode/chengdu_04.js index 928c27582..e208375f5 100644 --- a/src/jmapNew/config/skinCode/chengdu_04.js +++ b/src/jmapNew/config/skinCode/chengdu_04.js @@ -255,41 +255,6 @@ class SkinCode extends defaultStyle { } }; - this[deviceType.StationControl] = { - text: { - distance: 2, // 灯和文字之间的距离 - fontSize: 12, // 字体大小 - fontFormat: 'consolas', // 字体格式 - fontColor: '#ffffff', // 字体颜色 - fontWeight: 'normal', // 字体粗细 - textAlign: 'middle', // 字体水平对齐 - textVerticalAlign: 'top', // 字体垂直对齐 - centerControlText: '中控', // 中控文字内容 - substationControlText: '站控', // 站控文字内容 - emergencyControlText:'紧急站控', // 紧急站控文字内容 - interconnectedControlText:'连锁控' // 连锁控文字内容 - // stationCenterControlText: '站中控', // 站中控文字内容 - // generalAlarmControlText: '总报警' // 总报警文字内容 - }, - lamp: { - count: 4, // 控制模式的个数 - offset: {x: 0, y: 0}, // 偏移量 - radiusR: 4, // 控制模式灯的半径 - distance: 36, // 控制模式之间灯之间的距离 - grayColor: '#C0C0C0', // 控制模式灰色 - greenColor: 'green', // 控制模式绿色 - redColor: 'red', // 控制模式红色 - yellowColor: 'yellow', // 控制模式黄色 - emergencyControlShow: true, // 紧急站控显示 - centerControlShow: true, // 中控显示 - substationControlShow: true, // 站控按钮显示 - interconnectedControlShow: false // 联锁控显示 - }, - arrow: { - show: false // 控制模式箭头显隐 - } - }; - this[deviceType.StationCounter] = { text: { distance: 2, // 计数器名称和文字的距离 @@ -320,6 +285,40 @@ class SkinCode extends defaultStyle { lamp: { radiusR: 6, // 控制灯大小 controlColor: '#FFFF00' // 控制灯颜色 + }, + StationControl:{ + text: { + distance: 2, // 灯和文字之间的距离 + fontSize: 12, // 字体大小 + fontFormat: 'consolas', // 字体格式 + fontColor: '#ffffff', // 字体颜色 + fontWeight: 'normal', // 字体粗细 + textAlign: 'middle', // 字体水平对齐 + textVerticalAlign: 'top', // 字体垂直对齐 + centerControlText: '中控', // 中控文字内容 + substationControlText: '站控', // 站控文字内容 + emergencyControlText:'紧急站控', // 紧急站控文字内容 + interconnectedControlText:'连锁控' // 连锁控文字内容 + // stationCenterControlText: '站中控', // 站中控文字内容 + // generalAlarmControlText: '总报警' // 总报警文字内容 + }, + lamp: { + count: 4, // 控制模式的个数 + offset: {x: 0, y: 0}, // 偏移量 + radiusR: 4, // 控制模式灯的半径 + distance: 36, // 控制模式之间灯之间的距离 + grayColor: '#C0C0C0', // 控制模式灰色 + greenColor: 'green', // 控制模式绿色 + redColor: 'red', // 控制模式红色 + yellowColor: 'yellow', // 控制模式黄色 + emergencyControlShow: true, // 紧急站控显示 + centerControlShow: true, // 中控显示 + substationControlShow: true, // 站控按钮显示 + interconnectedControlShow: false // 联锁控显示 + }, + arrow: { + show: false // 控制模式箭头显隐 + } } }; diff --git a/src/jmapNew/config/skinCode/fuzhou_01.js b/src/jmapNew/config/skinCode/fuzhou_01.js index c2e525b75..16a1a05ee 100644 --- a/src/jmapNew/config/skinCode/fuzhou_01.js +++ b/src/jmapNew/config/skinCode/fuzhou_01.js @@ -20,7 +20,7 @@ class SkinCode extends defaultStyle { textVerticalAlign: 'middle' // 文字垂直对齐方式 }, logicText: { - show: true, // 逻辑区段名称显示 + show: true, // 逻辑区段名称显示 position: 0, // 区段名称位置 1 上面 -1 下面 0 对称 distance: 6, // 文字离区段距离 fontSize: 8, // 字体大小 @@ -237,49 +237,6 @@ class SkinCode extends defaultStyle { } }; - this[deviceType.StationControl] = { - text: { - distance: 2, // 灯和文字之间的距离 - fontSize: 11, // 字体大小 - fontFormat: 'consolas', // 字体格式 - fontColor: '#ffffff', // 字体颜色 - fontWeight: 'normal', // 字体粗细 - textAlign: 'middle', // 字体水平对齐 - textVerticalAlign: 'top', // 字体垂直对齐 - centerControlText: '中控', // 中控文字内容 - substationControlText: '站控', // 站控文字内容 - emergencyControlText:'紧急站控', // 紧急站控文字内容 - interconnectedControlText:'连锁控' // 连锁控文字内容 - // stationCenterControlText: '站中控', // 站中控文字内容 - // generalAlarmControlText: '总报警' // 总报警文字内容 - }, - lamp: { - count: 2, // 控制模式灯个数 - offset: {x: 0, y: 0}, // 控制模式灯偏移量 - radiusR: 4, // 控制模式灯的半径 - distance: 36, // 控制模式之间灯之间的距离 - grayColor: '#7F7F7F', // 控制模式灰色 - greenColor: '#00FF00', // 控制模式绿色 - redColor: '#FF0000', // 控制模式红色 - yellowColor: '#FFFF00', // 控制模式黄色 - emergencyControlShow: false, // 紧急站控显示 - centerControlShow: true, // 中控显示 - substationControlShow: true, // 站控按钮显示 - interconnectedControlShow: false // 联锁控显示 - }, - arrow: { - show: true // 控制模式箭头显隐 - }, - mouseOverStyle: { // 鼠标悬浮样式 - fontSize: null, - fontFormat: 'consolas', - fontColor: '#000', - fontWeight: 'normal', - textAlign: 'middle', - textVerticalAlign: 'top' - } - }; - this[deviceType.StationCounter] = { text: { distance: 2, // 计数器名称和文字的距离 @@ -310,6 +267,48 @@ class SkinCode extends defaultStyle { lamp: { radiusR: 6, // 控制灯大小 controlColor: '#FFFF00' // 控制灯颜色 + }, + StationControl:{ + text: { + distance: 2, // 灯和文字之间的距离 + fontSize: 11, // 字体大小 + fontFormat: 'consolas', // 字体格式 + fontColor: '#ffffff', // 字体颜色 + fontWeight: 'normal', // 字体粗细 + textAlign: 'middle', // 字体水平对齐 + textVerticalAlign: 'top', // 字体垂直对齐 + centerControlText: '中控', // 中控文字内容 + substationControlText: '站控', // 站控文字内容 + emergencyControlText:'紧急站控', // 紧急站控文字内容 + interconnectedControlText:'连锁控' // 连锁控文字内容 + // stationCenterControlText: '站中控', // 站中控文字内容 + // generalAlarmControlText: '总报警' // 总报警文字内容 + }, + lamp: { + count: 2, // 控制模式灯个数 + offset: {x: 0, y: 0}, // 控制模式灯偏移量 + radiusR: 4, // 控制模式灯的半径 + distance: 36, // 控制模式之间灯之间的距离 + grayColor: '#7F7F7F', // 控制模式灰色 + greenColor: '#00FF00', // 控制模式绿色 + redColor: '#FF0000', // 控制模式红色 + yellowColor: '#FFFF00', // 控制模式黄色 + emergencyControlShow: false, // 紧急站控显示 + centerControlShow: true, // 中控显示 + substationControlShow: true, // 站控按钮显示 + interconnectedControlShow: false // 联锁控显示 + }, + arrow: { + show: true // 控制模式箭头显隐 + }, + mouseOverStyle: { // 鼠标悬浮样式 + fontSize: null, + fontFormat: 'consolas', + fontColor: '#000', + fontWeight: 'normal', + textAlign: 'middle', + textVerticalAlign: 'top' + } } }; diff --git a/src/jmapNew/shape/Station/EArrow.js b/src/jmapNew/shape/Station/EArrow.js index 7ed64d3fb..adfaffb36 100644 --- a/src/jmapNew/shape/Station/EArrow.js +++ b/src/jmapNew/shape/Station/EArrow.js @@ -2,51 +2,51 @@ import Polygon from 'zrender/src/graphic/shape/Polygon'; import Group from 'zrender/src/container/Group'; class ESigAuto extends Group { - constructor(model) { - super(); - this.model = model; - this.create(); - } + constructor(model) { + super(); + this.model = model; + this.create(); + } - create() { - const model = this.model; + create() { + const model = this.model; - this.arrow = new Polygon({ - zlevel: model.zlevel, - z: model.z, - shape: { - points: model.point - }, - style: { - stroke: model.stroke, - lineWidth: model.lineWidth, - fill: model.fill - } - }); - this.add(this.arrow); - } + this.arrow = new Polygon({ + zlevel: model.zlevel, + z: model.z, + shape: { + points: model.point + }, + style: { + stroke: model.stroke, + lineWidth: model.lineWidth, + fill: model.fill + } + }); + this.add(this.arrow); + } - // 停止动画 - animationRecover() { - this.arrow.stopAnimation(false); - } + // 停止动画 + animationRecover() { + this.arrow.stopAnimation(false); + } - // 箭头颜色 - setColor(color) { - this.arrow.setStyle('fill', color); - } + // 箭头颜色 + setColor(color) { + this.arrow.setStyle('fill', color); + } - // 箭头闪烁 - arrowsAnimation() { - const style = this.model.style; - const fill = this.arrow.style.Signal.fill; - this.arrow.animateStyle(true) - .when(1000, { fill: style.backgroundColor, stroke: style.backgroundColor }) - .when(2000, { fill: fill, stroke: style.Signal.sidelineColor }) - .when(3000, { fill: style.backgroundColor, stroke: style.backgroundColor }) - .when(4000, { fill: fill, stroke: style.Signal.sidelineColor }) - .start(); - } + // 箭头闪烁 + arrowsAnimation() { + const style = this.model.style; + const fill = this.arrow.style.Signal.fill; + this.arrow.animateStyle(true) + .when(1000, { fill: style.backgroundColor, stroke: style.backgroundColor }) + .when(2000, { fill: fill, stroke: style.Signal.sidelineColor }) + .when(3000, { fill: style.backgroundColor, stroke: style.backgroundColor }) + .when(4000, { fill: fill, stroke: style.Signal.sidelineColor }) + .start(); + } } export default ESigAuto; diff --git a/src/jmapNew/shape/Station/ESingleControl.js b/src/jmapNew/shape/Station/ESingleControl.js index 0fc00029e..2f1f8e2c0 100644 --- a/src/jmapNew/shape/Station/ESingleControl.js +++ b/src/jmapNew/shape/Station/ESingleControl.js @@ -4,70 +4,70 @@ 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 = 20; - this.onmouseover = model.mouseover; - this.onmouseout = model.mouseout; - this.create(model); - } + constructor(model) { + super(); + this.model = model; + this.zlevel = model.zlevel; + this._subType = model._subType; + this.z = 20; + this.onmouseover = model.mouseover; + this.onmouseout = model.mouseout; + this.create(model); + } - create(model) { - var _subType = 'ControlSignal'; - var _val = '0'; - if (model.pop) { - _subType = 'ControlButton'; - _val = '1'; - } - var _nameType = this._subType; - this.control = new Arc({ - pop: model.pop, - _subType: _subType, - _nameType: _nameType, - _val: _val, - zlevel: this.zlevel, - z: this.z, - shape: { - cx: model.point.x, - cy: model.point.y, - r: model.style.StationControl.lamp.radiusR - }, - style: { - lineWidth: 0.5, - fill: model.style.StationControl.lamp.grayColor, - stroke: model.style.StationControl.lamp.grayColor - } - }); + create(model) { + var _subType = 'ControlSignal'; + var _val = '0'; + if (model.pop) { + _subType = 'ControlButton'; + _val = '1'; + } + var _nameType = this._subType; + this.control = new Arc({ + pop: model.pop, + _subType: _subType, + _nameType: _nameType, + _val: _val, + zlevel: this.zlevel, + z: this.z, + shape: { + cx: model.point.x, + cy: model.point.y, + r: model.style.Station.StationControl.lamp.radiusR + }, + style: { + lineWidth: 0.5, + fill: model.style.Station.StationControl.lamp.grayColor, + stroke: model.style.Station.StationControl.lamp.grayColor + } + }); - 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.lamp.radiusR + model.style.StationControl.text.distance, - fontWeight: model.style.StationControl.text.fontWeight, - fontSize: model.style.StationControl.text.fontSize, - fontFamily: model.style.StationControl.text.fontFormat, - text: model.context, - textFill: model.style.StationControl.text.fontColor, - textAlign: model.style.StationControl.text.textAlign, - textVerticalAlign: model.style.StationControl.text.textVerticalAlign - } - }); + 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.Station.StationControl.lamp.radiusR + model.style.Station.StationControl.text.distance, + fontWeight: model.style.Station.StationControl.text.fontWeight, + fontSize: model.style.Station.StationControl.text.fontSize, + fontFamily: model.style.Station.StationControl.text.fontFormat, + text: model.context, + textFill: model.style.Station.StationControl.text.fontColor, + textAlign: model.style.Station.StationControl.text.textAlign, + textVerticalAlign: model.style.Station.StationControl.text.textVerticalAlign + } + }); - this.add(this.control); - this.add(this.text); - } + this.add(this.control); + this.add(this.text); + } - setColor(color) { - if (color) { - this.control.setStyle('fill', color); - } - } + setColor(color) { + if (color) { + this.control.setStyle('fill', color); + } + } } diff --git a/src/jmapNew/shape/Station/index.js b/src/jmapNew/shape/Station/index.js index 8e2dcb4ff..5cba88d79 100644 --- a/src/jmapNew/shape/Station/index.js +++ b/src/jmapNew/shape/Station/index.js @@ -114,76 +114,76 @@ export default class Station extends Group { const model = this.model; if (model.visible && model.isCreateControlMode) { // 紧急站控 - if (this.style.StationControl.lamp.emergencyControlShow) { + 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.StationControl.lamp.distance * 3 / 2 + this.style.StationControl.lamp.offset.x, - y: model.controlModePoint.y + this.style.StationControl.lamp.offset.y + 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.StationControl.text.emergencyControlText, + context: this.style.Station.StationControl.text.emergencyControlText, // model.jjzkContent, pop: false }); this.add(this.emergencyControl); } // 中控按钮 - if (this.style.StationControl.lamp.centerControlShow) { + 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.StationControl.lamp.distance / 2 + this.style.StationControl.lamp.offset.x, - y: model.controlModePoint.y + this.style.StationControl.lamp.offset.y + 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.StationControl.text.centerControlText, + context: this.style.Station.StationControl.text.centerControlText, // model.zokContent, pop: false }); this.add(this.centerControl); } // 站控按钮 - if (this.style.StationControl.lamp.substationControlShow) { + 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.StationControl.lamp.distance / 2 + this.style.StationControl.lamp.offset.x, - y: model.controlModePoint.y + this.style.StationControl.lamp.offset.y + 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.StationControl.text.substationControlText, + context: this.style.Station.StationControl.text.substationControlText, // model.zakContent pop: false }); this.add(this.substationControl); } // 联锁控 - if (this.style.StationControl.lamp.interconnectedControlShow) { + 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.StationControl.lamp.distance * 3 / 2 + this.style.StationControl.lamp.offset.x, - y: model.controlModePoint.y + this.style.StationControl.lamp.offset.y + 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: model.lskContent || '联锁控', - context:this.style.StationControl.text.interconnectedControlText || '联锁控', + context:this.style.Station.StationControl.text.interconnectedControlText || '联锁控', pop: false }); this.add(this.interconnectedControl); } // 箭头 - if (this.style.StationControl.arrow.show) { - const point = arrow(this.model.controlModePoint.x, this.model.controlModePoint.y + this.style.StationControl.lamp.radiusR / 2, this.style.StationControl.lamp.distance / 6, this.style.StationControl.lamp.radiusR * 0.8); + 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, @@ -191,9 +191,9 @@ export default class Station extends Group { count: this.count, drict: 1, point: point, - x: model.controlModePoint.x + this.style.StationControl.lamp.offset.x, - y: model.controlModePoint.y + this.style.StationControl.lamp.radiusR / 2 + this.style.StationControl.lamp.offset.y, - fill: this.style.StationControl.lamp.grayColor, + 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 }); @@ -209,24 +209,24 @@ export default class Station extends Group { setState(model) { // switch (model.status) { // case '00': // 无状态 - // this.emergencyControl && this.emergencyControl.setColor(this.style.StationControl.lamp.grayColor); - // this.substationControl && this.substationControl.setColor(this.style.StationControl.lamp.grayColor); - // this.centerControl && this.centerControl.setColor(this.style.StationControl.lamp.grayColor); + // 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); // break; // case '01': // 中控 - // this.emergencyControl && this.emergencyControl.setColor(this.style.StationControl.lamp.grayColor); - // this.substationControl && this.substationControl.setColor(this.style.StationControl.lamp.grayColor); - // this.centerControl && this.centerControl.setColor(this.style.StationControl.lamp.greenColor); + // 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); // break; // case '02': // 站控 - // this.emergencyControl && this.emergencyControl.setColor(this.style.StationControl.lamp.grayColor); - // this.substationControl && this.substationControl.setColor(this.style.StationControl.lamp.yellowColor); - // this.centerControl && this.centerControl.setColor(this.style.StationControl.lamp.grayColor); + // 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); // break; // case '03': // 紧急站控 - // this.emergencyControl && this.emergencyControl.setColor(this.style.StationControl.lamp.redColor); - // this.substationControl && this.substationControl.setColor(this.style.StationControl.lamp.grayColor); - // this.centerControl && this.centerControl.setColor(this.style.StationControl.lamp.grayColor); + // 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); // break; // } } diff --git a/src/jmapNew/shape/factory.js b/src/jmapNew/shape/factory.js index 14b17c88c..248c796ad 100644 --- a/src/jmapNew/shape/factory.js +++ b/src/jmapNew/shape/factory.js @@ -2,7 +2,6 @@ import deviceType from '../constant/deviceType'; import Section from './Section/index.js'; import Signal from './Signal/index.js'; import Station from './Station/index.js'; -import StationControl from './StationControl/index.js'; import ImageControl from './ImageControl/index.js'; import LcControl from './LcControl/index.js'; import LimitControl from './LimitControl/index.js'; @@ -22,7 +21,6 @@ const mapShape = {}; mapShape[deviceType.Section] = Section; mapShape[deviceType.Signal] = Signal; mapShape[deviceType.Station] = Station; -mapShape[deviceType.StationControl] = StationControl; mapShape[deviceType.ImageControl] = ImageControl; mapShape[deviceType.LcControl] = LcControl; mapShape[deviceType.LimitControl] = LimitControl; From 78101563ba0682fe36c139063d26013f0fd2eed0 Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Thu, 5 Dec 2019 13:15:19 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E4=BF=A1=E5=8F=B7=E6=9C=BA=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../newMap/newMapdraft/mapoperate/signal.vue | 185 +------------- .../newMapdraft/mapoperate/signal/create.vue | 231 ++++++++++++++++++ 2 files changed, 243 insertions(+), 173 deletions(-) create mode 100644 src/views/newMap/newMapdraft/mapoperate/signal/create.vue diff --git a/src/views/newMap/newMapdraft/mapoperate/signal.vue b/src/views/newMap/newMapdraft/mapoperate/signal.vue index d72733a93..bb80cc079 100644 --- a/src/views/newMap/newMapdraft/mapoperate/signal.vue +++ b/src/views/newMap/newMapdraft/mapoperate/signal.vue @@ -14,104 +14,22 @@ -
- - - - - - - - {{ $t('map.activate') }} - - - - - - - - {{ item.label }} - - - - - - {{ item.name }} - - - - - - - {{ item.name }} - - - - - - - - - - -
-
- - {{ $t('map.create') }} - -
+ From 2a0702cd614ba7ef08e9d00c802977b284821ba6 Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Thu, 5 Dec 2019 13:25:15 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../newMap/newMapdraft/mapoperate/signal/create.vue | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/src/views/newMap/newMapdraft/mapoperate/signal/create.vue b/src/views/newMap/newMapdraft/mapoperate/signal/create.vue index 6a9b2388f..849859d7f 100644 --- a/src/views/newMap/newMapdraft/mapoperate/signal/create.vue +++ b/src/views/newMap/newMapdraft/mapoperate/signal/create.vue @@ -5,12 +5,6 @@ - { if (elem.code === this.addModel.sectionCode) { model.name = this.addModel.name || 'Signal_' + elem.name.replace('Section_', ''); - // model.linkCode = elem.code; if (this.addModel.leftOrRight === '0') { const beg = elem.points[0]; const end = elem.points[0 + 1]; From 6f31e57e64361a21acefb2e470aa5bb9e5010d9c Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Thu, 5 Dec 2019 14:31:39 +0800 Subject: [PATCH 4/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/newMap/newMapdraft/mapoperate/index.vue | 2 +- .../newMapdraft/mapoperate/{signal.vue => signal/index.vue} | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) rename src/views/newMap/newMapdraft/mapoperate/{signal.vue => signal/index.vue} (99%) diff --git a/src/views/newMap/newMapdraft/mapoperate/index.vue b/src/views/newMap/newMapdraft/mapoperate/index.vue index 378d718bf..ad47c9b7c 100644 --- a/src/views/newMap/newMapdraft/mapoperate/index.vue +++ b/src/views/newMap/newMapdraft/mapoperate/index.vue @@ -172,7 +172,7 @@