From 498f09386623b37c1109235a1fb410376eaecd6c Mon Sep 17 00:00:00 2001
From: zyy <1787816799@qq.com>
Date: Tue, 27 Aug 2019 18:32:26 +0800
Subject: [PATCH 1/2] =?UTF-8?q?desc:=20=E6=96=B0=E5=A2=9E=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/en/map.js                      |   3 +
 src/i18n/langs/zh/map.js                      |   6 +
 src/i18n/langs/zh/rules.js                    |   5 +-
 src/jmap/config/skinCode/bejing_01.js         |   2 +-
 src/jmap/config/skinCode/chengdu_03.js        |  14 +-
 src/jmap/config/skinCode/chengdu_04.js        |   2 +-
 src/jmap/config/skinCode/fuzhou_01.js         |   2 +-
 src/jmap/constant/deviceType.js               |   1 +
 src/jmap/map.js                               |   1 +
 src/jmap/shape/ButtonControl/index.js         |  67 ++++
 src/jmap/shape/StationControl/index.js        |  12 +-
 src/jmap/shape/factory.js                     |   2 +
 src/jmap/utils/parser.js                      |   4 +
 src/store/modules/map.js                      |   7 +
 src/utils/baseUrl.js                          |   4 +-
 .../mapdraft/mapedit/dataRelation/index.vue   |  18 +-
 .../dataRelation/pathoperate/route.vue        |  24 +-
 .../dataRelation/routeoperate/route.vue       |   6 +-
 .../mapedit/mapoperate/ImageControl.vue       |   4 +-
 .../mapedit/mapoperate/buttonDraft.vue        | 308 ++++++++++++++++++
 .../map/mapdraft/mapedit/mapoperate/index.vue |  14 +-
 .../map/mapdraft/mapedit/mapoperate/line.vue  |   2 +-
 .../mapedit/mapoperate/stationcontrol.vue     |  11 +-
 .../mapdraft/mapedit/mapoperate/switch.vue    |  16 +-
 24 files changed, 484 insertions(+), 51 deletions(-)
 create mode 100644 src/jmap/shape/ButtonControl/index.js
 create mode 100644 src/views/map/mapdraft/mapedit/mapoperate/buttonDraft.vue

diff --git a/src/i18n/langs/en/map.js b/src/i18n/langs/en/map.js
index 3d239d6f4..477cfca52 100644
--- a/src/i18n/langs/en/map.js
+++ b/src/i18n/langs/en/map.js
@@ -54,6 +54,7 @@ export default {
 	trainWindow: 'train window',
 	line: 'line',
 	text: 'text',
+	button: 'button',
 
 	mapName: 'Name of the map:',
 	skinName: 'Skin style:',
@@ -189,6 +190,8 @@ export default {
 	linkLp: 'Link Start point coordinates:',
 	linkRp: 'Link End point coordinates:',
 
+	linePoint: 'point:',
+
 	rulesChange: 'The rules change',
 	splitMerge: 'Split/merge',
 	linkSet: 'The Link set',
diff --git a/src/i18n/langs/zh/map.js b/src/i18n/langs/zh/map.js
index 7478e0c0e..a37d4868e 100644
--- a/src/i18n/langs/zh/map.js
+++ b/src/i18n/langs/zh/map.js
@@ -48,6 +48,7 @@ export default {
 	zcZoneControl: 'zc区域控制',
 	temporaryLimit: '全线临时限速',
 	lcControl: 'Lc控制',
+	buttonControl: '按钮',
 	image: '图片',
 	station: '车站',
 	controlMode: '控制模式',
@@ -58,6 +59,7 @@ export default {
 	trainWindow: '车次窗',
 	line: '线条',
 	text: '文字',
+	button: '按钮',
 
 	mapName: '地图名称:',
 	skinName: '皮肤:',
@@ -76,6 +78,7 @@ export default {
 	lineCoding: '线条编码:',
 	lineType: '线条类型:',
 	lineWidth: '线条宽度:',
+	linePoint: '坐标:',
 	segmentCoordinates: '区段显示坐标:',
 
 	publishMapCreation: '从发布地图创建',
@@ -133,6 +136,8 @@ export default {
 	failedCreateSignal: '创建自动信号失败',
 	automaticSignalUpdateSucceeded: '更新自动信号成功！',
 	automaticSignalUpdateFailed: '更新自动信号失败',
+	interconnected: '联锁控名称',
+	buttonType: '所属类型',
 
 	stationName: '车站名称:',
 
@@ -341,6 +346,7 @@ export default {
 	delayUnlockPosition: '延迟解锁坐标:',
 	trainWindowPoints: '车次窗坐标:',
 	textPoints: '坐标:',
+	buttonText: '内容',
 
 	textCode: '文字编码:',
 	textContent: '文本内容:',
diff --git a/src/i18n/langs/zh/rules.js b/src/i18n/langs/zh/rules.js
index 488df975a..a72792f3f 100644
--- a/src/i18n/langs/zh/rules.js
+++ b/src/i18n/langs/zh/rules.js
@@ -252,6 +252,9 @@ export default {
 
 	enterScale: '请输入缩放比例',
 	enterXOffset: '请输入X偏移',
-	enterYOffset: '请输入Y偏移'
+	enterYOffset: '请输入Y偏移',
+
+	pleaseSelectButtonType: '请选择按钮类型',
+	pleaseSelectButtonContent: '请输入内容'
 
 };
diff --git a/src/jmap/config/skinCode/bejing_01.js b/src/jmap/config/skinCode/bejing_01.js
index d60250e8e..2777d73a8 100644
--- a/src/jmap/config/skinCode/bejing_01.js
+++ b/src/jmap/config/skinCode/bejing_01.js
@@ -272,7 +272,7 @@ class SkinCode extends defaultStyle {
 				emergencyControlShow: true,							// 紧急站控显示
 				centerControlShow: true,							// 中控显示
 				substationControlShow: true,						// 站控按钮显示
-				turnedAroundControlShow: false						// 按图折返显示
+				interconnectedControlShow: false					// 联锁控显示
 			},
 			arrow: {
 				show: false											// 控制模式箭头显隐
diff --git a/src/jmap/config/skinCode/chengdu_03.js b/src/jmap/config/skinCode/chengdu_03.js
index d127f42bd..3c1474c90 100644
--- a/src/jmap/config/skinCode/chengdu_03.js
+++ b/src/jmap/config/skinCode/chengdu_03.js
@@ -276,7 +276,7 @@ class SkinCode extends defaultStyle {
 				emergencyControlShow: true,				// 紧急站控显示
 				centerControlShow: true,					// 中控显示
 				substationControlShow: true,				// 站控按钮显示
-				turnedAroundControlShow: true				// 按图折返显示
+				interconnectedControlShow: true				// 联锁控显示
 			},
 			arrow: {
 				show: false									// 控制模式箭头显隐
@@ -374,6 +374,18 @@ class SkinCode extends defaultStyle {
 			}
 		};
 
+		this[deviceType.ButtonControl] = {
+			text: {
+				fontSize: 11,								// 字体大小
+				fontWeight: 'normal',						// 字体粗细
+				distance: 5 								// 灯跟文字距离
+			},
+			lamp: {
+				radiusR: 6,									// 控制灯大小
+				controlColor: '#FFFF00'						// 控制灯颜色
+			}
+		};
+
 		this[deviceType.Line] = {
 			lineColor: '#FFFFFF'							// 线条颜色
 		};
diff --git a/src/jmap/config/skinCode/chengdu_04.js b/src/jmap/config/skinCode/chengdu_04.js
index 418fefd30..4705e4417 100644
--- a/src/jmap/config/skinCode/chengdu_04.js
+++ b/src/jmap/config/skinCode/chengdu_04.js
@@ -273,7 +273,7 @@ class SkinCode extends defaultStyle {
 				emergencyControlShow: true,					// 紧急站控显示
 				centerControlShow: true,						// 中控显示
 				substationControlShow: true,					// 站控按钮显示
-				turnedAroundControlShow: false					// 按图折返显示
+				interconnectedControlShow: false				// 联锁控显示
 			},
 			arrow: {
 				show: false									// 控制模式箭头显隐
diff --git a/src/jmap/config/skinCode/fuzhou_01.js b/src/jmap/config/skinCode/fuzhou_01.js
index 2cebd978b..acae1a23b 100644
--- a/src/jmap/config/skinCode/fuzhou_01.js
+++ b/src/jmap/config/skinCode/fuzhou_01.js
@@ -255,7 +255,7 @@ class SkinCode extends defaultStyle {
 				emergencyControlShow: false,					// 紧急站控显示
 				centerControlShow: true,						// 中控显示
 				substationControlShow: true,					// 站控按钮显示
-				turnedAroundControlShow: false					// 按图折返显示
+				interconnectedControlShow: false				// 联锁控显示
 			},
 			arrow: {
 				show: true		 								// 控制模式箭头显隐
diff --git a/src/jmap/constant/deviceType.js b/src/jmap/constant/deviceType.js
index b9ec52ffc..3093556e3 100644
--- a/src/jmap/constant/deviceType.js
+++ b/src/jmap/constant/deviceType.js
@@ -11,6 +11,7 @@ const deviceType = {
 	StationStand: 'StationStand',
 	StationControl: 'StationControl',
 	StationCounter: 'StationCounter',
+	ButtonControl: 'ButtonControl',
 	StationDelayUnlock: 'StationDelayUnlock',
 	Train: 'Train',
 	TrainWindow: 'TrainWindow',
diff --git a/src/jmap/map.js b/src/jmap/map.js
index 7ae9e4a77..966b7771a 100644
--- a/src/jmap/map.js
+++ b/src/jmap/map.js
@@ -292,6 +292,7 @@ class Jlmap {
 		case deviceType.ZcControl: prop = 'zcControlList'; break;
 		case deviceType.StationDelayUnlock: prop = 'stationDelayUnlockList'; break;
 		case deviceType.LcControl: prop = 'lcControlList'; break;
+		case deviceType.ButtonControl: prop = 'buttonList'; break;
 		case deviceType.LimitControl: prop = 'tempSpeedLimitList'; break;
 		case deviceType.ImageControl: prop = 'imageControl'; break;
 		case deviceType.Train: prop = 'trainList'; break;
diff --git a/src/jmap/shape/ButtonControl/index.js b/src/jmap/shape/ButtonControl/index.js
new file mode 100644
index 000000000..29e2887d4
--- /dev/null
+++ b/src/jmap/shape/ButtonControl/index.js
@@ -0,0 +1,67 @@
+/*
+*	lC区域控制模式
+*/
+import Group from 'zrender/src/container/Group';
+import EControl from '../element/EControl';
+
+export default class ButtonControl extends Group {
+	constructor(model, style) {
+		super();
+		this.z = 20;
+		this._code = model.code;
+		this._type = model._type;
+		this.zlevel = 10;
+		this.model = model;
+		this.style = style;
+		this.create();
+		this.setState(model);
+	}
+
+	create() {
+		const model = this.model;
+		this.control = new EControl({
+			zlevel: this.zlevel,
+			z: this.z,
+			arc: {
+				shape: {
+					cx: model.position.x,
+					cy: model.position.y,
+					r: this.style.ButtonControl.lamp.radiusR
+				},
+				lineWidth: 0,
+				fill: this.style.ButtonControl.lamp.controlColor
+			},
+			text: {
+				position: [0, 0],
+				x: model.position.x,
+				y: model.position.y + this.style.ButtonControl.lamp.radiusR + this.style.ButtonControl.text.distance,
+				fontWeight: this.style.ButtonControl.text.fontWeight,
+				fontSize: this.style.ButtonControl.text.fontSize,
+				fontFamily: this.style.fontFamily,
+				text: model.text || '按图折返',
+				textFill: '#fff',
+				textAlign: 'middle',
+				textVerticalAlign: 'top'
+			},
+			style: this.style
+		});
+
+		this.add(this.control);
+	}
+
+	// 设置状态
+	setState(model) {
+	}
+
+	getShapeTipPoint() {
+		if (this.control) {
+			var distance = 2;
+			var rect = this.control.getBoundingRect();
+			return {
+				x: rect.x + rect.width / 2,
+				y: rect.y - distance
+			};
+		}
+		return null;
+	}
+}
diff --git a/src/jmap/shape/StationControl/index.js b/src/jmap/shape/StationControl/index.js
index aced10c05..953981194 100644
--- a/src/jmap/shape/StationControl/index.js
+++ b/src/jmap/shape/StationControl/index.js
@@ -73,10 +73,10 @@ export default class StationControl extends Group {
 			});
 			this.add(this.substationControl);
 		}
-		// 按图折返
-		if (this.style.StationControl.lamp.turnedAroundControlShow) {
-			this.turnedAroundControl = new ESingleControl({
-				_subType: 'turnedAround',
+		// 联锁控
+		if (this.style.StationControl.lamp.interconnectedControlShow) {
+			this.interconnectedControl = new ESingleControl({
+				_subType: 'interconnected',
 				style: this.style,
 				zlevel: this.zlevel,
 				z: this.z,
@@ -84,10 +84,10 @@ export default class StationControl extends Group {
 					x: model.position.x + this.style.StationControl.lamp.distance * 3 / 2 + this.style.StationControl.lamp.offset.x,
 					y: model.position.y + this.style.StationControl.lamp.offset.y
 				},
-				context: '按图折返',
+				context: model.lskContent || '联锁控',
 				pop: false
 			});
-			this.add(this.turnedAroundControl);
+			this.add(this.interconnectedControl);
 		}
 		// 箭头
 		if (this.style.StationControl.arrow.show) {
diff --git a/src/jmap/shape/factory.js b/src/jmap/shape/factory.js
index d592ca368..80b9d1336 100644
--- a/src/jmap/shape/factory.js
+++ b/src/jmap/shape/factory.js
@@ -9,6 +9,7 @@ import LcControl from './LcControl/index.js';
 import LimitControl from './LimitControl/index.js';
 import Switch from './Switch/index.js';
 import ZcControl from './ZcControl/index.js';
+import ButtonControl from './ButtonControl/index.js';
 import StationCounter from './StationCounter/index.js';
 import StationDelayUnlock from './StationDelayUnlock/index.js';
 import StationStand from './StationStand/index.js';
@@ -29,6 +30,7 @@ mapShape[deviceType.LcControl] = LcControl;
 mapShape[deviceType.LimitControl] = LimitControl;
 mapShape[deviceType.Switch] = Switch;
 mapShape[deviceType.ZcControl] = ZcControl;
+mapShape[deviceType.ButtonControl] = ButtonControl;
 mapShape[deviceType.StationCounter] = StationCounter;
 mapShape[deviceType.StationDelayUnlock] = StationDelayUnlock;
 mapShape[deviceType.StationStand] = StationStand;
diff --git a/src/jmap/utils/parser.js b/src/jmap/utils/parser.js
index 95ea5d265..4ecbb8788 100644
--- a/src/jmap/utils/parser.js
+++ b/src/jmap/utils/parser.js
@@ -86,6 +86,10 @@ export function parser(data, skinCode) {
 			mapDevice[elem.code] = createDevice(deviceType.ZcControl, elem, propConvert);
 		}, this);
 
+		zrUtil.each(data.buttonList || [], elem => {
+			mapDevice[elem.code] = createDevice(deviceType.ButtonControl, elem, propConvert);
+		}, this);
+
 		zrUtil.each(data.lcList || [], elem => {
 			mapDevice[elem.code] = createDevice(deviceType.LcControl, elem, propConvert);
 		}, this);
diff --git a/src/store/modules/map.js b/src/store/modules/map.js
index b6ec423ef..bcb7e8071 100644
--- a/src/store/modules/map.js
+++ b/src/store/modules/map.js
@@ -248,6 +248,13 @@ const map = {
 				return [];
 			}
 		},
+		buttonList: (state) => {
+			if (state.map) {
+				return state.map.buttonList;
+			} else {
+				return [];
+			}
+		},
 		signalList: (state) => {
 			if (state.map) {
 				return state.map.signalList;
diff --git a/src/utils/baseUrl.js b/src/utils/baseUrl.js
index b49dd28b5..72be3b2f1 100644
--- a/src/utils/baseUrl.js
+++ b/src/utils/baseUrl.js
@@ -3,8 +3,8 @@ export function getBaseUrl() {
 	let BASE_API;
 	if (process.env.NODE_ENV === 'development') {
 		// BASE_API = 'https://joylink.club/jlcloud';
-		BASE_API = 'https://test.joylink.club/jlcloud';
-		// BASE_API = 'http://192.168.9.255:9000'; // 袁琪
+		// BASE_API = 'https://test.joylink.club/jlcloud';
+		BASE_API = 'http://192.168.3.5:9000'; // 袁琪
 		// BASE_API = 'http://192.168.3.6:9000'; // 旭强
 		// BASE_API = 'http://192.168.3.4:9000' // 琰培
 	} else {
diff --git a/src/views/map/mapdraft/mapedit/dataRelation/index.vue b/src/views/map/mapdraft/mapedit/dataRelation/index.vue
index e3c56f266..3468150f5 100644
--- a/src/views/map/mapdraft/mapedit/dataRelation/index.vue
+++ b/src/views/map/mapdraft/mapedit/dataRelation/index.vue
@@ -38,6 +38,15 @@
               @setCenter="setCenter"
             />
           </el-tab-pane>
+          <el-tab-pane label="路径单元" name="path">
+            <path-operate
+              ref="pathOperate"
+              :card-height="cardHeight+25"
+              :map-info="mapInfo"
+              :selected="selected"
+              @setCenter="setCenter"
+            />
+          </el-tab-pane>
           <el-tab-pane label="交路" name="routing">
             <routing-operate
               ref="routingOperate"
@@ -65,15 +74,6 @@
               @setCenter="setCenter"
             />
           </el-tab-pane>
-          <el-tab-pane label="路径单元" name="path">
-            <path-operate
-              ref="pathOperate"
-              :card-height="cardHeight+25"
-              :map-info="mapInfo"
-              :selected="selected"
-              @setCenter="setCenter"
-            />
-          </el-tab-pane>
         </el-tabs>
       </el-card>
     </div>
diff --git a/src/views/map/mapdraft/mapedit/dataRelation/pathoperate/route.vue b/src/views/map/mapdraft/mapedit/dataRelation/pathoperate/route.vue
index 80b0373e2..32521c05a 100644
--- a/src/views/map/mapdraft/mapedit/dataRelation/pathoperate/route.vue
+++ b/src/views/map/mapdraft/mapedit/dataRelation/pathoperate/route.vue
@@ -58,7 +58,7 @@
               style="width: 95%; margin: 0 auto"
             >
               <el-table-column type="index" />
-              <el-table-column prop="routeCode" label="进路ID" />
+              <el-table-column prop="routeCode" label="进路code" />
               <el-table-column prop="routeName" label="进路名称" />
               <el-table-column fixed="right" :label="$t('map.operation')" width="50">
                 <template slot-scope="scope">
@@ -235,10 +235,8 @@ export default {
 			data.forEach((element, index) => {
 				this.addModel.mapRouteUnitRelList.push({
 					routeCode: element.code,
-					routeName: element.name,
-					mapId: this.mapInfo.id,
-					id: element.id,
-					routeUnitCode: this.addModel.code
+					routeName: element.name
+					// routeUnitCode: this.addModel.code
 				});
 			});
 		},
@@ -274,15 +272,13 @@ export default {
 					this.loading = false;
 				});
 			} else {
-				[
-					addRouteUnit(this.buildModel()).then(response => {
-						this.$message.success(this.$t('tip.createSuccess'));
-						this.clear();
-					}).catch(() => {
-						this.$messageBox(this.$t('tip.operationAbnormal'));
-						this.loading = false;
-					})
-				];
+				addRouteUnit(this.buildModel()).then(response => {
+					this.$message.success(this.$t('tip.createSuccess'));
+					this.clear();
+				}).catch(() => {
+					this.$messageBox(this.$t('tip.operationAbnormal'));
+					this.loading = false;
+				});
 			}
 		},
 		clear() {
diff --git a/src/views/map/mapdraft/mapedit/dataRelation/routeoperate/route.vue b/src/views/map/mapdraft/mapedit/dataRelation/routeoperate/route.vue
index dd73d41a4..0cfb92eec 100644
--- a/src/views/map/mapdraft/mapedit/dataRelation/routeoperate/route.vue
+++ b/src/views/map/mapdraft/mapedit/dataRelation/routeoperate/route.vue
@@ -515,8 +515,10 @@ export default {
 			const model = Object.assign({}, this.addModel);
 			model['mapId'] = this.mapInfo.id;
 			model['routeSectionList'] = this.addModel.routeSectionList.map(elem => { return { sectionCode: elem }; });
-			model['routeTriggerSectionList'] = this.addModel.routeTriggerSectionList.map(elem => { return { mapId: this.mapInfo.id, routeCode: model.code, sectionCode: elem }; });
-			model['routeOverlapSectionList'] = this.addModel.routeOverlapSectionList.map(elem => { return { mapId: this.mapInfo.id, routeCode: model.code, sectionCode: elem }; });
+			//  mapId: this.mapInfo.id, routeCode: model.code,
+			model['routeTriggerSectionList'] = this.addModel.routeTriggerSectionList.map(elem => { return { sectionCode: elem }; });
+			// mapId: this.mapInfo.id, routeCode: model.code,
+			model['routeOverlapSectionList'] = this.addModel.routeOverlapSectionList.map(elem => { return { sectionCode: elem }; });
 			model['routeStandList'] = this.addModel.routeStandList.map(elem => { return { stationStandCode: elem }; });
 			if (code) { model['code'] = code; }
 
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/ImageControl.vue b/src/views/map/mapdraft/mapedit/mapoperate/ImageControl.vue
index 5de5aeea2..1a3a2b3d8 100644
--- a/src/views/map/mapdraft/mapedit/mapoperate/ImageControl.vue
+++ b/src/views/map/mapdraft/mapedit/mapoperate/ImageControl.vue
@@ -120,8 +120,8 @@ export default {
 					draw: {
 						name: this.$t('map.drawData'),
 						item: [
-							{ prop: 'code', label: `${this.$t('map.image')}${this.$t('map.code')}`, type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.resourceList, change: true, deviceChange: this.deviceChange },
-							{ prop: 'name', label: this.$t('map.imageName'), type: 'input' },
+							{ prop: 'code', label: `${this.$t('map.image')}${this.$t('map.code')}`, type: 'select', optionLabel: 'code', optionValue: 'code', options: this.resourceList, change: true, deviceChange: this.deviceChange },
+							// { prop: 'name', label: this.$t('map.imageName'), type: 'input' },
 							{ prop: 'width', label: this.$t('map.imageWidth'), type: 'number', min: 0 },
 							{ prop: 'height', label: this.$t('map.imageHeight'), type: 'number', min: 0 },
 							{ prop: 'zIndex', label: this.$t('map.imageZindex'), type: 'number', min: 0 },
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/buttonDraft.vue b/src/views/map/mapdraft/mapedit/mapoperate/buttonDraft.vue
new file mode 100644
index 000000000..7c1ab1a8b
--- /dev/null
+++ b/src/views/map/mapdraft/mapedit/mapoperate/buttonDraft.vue
@@ -0,0 +1,308 @@
+<template>
+  <div>
+    <el-tabs v-model="activeName" class="card">
+      <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+        <el-scrollbar wrap-class="scrollbar-wrapper" :style="{ height: cardHeight +'px' }">
+          <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
+        </el-scrollbar>
+        <div class="button_box">
+          <el-button-group class="map-draft-group">
+            <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
+            <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
+          </el-button-group>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+        <el-scrollbar wrap-class="scrollbar-wrapper" :style="{ height: cardHeight +'px' }">
+          <el-form ref="make" label-width="120px" :rules="createRules" :model="addModel" size="mini">
+            <!-- <el-form-item :label="$t('map.buttonText')+':'" prop="text">
+              <el-input v-model="addModel.text" />
+            </el-form-item> -->
+            <el-form-item :label="$t('map.buttonType')+ ':'" prop="type">
+              <el-select v-model="addModel.type" filterable>
+                <el-option
+                  v-for="item in buttonTypeList"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item :label="$t('map.belongsStation')" prop="stationCode">
+              <el-select v-model="addModel.stationCode" filterable>
+                <el-option
+                  v-for="item in stationList"
+                  :key="item.code"
+                  :label="item.name + ' (' + item.code+ ')'"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <div class="coordinate">
+              <span class="title" style="width: 120px">{{ $t('map.textPoints') }}</span>
+              <el-form-item
+                label="x:"
+                prop="position.x"
+                style="display: table; float: left; margin-right: 20px;"
+                label-width="25px"
+              >
+                <el-input-number v-model="addModel.position.x" label="x:" />
+              </el-form-item>
+              <el-form-item
+                label="y:"
+                prop="position.y"
+                style="display: table; float: left;"
+                label-width="25px"
+              >
+                <el-input-number v-model="addModel.position.y" label="y:" />
+              </el-form-item>
+            </div>
+          </el-form>
+        </el-scrollbar>
+        <div class="button_box">
+          <el-button-group class="map-draft-group">
+            <el-button type="primary" size="small" @click="create">{{ $t('map.create') }}</el-button>
+          </el-button-group>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { getUID } from '@/jmap/utils/Uid';
+import ConfigList from './config/list';
+
+export default {
+	name: 'LcControlDraft',
+	components: {
+		ConfigList
+	},
+	props: {
+		selected: {
+			type: Object,
+			default: function () {
+				return null;
+			}
+		},
+		cardHeight: {
+			type: [String, Number],
+			required: true
+		}
+	},
+	data() {
+		return {
+			activeName: 'first',
+			buttonTypeList: [
+				{ code: '01', name: '按图折返' }
+			],
+			mapData: null,
+			editModel: {
+				code: '',
+				text: '',
+				type: '',
+				stationCode: '',
+				position: {
+					x: 0,
+					y: 0
+				}
+			},
+			addModel: {
+				type: '',
+				stationCode: '',
+				text: '',
+				position: {
+					x: 0,
+					y: 0
+				}
+			},
+			rules: {
+				code: [
+					{ required: true, message: this.$t('rules.pleaseSelectEncoding'), trigger: 'change' }
+				],
+				tsxt: [
+					{ required: true, message: this.$t('rules.pleaseEnterStatusSignal'), trigger: 'blur' }
+				],
+				'position.x': [
+					{ required: true, message: this.$t('map.pleaseEnterXCoordinate'), trigger: 'blur' }
+				],
+				'position.y': [
+					{ required: true, message: this.$t('map.pleaseEnterYCoordinate'), trigger: 'blur' }
+				]
+			}
+		};
+	},
+	computed: {
+		...mapGetters('map', [
+			'stationList',
+			'buttonList'
+		]),
+		createRules: function () {
+			return {
+				text: [
+					{ required: true, message: this.$t('rules.pleaseSelectButtonContent'), trigger: 'blur' }
+				],
+				type: [
+					{ required: true, message: this.$t('rules.pleaseSelectButtonType'), trigger: 'blur' }
+				],
+				stationCode: [
+					{ required: true, message: this.$t('rules.stationControlStationCode'), trigger: 'change' }
+				],
+				'position.x': [
+					{ required: true, message: this.$t('map.pleaseEnterXCoordinate'), trigger: 'blur' }
+				],
+				'position.y': [
+					{ required: true, message: this.$t('map.pleaseEnterYCoordinate'), trigger: 'blur' }
+				]
+			};
+		},
+		form() {
+			const form = {
+				labelWidth: '140px',
+				items: {
+					code: {
+						name: '',
+						item: []
+					},
+					draw: {
+						name: this.$t('map.drawData'),
+						item: [
+							{ prop: 'code', label: `${this.$t('map.buttonControl')}${this.$t('map.code')}`, type: 'select', optionLabel: 'code', optionValue: 'code', options: this.buttonList, change: true, deviceChange: this.deviceChange },
+							// { prop: 'text', label: `${this.$t('map.buttonText')}:`, type: 'input' },
+							{ prop: 'type', label: `${this.$t('map.buttonType')}:`, type: 'select', optionLabel: 'name', optionValue: 'code', options: this.buttonTypeList },
+							{ prop: 'position', label: this.$t('map.stateSignalsPlotCoordinates'), type: 'coordinate', width: '140px', children: [
+								{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px'},
+								{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
+							] }
+						]
+					},
+					map: {
+						name: this.$t('map.mapData'),
+						item: [
+							{ prop: 'stationCode', label: this.$t('map.equipmentStation'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.stationList }
+						]
+					}
+				}
+			};
+			return form;
+		}
+	},
+	watch: {
+		selected: function (val, oldVal) {
+			this.deviceSelect(val);
+		}
+	},
+	mounted() {
+	},
+	methods: {
+		deviceChange(code) {
+			this.$emit('setCenter', code);
+			this.deviceSelect(this.$store.getters['map/getDeviceByCode'](code));
+		},
+		deviceSelect(selected) {
+			this.$refs.form.resetFields();
+			this.$refs.make.resetFields();
+			if (selected && selected._type.toUpperCase() == 'ButtonControl'.toUpperCase()) {
+				this.editModel.code = selected.code;
+				this.editModel.text = selected.text;
+				this.editModel.type = selected.type;
+				this.editModel.stationCode = selected.stationCode;
+				this.editModel.position = {
+					x: selected.position.x,
+					y: selected.position.y
+				};
+				this.activeName = 'first';
+			}
+		},
+		create() {
+			this.$refs.make.validate((valid) => {
+				if (valid) {
+					const uid = getUID('ButtonControl');
+					const model = {
+						_type: 'ButtonControl',
+						code: uid,
+						type: this.addModel.type,
+						stationCode: this.addModel.stationCode,
+						text: this.addModel.text,
+						position: {
+							x: this.addModel.position.x,
+							y: this.addModel.position.y
+						}
+					};
+					this.$emit('addOrUpdateMapModel', model);
+				}
+			});
+		},
+		// 修改对象
+		edit() {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					this.$emit('addOrUpdateMapModel', this.buildEditModel());
+				}
+			});
+		},
+		buildEditModel() {
+			const model = {
+				_type: 'ButtonControl',
+				code: this.editModel.code,
+				text: this.editModel.text,
+				type: this.editModel.type,
+				stationCode: this.editModel.stationCode,
+				position: {
+					x: this.editModel.position.x,
+					y: this.editModel.position.y
+				}
+			};
+			return model;
+		},
+		// 删除对象
+		deleteObj() {
+			const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
+			if (selected && selected._type.toUpperCase() === 'LcControl'.toUpperCase()) {
+				const _that = this;
+				this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
+					confirmButtonText: this.$t('tip.confirm'),
+					cancelButtonText: this.$t('tip.cancel'),
+					type: 'warning'
+				}).then(() => {
+					_that.$emit('delMapModel', selected);
+					_that.deviceSelect();
+				}).catch(() => {
+					_that.$message.info(this.$t('tip.cancelledDelete'));
+				});
+			}
+		}
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+    @import "src/styles/mixin.scss";
+	.button_box{
+		width: 100%;
+		background: #f0f0f0;
+		overflow: hidden;
+	}
+    .coordinate {
+        overflow: hidden;
+
+        .title {
+            text-align: right;
+            font-size: 14px;
+            color: #606266;
+            line-height: 40px;
+            padding: 0 12px 0 0;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            line-height: 28px;
+            width: 160px;
+            font-weight: bold;
+            display: block;
+            float: left;
+        }
+    }
+
+    .map-draft-group {
+        color: #3E44BE;
+    }
+</style>
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/index.vue b/src/views/map/mapdraft/mapedit/mapoperate/index.vue
index 754a1aafa..4eb3f0466 100644
--- a/src/views/map/mapdraft/mapedit/mapoperate/index.vue
+++ b/src/views/map/mapdraft/mapedit/mapoperate/index.vue
@@ -204,6 +204,16 @@
               @setCenter="setCenter"
             />
           </el-tab-pane>
+          <el-tab-pane :label="$t('map.button')" name="ButtonControl">
+            <button-draft
+              ref="ImageControl"
+              :card-height="cardHeights"
+              :selected="selected"
+              @addOrUpdateMapModel="addOrUpdateMapModel"
+              @delMapModel="delMapModel"
+              @setCenter="setCenter"
+            />
+          </el-tab-pane>
         </el-tabs>
       </el-card>
     </div>
@@ -228,6 +238,7 @@ import ZcControlDraft from './zcControl';
 import LimitControlDraft from './limitControl';
 import LcControlDraft from './lcControl';
 import ImageControlDraft from './ImageControl';
+import ButtonDraft from './buttonDraft';
 
 import { ViewMode } from '@/scripts/ConstDic';
 
@@ -250,7 +261,8 @@ export default {
 		ZcControlDraft,
 		LimitControlDraft,
 		LcControlDraft,
-		ImageControlDraft
+		ImageControlDraft,
+		ButtonDraft
 	},
 	props: {
 		selected: {
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/line.vue b/src/views/map/mapdraft/mapedit/mapoperate/line.vue
index 1f98af3a7..460b86dc4 100644
--- a/src/views/map/mapdraft/mapedit/mapoperate/line.vue
+++ b/src/views/map/mapdraft/mapedit/mapoperate/line.vue
@@ -27,7 +27,7 @@
               <el-input-number v-model="addModel.width" :min="1" />px
             </el-form-item>
             <div class="coordinate">
-              <span class="title">{{ $t('map.segmentCoordinates') }}</span>
+              <span class="title">{{ $t('map.linePoint') }}</span>
               <div class="point-section">
                 <template v-for="(point, index) in addModel.points">
                   <div :key="index" style="overflow: hidden;">
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/stationcontrol.vue b/src/views/map/mapdraft/mapedit/mapoperate/stationcontrol.vue
index 09d9d1c02..a765c7c70 100644
--- a/src/views/map/mapdraft/mapedit/mapoperate/stationcontrol.vue
+++ b/src/views/map/mapdraft/mapedit/mapoperate/stationcontrol.vue
@@ -74,7 +74,8 @@ export default {
 				zakContent: '',
 				jjzkContent: '',
 				zbjkContent: '',
-				zzkContent: ''
+				zzkContent: '',
+				lskContent: ''
 			},
 			addModel: {
 				stationCode: ''
@@ -104,11 +105,12 @@ export default {
 						name: this.$t('map.drawData'),
 						item: [
 							{ prop: 'code', label: this.$t('map.stationControlCode'), type: 'select', optionLabel: 'code', optionValue: 'code', options: this.stationControlList, change: true, deviceChange: this.deviceChange },
-							{ prop: 'name', label: this.$t('map.stationControlName'), type: 'input' },
+							// { prop: 'name', label: this.$t('map.stationControlName'), type: 'input' },
 							{ prop: 'zokContent', label: this.$t('map.zokContent'), type: 'input' },
 							{ prop: 'zakContent', label: this.$t('map.zakContent'), type: 'input' },
 							{ prop: 'jjzkContent', label: this.$t('map.jjzkContent'), type: 'input' },
 							{ prop: 'zzkContent', label: this.$t('map.zzkContent'), type: 'input' },
+							{ prop: 'lskContent', label: `${this.$t('map.interconnected')}:`, type: 'input' },
 							{ prop: 'position', label: this.$t('map.stationControlPosition'), type: 'coordinate', width: '150px', children: [
 								{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
 								{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
@@ -184,6 +186,7 @@ export default {
 				this.editModel.zakContent = selected.zakContent;
 				this.editModel.jjzkContent = selected.jjzkContent;
 				this.editModel.zzkContent = selected.zzkContent;
+				this.editModel.lskContent = selected.lskContent;
 				this.editModel.stationCode = selected.stationCode;
 				this.editModel.zbjkContent = selected.zbjkContent;
 				if (selected.hasOwnProperty('position')) {
@@ -208,7 +211,8 @@ export default {
 							zbjkContent: '总报警',
 							zakContent: '站控',
 							jjzkContent: '紧急站控',
-							zzkContent: '站中控按钮'
+							zzkContent: '站中控按钮',
+							lskContent: '连锁控'
 						};
 						this.stationList.forEach(elem => {
 							if (elem.code === this.addModel.stationCode) {
@@ -241,6 +245,7 @@ export default {
 				zbjkContent: this.editModel.zbjkContent,
 				zakContent: this.editModel.zakContent,
 				jjzkContent: this.editModel.jjzkContent,
+				lskContent: this.editModel.lskContent,
 				zzkContent: this.editModel.zzkContent,
 				stationCode: this.editModel.stationCode,
 				position: {
diff --git a/src/views/map/mapdraft/mapedit/mapoperate/switch.vue b/src/views/map/mapdraft/mapedit/mapoperate/switch.vue
index 8623b8d64..4af5bd0d3 100644
--- a/src/views/map/mapdraft/mapedit/mapoperate/switch.vue
+++ b/src/views/map/mapdraft/mapedit/mapoperate/switch.vue
@@ -86,12 +86,16 @@ export default {
 			const list = [];
 			if (this.sectionList && this.sectionList.length) {
 				this.sectionList.forEach(elem => {
-					if (elem.type === '01') {
-						list.push({
-							label: elem.name,
-							key: elem.code,
-							pinyin: elem.name
-						});
+					if (elem.type === '01' && elem.isSwitchSection) {
+						const link = this.findLinkData(elem.linkCode);
+						if ((link.leftFdCode && link.leftSdCode) || (link.rightFdCode && link.rightSdCode)) {
+							list.push({
+								label: elem.name,
+								key: elem.code,
+								pinyin: elem.name
+							});
+						}
+
 					}
 				});
 			}

From feac5e0e79ff9cf19c561165217e5e2fdc92b4bf Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Tue, 27 Aug 2019 18:35:10 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=81=94=E5=8A=A8=E5=85=81=E8=AE=B8?=
 =?UTF-8?q?=E7=A6=81=E6=AD=A2=E6=8F=90=E7=A4=BA=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/ibp_images/rotate_black.png | Bin 0 -> 1330 bytes
 src/assets/ibp_images/rotate_red.png   | Bin 0 -> 1701 bytes
 src/ibp/shape/rotateTip.js             |  68 +++++++++++++++++++++++++
 3 files changed, 68 insertions(+)
 create mode 100644 src/assets/ibp_images/rotate_black.png
 create mode 100644 src/assets/ibp_images/rotate_red.png
 create mode 100644 src/ibp/shape/rotateTip.js

diff --git a/src/assets/ibp_images/rotate_black.png b/src/assets/ibp_images/rotate_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc24ab15f815056ec8c5b5c0c8d69149094dff6e
GIT binary patch
literal 1330
zcmV-21<m@2P)<h;3K|Lk000e1NJLTq002V(002A)1^@s6J-!EL00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!~g&e!~vBn4jTXf1jk84K~#8N?VC#|
zv|kv&&ydE93AxL)Op?gLLbk{ymyK*#p_G!Pg=8ZsJCu~IvQj8=*|9)2atRAlF5`Z`
zo5A~kpYuI`KIXia8UFKq=lK8X>3z;Ib6)2;&$&G3oH0l;<bNnW_!N$*sVOotGJ+|6
z2<sUZi-q|3_>k-CYs}F`NYCi*?k0D4cjV^ghV=IKVy-qqdWOMZK<yWLt0<gjR99D{
z_D*eWEo$lr<r&-C+axhD5mO&II5;3tQBjy;Ba~;9mzSgFN?~CkYAS$dh`{*xIC!|K
zOixear`ZV8O@e}gG^bIs*-U2{C4}fE?d|Ql))V*l_oTD46H~5m?-|h2u)uN$r7Cmp
z88tOEsOhJoq5`!~fM@W^>gwv-;OMT{Y&I<A9j=X$mX^k>s2;Ietys!C+!|wWaFAI^
zcVu{Y7)$#Fw*x2)nrhReUVg7Wmjh^XbMv<t0%&b*MUBI$b#rr*q@<)^>U%goJ|^Me
z;rton<m80d?RH``8Zn0ulgUKJ#>PlPLj&fp>F@6+xw*OI@$nIJ2yr+ZBqk<?goTCC
zJ|hG}Lql{>RFj2;1^hG{VWQTnt1Hx$@%Q&fjg2tI&@-TFE!%}L#_jDbYRW)ltHzJ=
zjKIJ^)Yu4PjEjp4)Rgh_^Fxizj~YO=5XKmnmzSuq`Fwo9LKtIc?R15PhN7m7Fvd7P
zKSzyCL_`E?$_QhO)6-Mb*hEG~qNa=x#&~^wC5MNHm}2u|Jmc)_3^ir6PSXG(jIpw^
zf|@e1v9YKrBZM*5*Vj=~2EueLgfPbP@-k}5c(t3rY1N-%c6JsuW%PK)w`}e-H8n{E
z1qGP$E=x;G%#EDS;&eLk8_Imi7^9=3Qb<S$eOXRU4(57~=jUfho-$o3&JsO%)J<$Q
z8_CYjCS_%1Z!14vUtjw47JGYp^kNEZ=4z3io{pM2ZW%*v2~t;AN0O3~$o%{~=6V+h
z)!W+INL*YTHHaRHii%Lv06j#LzP>)D`~55V`T6+C@4?}4NOB}9&CSh8Jv}{AWo4z5
zoSe*jx0Y;eZDFbEXdV?TE-unjYq&3^hHMNnIXOwa=jG)Ej7*owAfQ7&Y|(?jl|*P^
zxTguNyT89rc6N5i?(Qx*Iy$2FuORQ~=?P2s9Oxo?rd|pdg9WroadEMWm6gO`Fi2*z
zS&}Qr{QI90xiPUu+AxjL($c~#m^UdYDZv`)<AX6^sx+BQ%z}9n@KSf7#(;|(85tSO
zLU|QAq^A{h2UsUC3*%LcMx$i6+p&7?@zzc1>+6|?^CWqBc~~3I_%LS3)0&i-naO<7
z-z>2Hn3<WuT6hj~Hj&p0lEq?SzW8quc@<0p#Ep#&{I9=`>Y}Toql4a((L+E$0I^!F
zba4fD9zfu%0*Zflc%V;6L#WR>7ljjYxWNmD!*C2392`vdEkPjsPDn_gyH&Cm=nKa^
z0gR!Byn>YEfXt<3K1*q7DSm@rGy^qgP57<X+S(e4kB`S(SAM?@!z;R@*3{Hg8lMad
z3}B9UxV@iIRaHg%e`8}K=7@twn>#>PR~J3`&dSQ7X{XakpFHESF#s6#VUuTKVuD0R
oM`JF(aC<}ezu-%rAr^%E1D1Ol_R^Sor~m)}07*qoM6N<$f|GZAOaK4?

literal 0
HcmV?d00001

diff --git a/src/assets/ibp_images/rotate_red.png b/src/assets/ibp_images/rotate_red.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e7994d2d79a20ebbd90fe4a03b780940ed28559
GIT binary patch
literal 1701
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

literal 0
HcmV?d00001

diff --git a/src/ibp/shape/rotateTip.js b/src/ibp/shape/rotateTip.js
new file mode 100644
index 000000000..5c1540487
--- /dev/null
+++ b/src/ibp/shape/rotateTip.js
@@ -0,0 +1,68 @@
+import Group from 'zrender/src/container/Group';
+import Image from 'zrender/src/graphic/Image';
+import rotateBlack from '@/assets/ibp_images/rotate_black.png';
+import rotateRed from '@/assets/ibp_images/rotate_red.png';
+
+export default class rotateTip extends Group {
+
+	constructor(device) {
+		super();
+		this.model = device.model;
+		this.zlevel = device.model.zlevel;
+		this.create();
+	}
+
+	create() {
+		const model = this.model;
+		this.imageBg = new Image({
+			zlevel: this.zlevel,
+			draggable: model.draggable || false,
+			style: {
+				image: this.getRotateColor(),
+				x: model.point.x,
+				y: model.point.y,
+				width: 70,
+				height: 74
+			}
+		});
+		this.add(this.imageBg);
+	}
+    
+	getRotateColor() {
+		if (this.model.color) {
+			switch (this.model.color) {
+			case 'black': {
+				return rotateBlack;
+			}
+			case 'red': {
+				return rotateRed;
+			}
+			}
+		} else {
+			return rotateBlack;
+		}
+	}
+
+	setDraggable() {
+		this.arrow.attr('draggable', true);
+		this.createMouseEvent();
+	}
+	createMouseEvent() {
+		this.on('mousedown', this.mousedown, this);
+		this.on('mousemove', this.mousemove, this);
+		this.on('mouseup', this.mouseup, this);
+	}
+
+	mousedown(e) {
+		this.event.disable();
+	}
+
+	mousemove(e) {
+	}
+
+	mouseup(e) {
+		this.event.enable();
+		this.model.point.x = this.model.point.x + e.offsetX;
+		this.model.point.y = this.model.point.y + e.offsetY;
+	}
+}