desc: 修改地图绘制样式，逻辑调整
This commit is contained in:
zyy
parent
69d4d2be72
commit
6a6bb3a405
@ -32,6 +32,7 @@ export default {
|
||||
pointY: 'Coordinates y:',
|
||||
direct: 'The direction of:',
|
||||
basisLink: 'Based on the Link:',
|
||||
sectionRelSwitchCode: 'sectionRelSwitchCode',
|
||||
|
||||
pleaseSelectSectionName: 'Select the section name',
|
||||
pleaseFillOffset: 'Please fill in the offset',
|
||||
|
||||
@ -114,7 +114,7 @@ export default {
|
||||
automaticSignalCode: '自动信号编码',
|
||||
signalCodeName: '信号机名称',
|
||||
signalCode: '信号机code',
|
||||
sectionData: '区段数据',
|
||||
sectionData: '区段列表',
|
||||
preview: '预览',
|
||||
operation: '操作',
|
||||
compile: '编辑',
|
||||
@ -124,11 +124,11 @@ export default {
|
||||
sectionList: '区段列表',
|
||||
automaticSignal: '自动信号',
|
||||
|
||||
signalID: '信号机ID:',
|
||||
signalID: '信号机:',
|
||||
activate: '激活',
|
||||
|
||||
pleaseSelectSignal: '请选择信号机',
|
||||
triggerSegmentData: '请选择进路自动触发区段数据',
|
||||
triggerSegmentData: '请选择进路自动触发区段',
|
||||
automaticSignalSuccessful: '创建自动信号成功！',
|
||||
failedCreateSignal: '创建自动信号失败',
|
||||
automaticSignalUpdateSucceeded: '更新自动信号成功！',
|
||||
@ -212,7 +212,7 @@ export default {
|
||||
sectionLogicalNumber: '逻辑区段数量',
|
||||
sectionLsectioncode: '左侧区段名称:',
|
||||
sectionRsectioncode: '右侧区段名称:',
|
||||
associatedSection: '关联物理区段:',
|
||||
associatedSection: '所属物理/道岔区段:',
|
||||
blockCoding: '区段编码:',
|
||||
sectionType: '区段类型:',
|
||||
sectionNameColon: '区段名称:',
|
||||
@ -239,12 +239,12 @@ export default {
|
||||
destinationCodeShow: '是否显示目的地码:',
|
||||
leftStopPointOffset: '左向停车点偏移量:',
|
||||
rightStopPointOffset: '右向停车点偏移量:',
|
||||
isSwitchSection: '是否道岔区段:',
|
||||
relSwitchCode: '关联道岔Code:',
|
||||
isSwitchSection: '是否关联道岔:',
|
||||
relSwitchCode: '关联道岔:',
|
||||
logicSectionNameSort: '逻辑区段排序:',
|
||||
fromSmallToLarge: '从小到大',
|
||||
fromLargeToSmall: '从大到小',
|
||||
relevanceLinkCode: '关联的Link:',
|
||||
relevanceLinkCode: '所在Link:',
|
||||
sepTypeLeft: '左侧分隔符类型:',
|
||||
sectionOffsetLeft: '左侧Link偏移量:',
|
||||
sepTypeRight: '右侧分隔符类型:',
|
||||
@ -269,17 +269,22 @@ export default {
|
||||
potLampType: '点灯类型:',
|
||||
signalDirectionType: '方向类型:',
|
||||
signalPositionType: '信号机位置类型:',
|
||||
signalOffset: '偏移量:',
|
||||
signalOffset: '所属link偏移量:',
|
||||
signalLinkCode: '所属link',
|
||||
signalPositionX: '信号机x:',
|
||||
signalPositionY: '信号机y:',
|
||||
signalPosition: '信号机坐标:',
|
||||
signalNamePositionX: '信号机名字偏移量 x:',
|
||||
signalNamePositionY: '信号机名字偏移量 y:',
|
||||
signalNamePosition: '信号机名字偏移量:',
|
||||
signalButtonShow: '是否显示按钮:',
|
||||
signalButtonPositionX: '按钮x:',
|
||||
signalButtonPositionY: '按钮y:',
|
||||
signalButtonPosition: '按钮:',
|
||||
signalGuideShow: '是否显示引导信号灯:',
|
||||
signalGuidePositionX: '引导信号x:',
|
||||
signalGuidePositionY: '引导信号y:',
|
||||
signalGuidePosition: '引导信号:',
|
||||
|
||||
concentrateStationCode: '所属联锁站编码:',
|
||||
stationCode: '车站编码:',
|
||||
@ -296,7 +301,9 @@ export default {
|
||||
stationKmPostFontColor: '公里标字体颜色:',
|
||||
stationPositionX: 'x坐标:',
|
||||
stationPositionY: 'y坐标:',
|
||||
stationPosition: '车站坐标:',
|
||||
|
||||
stationControlPosition: '控制模式坐标:',
|
||||
stationControlCode: '控制模式编码:',
|
||||
stationControlName: '控制模式名称:',
|
||||
zokContent: '中控内容:',
|
||||
@ -313,6 +320,7 @@ export default {
|
||||
stationstandShowName: '是否显示名称:',
|
||||
stationstandWidth: '宽度 w:',
|
||||
stationstandHeight: '高度 h:',
|
||||
stationstandPosition: '车站坐标:',
|
||||
|
||||
switchCode: '道岔编码:',
|
||||
switchName: '道岔名称:',
|
||||
@ -320,6 +328,7 @@ export default {
|
||||
switchShowName: '是否显示道岔名称:',
|
||||
switchPositionX: '道岔名称x偏移量:',
|
||||
switchPositionY: '道岔名称y偏移量:',
|
||||
switchPosition: '道岔名称偏移量:',
|
||||
turnTime: '道岔转换时间:',
|
||||
timeoutShow: '是否显示道岔倒计时时间:',
|
||||
sectionACode: '关联的A Section Code:',
|
||||
@ -327,6 +336,11 @@ export default {
|
||||
sectionCCode: '关联的C Section Code:',
|
||||
switchTpX: '时间x坐标偏移量:',
|
||||
switchTpY: '时间y坐标偏移量:',
|
||||
switchTp: '时间坐标偏移量:',
|
||||
counterPosition: '计数器坐标:',
|
||||
delayUnlockPosition: '延迟解锁坐标:',
|
||||
trainWindowPoints: '车次窗坐标:',
|
||||
textPoints: '坐标:',
|
||||
|
||||
textCode: '文字编码:',
|
||||
textContent: '文本内容:',
|
||||
@ -370,7 +384,7 @@ export default {
|
||||
startingSignalName: '始端信号机名称',
|
||||
endingSignalName: '终端信号机名称',
|
||||
|
||||
routeID: '进路ID',
|
||||
routeID: '进路',
|
||||
routeName: '进路名称:',
|
||||
routeStationName: '所属车站名称',
|
||||
|
||||
@ -381,16 +395,16 @@ export default {
|
||||
accessType: '进路性质类型',
|
||||
automaticRouteType: '自动进路类型',
|
||||
nearSectionCode: '接近区段名称',
|
||||
continueProtectSwitchData: '延续保护道岔数据',
|
||||
accessSideTurnoutData: '进路侧防道岔数据',
|
||||
continueProtectSwitchData: '延续保护道岔',
|
||||
accessSideTurnoutData: '进路侧防道岔',
|
||||
|
||||
turnBackRailName: '折返轨名称',
|
||||
routeSegmentData: '进路自动触发区段数据',
|
||||
routeProtectsData: '进路延续保护区段数据',
|
||||
accessPhysical: '进路物理区段数据',
|
||||
routeRouteScreenData: '进路屏蔽门数据',
|
||||
routeRouteTurnoutData: '进路道岔数据',
|
||||
hostileApproachData: '敌对进路数据',
|
||||
routeSegmentData: '进路自动触发区段',
|
||||
routeProtectsData: '进路延续保护区段',
|
||||
accessPhysical: '进路物理区段',
|
||||
routeRouteScreenData: '进路屏蔽门',
|
||||
routeRouteTurnoutData: '进路道岔',
|
||||
hostileApproachData: '敌对进路',
|
||||
relation: '关系',
|
||||
associatedRoute: '关联进路:',
|
||||
|
||||
@ -401,20 +415,20 @@ export default {
|
||||
accessTypeColon: '进路性质类型:',
|
||||
|
||||
automaticRouteTypeColon: '自动进路类型:',
|
||||
startSignalId: '始端信号机ID:',
|
||||
endSignalId: '终端信号机ID:',
|
||||
startSignalId: '始端信号机:',
|
||||
endSignalId: '终端信号机:',
|
||||
|
||||
switchType: '道岔类型',
|
||||
switchId: '道岔ID',
|
||||
accessSwitchList: '进路道岔数据:',
|
||||
accessStandList: '进路屏蔽门数据:',
|
||||
accessSectionList: '进路物理区段数据:',
|
||||
turnBackSectionCode: '折返轨ID:',
|
||||
routeFlankProtectionList: '侧防道岔数据:',
|
||||
routeOverlapSwitchList: '延续保护道岔数据:',
|
||||
routeOverlapSectionList: '进路延续保护区段数据:',
|
||||
routeTriggerSectionList: '进路自动触发区段数据:',
|
||||
nearSectionCodeColon: '接近区段ID:',
|
||||
switchId: '道岔',
|
||||
accessSwitchList: '进路道岔:',
|
||||
accessStandList: '进路屏蔽门:',
|
||||
accessSectionList: '进路物理区段:',
|
||||
turnBackSectionCode: '折返轨:',
|
||||
routeFlankProtectionList: '侧防道岔:',
|
||||
routeOverlapSwitchList: '延续保护道岔:',
|
||||
routeOverlapSectionList: '进路延续保护区段:',
|
||||
routeTriggerSectionList: '进路自动触发区段:',
|
||||
nearSectionCodeColon: '接近区段:',
|
||||
|
||||
thenList: '交路列表',
|
||||
startStation: '起始站',
|
||||
@ -485,7 +499,7 @@ export default {
|
||||
routingDirection: '方向',
|
||||
remarks: '描述',
|
||||
remarksColon: '描述:',
|
||||
trafficSegmentData: '交路区段数据:',
|
||||
trafficSegmentData: '交路区段:',
|
||||
startSectionColon: '起始区段:',
|
||||
endStationColon: '终到站:',
|
||||
endSectionColon: '终到区段:',
|
||||
|
||||
@ -184,6 +184,7 @@ export default {
|
||||
chooseUser: '请选择用户',
|
||||
pleaseInputLessonName: '请输入课程名称',
|
||||
pleaseSelectTraining: '请选择实训',
|
||||
sectionRelSwitchCode: '请选择关联道岔',
|
||||
|
||||
maxScaling: '(缩放比例最大为8级)',
|
||||
skinCodingInput: '请输入皮肤编码',
|
||||
|
||||
@ -12,7 +12,11 @@ class SkinCode extends defaultStyle {
|
||||
};
|
||||
|
||||
this[deviceType.Section] = {
|
||||
text: {
|
||||
active: {
|
||||
routeColor: false // 进路触发颜色
|
||||
},
|
||||
text: { // 物理区段名称
|
||||
show: true, // 物理区段名称显示
|
||||
position: -1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
fontSize: 11, // 字体大小
|
||||
@ -22,7 +26,8 @@ class SkinCode extends defaultStyle {
|
||||
textPosition: 'inside', // 文字位置
|
||||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||||
},
|
||||
logicText: {
|
||||
logicText: { // 逻辑区段名称
|
||||
show: true, // 逻辑区段名称显示
|
||||
position: -1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
fontSize: 11, // 字体大小
|
||||
@ -32,7 +37,8 @@ class SkinCode extends defaultStyle {
|
||||
textPosition: 'inside', // 文字位置
|
||||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||||
},
|
||||
standText: {
|
||||
standText: { // 站台轨名称
|
||||
show: true, // 站台轨名称显示
|
||||
opposite: true, // 对称相反
|
||||
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
@ -43,7 +49,8 @@ class SkinCode extends defaultStyle {
|
||||
textPosition: 'inside', // 文字位置
|
||||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||||
},
|
||||
reentryText: {
|
||||
reentryText: { // 折返轨名称
|
||||
show: true, // 折返轨名称显示
|
||||
opposite: true, // 对称相反
|
||||
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
@ -54,7 +61,8 @@ class SkinCode extends defaultStyle {
|
||||
textPosition: 'inside', // 文字位置
|
||||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||||
},
|
||||
transferText: {
|
||||
transferText: { // 转换轨名称
|
||||
show: true, // 转换轨名称显示
|
||||
opposite: true, // 对称相反
|
||||
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
@ -65,7 +73,8 @@ class SkinCode extends defaultStyle {
|
||||
textPosition: 'inside', // 文字位置
|
||||
textVerticalAlign: 'middle' // 文字垂直对齐方式
|
||||
},
|
||||
destinationText: {
|
||||
destinationText: { // 目的码名称
|
||||
show: true, // 目的码名称显示
|
||||
position: 1, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 11, // 文字离区段距离
|
||||
fontSize: 11, // 字体大小
|
||||
@ -262,7 +271,7 @@ class SkinCode extends defaultStyle {
|
||||
emergencyControlShow: true, // 紧急站控显示
|
||||
centerControlShow: true, // 中控显示
|
||||
substationControlShow: true, // 站控按钮显示
|
||||
turnedAroundControlShow: true // 按图折返显示
|
||||
turnedAroundControlShow: false // 按图折返显示
|
||||
},
|
||||
arrow: {
|
||||
show: false // 控制模式箭头显隐
|
||||
|
||||
@ -12,6 +12,9 @@ class SkinCode extends defaultStyle {
|
||||
};
|
||||
|
||||
this[deviceType.Section] = {
|
||||
active: {
|
||||
routeColor: true // 进路触发颜色
|
||||
},
|
||||
text: {
|
||||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 10, // 文字离区段距离
|
||||
@ -262,7 +265,11 @@ class SkinCode extends defaultStyle {
|
||||
grayColor: '#7F7F7F', // 控制模式灰色
|
||||
greenColor: '#00FF00', // 控制模式绿色
|
||||
redColor: '#FF0000', // 控制模式红色
|
||||
yellowColor: '#FFFF00' // 控制模式黄色
|
||||
yellowColor: '#FFFF00', // 控制模式黄色
|
||||
emergencyControlShow: true, // 紧急站控显示
|
||||
centerControlShow: true, // 中控显示
|
||||
substationControlShow: true, // 站控按钮显示
|
||||
turnedAroundControlShow: false // 按图折返显示
|
||||
},
|
||||
arrow: {
|
||||
show: false // 控制模式箭头显隐
|
||||
|
||||
@ -12,6 +12,9 @@ class SkinCode extends defaultStyle {
|
||||
};
|
||||
|
||||
this[deviceType.Section] = {
|
||||
active: {
|
||||
routeColor: false // 进路触发颜色
|
||||
},
|
||||
text: {
|
||||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 10, // 文字离区段距离
|
||||
@ -259,7 +262,11 @@ class SkinCode extends defaultStyle {
|
||||
grayColor: '#C0C0C0', // 控制模式灰色
|
||||
greenColor: 'green', // 控制模式绿色
|
||||
redColor: 'red', // 控制模式红色
|
||||
yellowColor: 'yellow' // 控制模式黄色
|
||||
yellowColor: 'yellow', // 控制模式黄色
|
||||
emergencyControlShow: true, // 紧急站控显示
|
||||
centerControlShow: true, // 中控显示
|
||||
substationControlShow: true, // 站控按钮显示
|
||||
turnedAroundControlShow: false // 按图折返显示
|
||||
},
|
||||
arrow: {
|
||||
show: false // 控制模式箭头显隐
|
||||
|
||||
@ -12,6 +12,9 @@ class SkinCode extends defaultStyle {
|
||||
};
|
||||
|
||||
this[deviceType.Section] = {
|
||||
active: {
|
||||
routeColor: false // 进路触发颜色
|
||||
},
|
||||
text: {
|
||||
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称
|
||||
distance: 18, // 文字离区段距离
|
||||
@ -241,7 +244,11 @@ class SkinCode extends defaultStyle {
|
||||
grayColor: '#7F7F7F', // 控制模式灰色
|
||||
greenColor: '#00FF00', // 控制模式绿色
|
||||
redColor: '#FF0000', // 控制模式红色
|
||||
yellowColor: '#FFFF00' // 控制模式黄色
|
||||
yellowColor: '#FFFF00', // 控制模式黄色
|
||||
emergencyControlShow: false, // 紧急站控显示
|
||||
centerControlShow: true, // 中控显示
|
||||
substationControlShow: true, // 站控按钮显示
|
||||
turnedAroundControlShow: false // 按图折返显示
|
||||
},
|
||||
arrow: {
|
||||
show: true // 控制模式箭头显隐
|
||||
|
||||
@ -308,8 +308,10 @@ class Jlmap {
|
||||
} else {
|
||||
const elem = list[idex];
|
||||
if (elem) {
|
||||
Object.keys(elem).forEach(key => {
|
||||
Object.keys(model).forEach(key => {
|
||||
if (key != 'instance') {
|
||||
elem[key] = model[key];
|
||||
}
|
||||
});
|
||||
} else {
|
||||
list.push(Object.assign({}, model));
|
||||
|
||||
@ -731,12 +731,21 @@ export default class Section extends Group {
|
||||
/** 设置状态*/
|
||||
setState(model) {
|
||||
this.recover();
|
||||
if (model.status == '01') {
|
||||
if (this.name && this.style.Section.active.routeColor) {
|
||||
this.name.setStyle({textFill: this.style.Section.text.fontColor});
|
||||
}
|
||||
} else {
|
||||
if (this.name && this.style.Section.active.routeColor) {
|
||||
this.name.setStyle({textFill: 'green'});
|
||||
}
|
||||
}
|
||||
switch (model.status) {
|
||||
case '00': /** 未定义*/
|
||||
this.undefine();
|
||||
break;
|
||||
case '01': /** 空闲*/
|
||||
this.spare();
|
||||
this.spare(); // 空闲状态下 名称白色 其他条件为绿色
|
||||
break;
|
||||
case '02': /** 通信车占用*/
|
||||
this.communicationOccupied();
|
||||
|
||||
@ -26,6 +26,7 @@ export default class StationControl extends Group {
|
||||
create() {
|
||||
const model = this.model;
|
||||
// 紧急站控
|
||||
if (this.style.StationControl.lamp.emergencyControlShow) {
|
||||
this.emergencyControl = new ESingleControl({
|
||||
_subType: 'emergency',
|
||||
style: this.style,
|
||||
@ -38,7 +39,10 @@ export default class StationControl extends Group {
|
||||
context: model.jjzkContent,
|
||||
pop: false
|
||||
});
|
||||
this.add(this.emergencyControl);
|
||||
}
|
||||
// 中控按钮
|
||||
if (this.style.StationControl.lamp.centerControlShow) {
|
||||
this.centerControl = new ESingleControl({
|
||||
_subType: 'center',
|
||||
style: this.style,
|
||||
@ -51,7 +55,10 @@ export default class StationControl extends Group {
|
||||
context: model.zokContent,
|
||||
pop: false
|
||||
});
|
||||
this.add(this.centerControl);
|
||||
}
|
||||
// 站控按钮
|
||||
if (this.style.StationControl.lamp.substationControlShow) {
|
||||
this.substationControl = new ESingleControl({
|
||||
_subType: 'substation',
|
||||
style: this.style,
|
||||
@ -64,7 +71,10 @@ export default class StationControl extends Group {
|
||||
context: model.zakContent,
|
||||
pop: false
|
||||
});
|
||||
this.add(this.substationControl);
|
||||
}
|
||||
// 按图折返
|
||||
if (this.style.StationControl.lamp.turnedAroundControlShow) {
|
||||
this.turnedAroundControl = new ESingleControl({
|
||||
_subType: 'turnedAround',
|
||||
style: this.style,
|
||||
@ -77,6 +87,8 @@ export default class StationControl extends Group {
|
||||
context: '按图折返',
|
||||
pop: false
|
||||
});
|
||||
this.add(this.turnedAroundControl);
|
||||
}
|
||||
// 箭头
|
||||
if (this.style.StationControl.arrow.show) {
|
||||
const point = arrow(this.model.position.x, this.model.position.y + this.style.StationControl.lamp.radiusR / 2, this.style.StationControl.lamp.distance / 6, this.style.StationControl.lamp.radiusR * 0.8);
|
||||
@ -95,14 +107,6 @@ export default class StationControl extends Group {
|
||||
});
|
||||
this.add(this.arrowsControl);
|
||||
}
|
||||
this.add(this.substationControl);
|
||||
this.add(this.centerControl);
|
||||
if (this.style.StationControl.lamp.count == 3) {
|
||||
this.add(this.emergencyControl);
|
||||
} else if (this.style.StationControl.lamp.count == 4) {
|
||||
this.add(this.emergencyControl);
|
||||
this.add(this.turnedAroundControl);
|
||||
}
|
||||
}
|
||||
|
||||
// 设置状态
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="font_box">
|
||||
<el-select v-model="font" :placeholder="$t('global.font')" @input="$emit('input', inputValue)">
|
||||
<el-option v-for="option in fontList" :key="option.code" :label="option.name" :value="option.code" />
|
||||
</el-select>
|
||||
@ -65,9 +65,20 @@ export default {
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
.format {
|
||||
background-color: #C0C4CC;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.font_box{
|
||||
/deep/ {
|
||||
.el-select{
|
||||
max-width: 50%;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -80,18 +80,18 @@ export default {
|
||||
selectCheckShow: false,
|
||||
indexShow: true,
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('map.routeID'),
|
||||
prop: 'code'
|
||||
},
|
||||
// {
|
||||
// title: this.$t('map.routeID'),
|
||||
// prop: 'code'
|
||||
// },
|
||||
{
|
||||
title: this.$t('map.pathName'),
|
||||
prop: 'name'
|
||||
},
|
||||
{
|
||||
title: this.$t('map.pathUnitMapName'),
|
||||
prop: 'mapId'
|
||||
},
|
||||
// {
|
||||
// title: this.$t('map.pathUnitMapName'),
|
||||
// prop: 'mapId'
|
||||
// },
|
||||
{
|
||||
title: this.$t('map.routeStationName'),
|
||||
prop: 'stationCode'
|
||||
|
||||
@ -37,6 +37,20 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.turnBackSectionCode')" prop="turnBackSectionCode">
|
||||
<el-select v-model="addModel.turnBackSectionCode" clearable :filterable="true">
|
||||
<el-option
|
||||
v-for="item in sectionList"
|
||||
:key="item.code"
|
||||
:label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'turnBackSectionCode' ? 'danger' : 'primary'"
|
||||
@click="hover('turnBackSectionCode')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.automaticRouteTypeColon')" prop="autoType">
|
||||
<el-select v-model="addModel.autoType" :filterable="true">
|
||||
<el-option
|
||||
@ -89,13 +103,6 @@
|
||||
@click="hover('nearSectionCode')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="自动触发区段ID:" prop="autoTriggerSectionCode">
|
||||
<el-select v-model="addModel.autoTriggerSectionCode" clearable :filterable="true">
|
||||
<el-option v-for="item in sectionList" :key="item.code" :label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"></el-option>
|
||||
</el-select>
|
||||
<el-button @click="hover('autoTriggerSectionCode')" :type=" field === 'autoTriggerSectionCode' ? 'danger' : 'primary'">{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('map.routeTriggerSectionList')" prop="routeTriggerSectionList">
|
||||
<el-select v-model="addModel.routeTriggerSectionList" multiple clearable :filterable="true">
|
||||
<el-option
|
||||
@ -110,142 +117,6 @@
|
||||
@click="hover('routeTriggerSectionList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.routeOverlapSectionList')" prop="routeOverlapSectionList">
|
||||
<el-select v-model="addModel.routeOverlapSectionList" multiple clearable :filterable="true">
|
||||
<el-option
|
||||
v-for="item in sectionList"
|
||||
:key="item.code"
|
||||
:label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeOverlapSectionList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeOverlapSectionList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
|
||||
<!-- <el-form-item label="延续保护道岔ID:" prop="routeOverlapSwitchList">
|
||||
<el-select v-model="addModel.routeOverlapSwitchList" multiple :filterable="true">
|
||||
<el-option v-for="item in switchList" :key="item.code" :label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"></el-option>
|
||||
</el-select>
|
||||
<el-button @click="hover('routeOverlapSwitchList')" :type=" field === 'routeOverlapSwitchList' ? 'danger' : 'primary'">{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="延续保护道岔位置类型:" prop="overlapSwitchLocateType">
|
||||
<el-select v-model="addModel.overlapSwitchLocateType" :filterable="true">
|
||||
<el-option v-for="item in SwitchLocateTypeList" :key="item.code" :label="item.name" :value="item.code"></el-option>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item :label="$t('map.routeOverlapSwitchList')" prop="routeOverlapSwitchList">
|
||||
<el-select v-model="overlapCode" clearable :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in switchList"
|
||||
:key="item.code"
|
||||
:label="`${item.name}(${item.code})`"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeOverlapSwitchList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeOverlapSwitchList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="pushSwitch(addModel.routeOverlapSwitchList, {switchCode:overlapCode, switchLocateType:overlapType})"
|
||||
>{{ $t('map.add') }}
|
||||
</el-button>
|
||||
<el-select v-model="overlapType" :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in SwitchLocateTypeList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="addModel.routeOverlapSwitchList" border style="width: 97%">
|
||||
<el-table-column prop="switchCode" :label="$t('map.switchId')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ swictchName(scope.row.switchCode) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="switchLocateType" :label="$t('map.switchType')" />
|
||||
<el-table-column fixed="right" :label="$t('map.operation')" width="50">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.prevent="deleteSwitch(addModel.routeOverlapSwitchList, scope.$index)"
|
||||
>
|
||||
{{ $t('map.remove') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item :label="$t('map.routeFlankProtectionList')" prop="routeFlankProtectionList">
|
||||
<el-select v-model="flankCode" clearable :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in switchList"
|
||||
:key="item.code"
|
||||
:label="`${item.name}(${item.code})`"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeFlankProtectionList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeFlankProtectionList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="pushSwitch(addModel.routeFlankProtectionList, {switchCode:flankCode, switchLocateType:flankType})"
|
||||
>{{ $t('map.add') }}
|
||||
</el-button>
|
||||
<el-select v-model="flankType" :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in SwitchLocateTypeList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="addModel.routeFlankProtectionList" border style="width: 97%">
|
||||
<el-table-column prop="switchCode" :label="$t('map.switchId')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ swictchName(scope.row.switchCode) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="switchLocateType" :label="$t('map.switchType')" />
|
||||
<el-table-column fixed="right" label="操作" width="50">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.prevent="deleteSwitch(addModel.routeFlankProtectionList, scope.$index)"
|
||||
>
|
||||
{{ $t('map.remove') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item :label="$t('map.turnBackSectionCode')" prop="turnBackSectionCode">
|
||||
<el-select v-model="addModel.turnBackSectionCode" clearable :filterable="true">
|
||||
<el-option
|
||||
v-for="item in sectionList"
|
||||
:key="item.code"
|
||||
:label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'turnBackSectionCode' ? 'danger' : 'primary'"
|
||||
@click="hover('turnBackSectionCode')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="进路物理区段数据:" prop="routeSectionList">
|
||||
<el-select v-model="addModel.routeSectionList" multiple :filterable="true" placeholder="请选择">
|
||||
<el-option
|
||||
@ -260,20 +131,6 @@
|
||||
@click="hover('routeSectionList')"
|
||||
>激活</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="进路屏蔽门数据:" prop="routeStandList">
|
||||
<el-select v-model="addModel.routeStandList" multiple :filterable="true" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in stationStandList"
|
||||
:key="item.code"
|
||||
:label="item.code"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeStandList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeStandList')"
|
||||
>激活</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="进路道岔数据:" prop="routeSwitchList">
|
||||
<el-select v-model="routeCode" clearable :filterable="true" placeholder="请选择道岔数据">
|
||||
<el-option
|
||||
@ -289,7 +146,7 @@
|
||||
>激活</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="pushSwitch(addModel.routeSwitchList, { switchCode: routeCode, switchLocateType: routeType } )"
|
||||
@click="pushSwitch(addModel.routeSwitchList, { switchCode: routeCode, switchLocateType: routeType, switchType: overlapType == '01' ? '定位' : '反位' } )"
|
||||
>添加</el-button>
|
||||
<el-select v-model="routeType" :filterable="true" placeholder="请选择道岔类型">
|
||||
<el-option
|
||||
@ -300,12 +157,12 @@
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="addModel.routeSwitchList" border style="width: 97%">
|
||||
<el-table-column prop="switchCode" label="道岔ID">
|
||||
<el-table-column prop="switchCode" label="道岔">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ swictchName(scope.row.switchCode) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="switchLocateType" :label="$t('map.switchType')" />
|
||||
<el-table-column prop="switchType" :label="$t('map.switchType')" />
|
||||
<el-table-column fixed="right" :label="$t('map.operation')" width="50">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
@ -319,6 +176,126 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="进路屏蔽门数据:" prop="routeStandList">
|
||||
<el-select v-model="addModel.routeStandList" multiple :filterable="true" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in stationStandList"
|
||||
:key="item.code"
|
||||
:label="item.code"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeStandList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeStandList')"
|
||||
>激活</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.routeFlankProtectionList')" prop="routeFlankProtectionList">
|
||||
<el-select v-model="flankCode" clearable :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in switchList"
|
||||
:key="item.code"
|
||||
:label="`${item.name}(${item.code})`"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeFlankProtectionList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeFlankProtectionList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="pushSwitch(addModel.routeFlankProtectionList, {switchCode:flankCode, switchLocateType:flankType, switchType: overlapType == '01' ? '定位' : '反位'})"
|
||||
>{{ $t('map.add') }}
|
||||
</el-button>
|
||||
<el-select v-model="flankType" :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in SwitchLocateTypeList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="addModel.routeFlankProtectionList" border style="width: 97%">
|
||||
<el-table-column prop="switchCode" :label="$t('map.switchId')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ swictchName(scope.row.switchCode) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="switchType" :label="$t('map.switchType')" />
|
||||
<el-table-column fixed="right" label="操作" width="50">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.prevent="deleteSwitch(addModel.routeFlankProtectionList, scope.$index)"
|
||||
>
|
||||
{{ $t('map.remove') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.routeOverlapSectionList')" prop="routeOverlapSectionList">
|
||||
<el-select v-model="addModel.routeOverlapSectionList" multiple clearable :filterable="true">
|
||||
<el-option
|
||||
v-for="item in sectionList"
|
||||
:key="item.code"
|
||||
:label="item.name + ' (' + item.code+ ')'"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeOverlapSectionList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeOverlapSectionList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.routeOverlapSwitchList')" prop="routeOverlapSwitchList">
|
||||
<el-select v-model="overlapCode" clearable :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in switchList"
|
||||
:key="item.code"
|
||||
:label="`${item.name}(${item.code})`"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button
|
||||
:type=" field === 'routeOverlapSwitchList' ? 'danger' : 'primary'"
|
||||
@click="hover('routeOverlapSwitchList')"
|
||||
>{{ $t('map.activate') }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="pushSwitch(addModel.routeOverlapSwitchList, {switchCode:overlapCode, switchLocateType:overlapType, switchType: overlapType == '01' ? '定位' : '反位'})"
|
||||
>{{ $t('map.add') }}
|
||||
</el-button>
|
||||
<el-select v-model="overlapType" :filterable="true" :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="item in SwitchLocateTypeList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="addModel.routeOverlapSwitchList" border style="width: 97%">
|
||||
<el-table-column prop="switchCode" :label="$t('map.switchId')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ swictchName(scope.row.switchCode) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="switchType" :label="$t('map.switchType')" />
|
||||
<el-table-column fixed="right" :label="$t('map.operation')" width="50">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.prevent="deleteSwitch(addModel.routeOverlapSwitchList, scope.$index)"
|
||||
>
|
||||
{{ $t('map.remove') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button-group>
|
||||
<el-button v-if="isSave" type="primary" size="small" :loading="loading" @click="save">{{ $t('map.save') }}
|
||||
|
||||
@ -111,7 +111,7 @@ export default {
|
||||
]),
|
||||
dataForm() {
|
||||
const form = {
|
||||
labelWidth: '150px',
|
||||
labelWidth: '130px',
|
||||
items: {
|
||||
code: {
|
||||
name: '',
|
||||
@ -126,7 +126,7 @@ export default {
|
||||
{ prop: 'height', label: this.$t('map.imageHeight'), type: 'number', min: 0 },
|
||||
{ prop: 'zIndex', label: this.$t('map.imageZindex'), type: 'number', min: 0 },
|
||||
{ prop: 'rotate', label: this.$t('map.rotateAngle'), type: 'number', min: 0 },
|
||||
{ prop: 'position', label: this.$t('map.imagePoint'), type: 'coordinate', width: '140px', children: [
|
||||
{ prop: 'position', label: this.$t('map.imagePoint'), type: 'coordinate', width: '120px', children: [
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '20px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '20px' }
|
||||
] }
|
||||
@ -206,8 +206,6 @@ export default {
|
||||
y: selected.position.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -194,7 +194,11 @@ export default {
|
||||
} else if (label == 'label') {
|
||||
return option.label;
|
||||
} else if (label == 'name&&code') {
|
||||
if (option.code) {
|
||||
return option.name + ' (' + option.code+ ')';
|
||||
} else {
|
||||
return option.name;
|
||||
}
|
||||
} else if (label == 'code&&name') {
|
||||
return option.code + ' (' + option.name+ ')';
|
||||
} else {
|
||||
|
||||
@ -209,7 +209,11 @@ export default {
|
||||
} else if (label == 'label') {
|
||||
return option.label;
|
||||
} else if (label == 'name&&code') {
|
||||
if (option.code) {
|
||||
return option.name + ' (' + option.code+ ')';
|
||||
} else {
|
||||
return option.name;
|
||||
}
|
||||
} else if (label == 'code&&name') {
|
||||
return option.code + ' (' + option.name+ ')';
|
||||
} else {
|
||||
|
||||
@ -150,8 +150,10 @@ export default {
|
||||
{ prop: 'name', label: this.$t('map.counterName'), type: 'input' },
|
||||
{ prop: 'type', label: this.$t('map.counterType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.typeList },
|
||||
{ prop: 'max', label: this.$t('map.countMax'), type: 'number', min: 0, placeholder: '个' },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'position', label: this.$t('map.counterPosition'), type: 'coordinate', width: '110px', 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: {
|
||||
@ -200,8 +202,6 @@ export default {
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.addModel.stationCode = selected.code;
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -132,8 +132,10 @@ export default {
|
||||
{ prop: 'unlockTime', label: this.$t('map.delayTime'), type: 'number', min: 0, max: 1000, placeholder: 's' },
|
||||
{ prop: 'fontFamily', label: this.$t('map.font'), type: 'font' },
|
||||
{ prop: 'textFontColor', label: this.$t('map.color'), type: 'color' },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'position', label: this.$t('map.delayUnlockPosition'), type: 'coordinate', width: '110px', 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: {
|
||||
@ -182,8 +184,6 @@ export default {
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.addModel.stationCode = selected.code;
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
|
||||
this.$refs.form.clearValidate();
|
||||
|
||||
@ -185,8 +185,6 @@ export default {
|
||||
y: selected.position.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -176,8 +176,6 @@ export default {
|
||||
y: selected.position.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -208,8 +208,6 @@ export default {
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.addModel.stationName = selected.name;
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
addPoint(index) {
|
||||
|
||||
@ -170,20 +170,19 @@ export default {
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.linkCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.linkName'), type: 'input' },
|
||||
{ prop: 'lengthShow', label: this.$t('map.linkDisplayLength'), type: 'number', min: 50, placeholder: 'px' },
|
||||
{ prop: 'color', label: this.$t('map.linkColor'), type: 'color' },
|
||||
{ prop: 'leftFdCode', label: this.$t('map.linkLeftFdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'leftSdCode', label: this.$t('map.linkLeftSdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'rightFdCode', label: this.$t('map.linkRightFdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'rightSdCode', label: this.$t('map.linkRightSdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'lp', label: this.$t('map.linkLp'), type: 'coordinate', width: '160px', children: [
|
||||
{ prop: 'lp', label: this.$t('map.linkLp'), type: 'coordinate', width: '119px', children: [
|
||||
{ prop: 'lp.x', firstLevel: 'lp', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '20px', disabled: false },
|
||||
{ prop: 'lp.y', firstLevel: 'lp', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '20px', disabled: false }
|
||||
] },
|
||||
{ prop: 'rp', label: this.$t('map.linkRp'), type: 'coordinate', width: '160px', children: [
|
||||
{ prop: 'rp', label: this.$t('map.linkRp'), type: 'coordinate', width: '119px', children: [
|
||||
{ prop: 'rp.x', firstLevel: 'rp', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '20px', disabled: false },
|
||||
{ prop: 'rp.y', firstLevel: 'rp', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '20px', disabled: false }
|
||||
] }
|
||||
] },
|
||||
{ prop: 'color', label: this.$t('map.linkColor'), type: 'color' },
|
||||
{ prop: 'leftFdCode', label: this.$t('map.linkLeftFdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkLists },
|
||||
{ prop: 'leftSdCode', label: this.$t('map.linkLeftSdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkLists },
|
||||
{ prop: 'rightFdCode', label: this.$t('map.linkRightFdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkLists },
|
||||
{ prop: 'rightSdCode', label: this.$t('map.linkRightSdCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkLists }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -279,6 +278,10 @@ export default {
|
||||
this.activeName = 'first';
|
||||
this.$refs.dataform.clearValidate();
|
||||
});
|
||||
},
|
||||
linkList(value) {
|
||||
this.linkLists = JSON.parse(JSON.stringify(this.linkList));
|
||||
this.linkLists.unshift({code: '', name: '无'});
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@ -301,10 +304,10 @@ export default {
|
||||
this.editModel.lengthShow = Math.sqrt(Math.pow(selected.rp.x - selected.lp.x, 2) + Math.pow(selected.rp.y - selected.lp.y, 2));
|
||||
this.editModel.lengthFact = selected.lengthFact;
|
||||
this.editModel.color = selected.color;
|
||||
this.editModel.leftFdCode = selected.leftFdCode;
|
||||
this.editModel.leftSdCode = selected.leftSdCode;
|
||||
this.editModel.rightFdCode = selected.rightFdCode;
|
||||
this.editModel.rightSdCode = selected.rightSdCode;
|
||||
this.editModel.leftFdCode = selected.leftFdCode || '';
|
||||
this.editModel.leftSdCode = selected.leftSdCode || '';
|
||||
this.editModel.rightFdCode = selected.rightFdCode || '';
|
||||
this.editModel.rightSdCode = selected.rightSdCode || '';
|
||||
this.editModel.lp = {
|
||||
x: selected.lp.x,
|
||||
y: selected.lp.y
|
||||
@ -314,8 +317,6 @@ export default {
|
||||
y: selected.rp.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
@ -136,30 +136,6 @@
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane class="view-control" :label="$t('map.rulesChange')" name="six">
|
||||
<el-scrollbar wrap-class="scrollbar-wrapper" :style="{ height: cardHeight +'px' }">
|
||||
<el-form ref="fiveRule" :model="editRuleModel" label-width="120px" size="mini" :rules="editRule">
|
||||
<el-form-item :label="$t('map.pointY')" prop="pointY">
|
||||
<el-input-number v-model="editRuleModel.pointY" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.trainDirection')" prop="trainType">
|
||||
<el-select v-model="editRuleModel.trainType" filterable :placeholder="$t('map.pleaseSelect')">
|
||||
<el-option
|
||||
v-for="option in TrainPositionTypeList"
|
||||
:key="option.code"
|
||||
:label="option.name"
|
||||
:value="option.code"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
<div class="button_box">
|
||||
<el-button-group class="map-draft-group">
|
||||
<el-button type="primary" size="small" @click="editSectionTrain">{{ $t('map.updateObj') }}</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
@ -235,13 +211,14 @@ export default {
|
||||
offsetLeft: 0,
|
||||
sepTypeRight: '',
|
||||
offsetRight: 0,
|
||||
trainPosType: '',
|
||||
trainPosType: '01',
|
||||
// pointY: '',
|
||||
parentCode: '',
|
||||
points: [],
|
||||
isCurve: false
|
||||
},
|
||||
editRuleModel: {
|
||||
trainType: '01',
|
||||
// trainType: '01',
|
||||
pointY: 0
|
||||
},
|
||||
tableData: [],
|
||||
@ -304,15 +281,13 @@ export default {
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.blockCoding'), type: 'select', mode: false, optionLabel: 'name&&code', optionValue: 'code', options: this.sectionList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.sectionNameColon'), type: 'input' },
|
||||
{ prop: 'parentCode', label: this.$t('map.associatedSection'), type: 'select', mode: true, optionLabel: 'code&&name', optionValue: 'code', disabled: true, options: this.sectionList, isHidden: !this.isParentCode },
|
||||
{ prop: 'namePoint', label: this.$t('map.sectionNameOffset'), type: 'coordinate', width: '150px', children: [
|
||||
{ prop: 'namePoint.x', firstLevel: 'namePoint', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '20px' },
|
||||
{ prop: 'namePoint.y', firstLevel: 'namePoint', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '20px' }
|
||||
{ prop: 'namePoint.x', firstLevel: 'namePoint', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'namePoint.y', firstLevel: 'namePoint', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] },
|
||||
{ prop: 'nameShow', label: this.$t('map.displayExtentName'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
{ prop: 'axleShow', label: this.$t('map.displayAxleCounter'), type: 'checkbox', disabled: this.isStationAxleShow, isHidden: !this.isSectionType},
|
||||
{ prop: 'logicSectionShow', label: this.$t('map.displayLogicalExtents'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
{ prop: 'logicSectionNameShow', label: this.$t('map.displayLogicalWxtentNames'), type: 'checkbox', disabled: this.islogicSectionNameShow, isHidden: !this.isSectionType },
|
||||
{ prop: 'type', label: this.$t('map.sectionType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SectionTypeList, disabled: true },
|
||||
{ prop: 'linkCode', label: this.$t('map.relevanceLinkCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList, disabled: true, isHidden: !this.isSectionType },
|
||||
{ prop: 'parentCode', label: this.$t('map.associatedSection'), type: 'select', mode: true, optionLabel: 'name&&code', optionValue: 'code', disabled: true, options: this.sectionList, isHidden: !this.isParentCode },
|
||||
{ prop: 'isStandTrack', label: this.$t('map.isStandTrack'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
{ prop: 'standTrackName', label: this.$t('map.standTrackName'), type: 'input', isHidden: !this.isstandTrackNameShow },
|
||||
{ prop: 'standTrackNamePosition', label: this.$t('map.standTrackNamePosition'), type: 'coordinate', width: '150px', isHidden: !this.isstandTrackNameShow, children: [
|
||||
@ -342,11 +317,12 @@ export default {
|
||||
{ prop: 'rightStopPointOffset', label: this.$t('map.rightStopPointOffset'), type: 'number', min: 0, isHidden: !this.isStopPointOffset },
|
||||
{ prop: 'isSwitchSection', label: this.$t('map.isSwitchSection'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
{ prop: 'relSwitchCode', label: this.$t('map.relSwitchCode'), type: 'select', optionLabel: 'code&&name', optionValue: 'code', options: this.switchList, change: true, deviceChange: this.deviceChange, isHidden: !this.isRelSwitchCode },
|
||||
{ prop: 'logicSectionShow', label: this.$t('map.displayLogicalExtents'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
{ prop: 'logicSectionNameShow', label: this.$t('map.displayLogicalWxtentNames'), type: 'checkbox', disabled: this.islogicSectionNameShow, isHidden: !this.isSectionType },
|
||||
{ prop: 'logicSectionNameSort', label: this.$t('map.logicSectionNameSort'), type: 'radio', isHidden: !this.isLogicSectionNameSort, radioList: [
|
||||
{value: true, label: this.$t('map.fromSmallToLarge')},
|
||||
{value: false, label: this.$t('map.fromLargeToSmall')}
|
||||
] },
|
||||
{ prop: 'linkCode', label: this.$t('map.relevanceLinkCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList, disabled: true, isHidden: !this.isSectionType },
|
||||
{ prop: 'sepTypeLeft', label: this.$t('map.sepTypeLeft'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SectionSepTypeList, isHidden: !this.isSectionType },
|
||||
{ prop: 'sepTypeRight', label: this.$t('map.sepTypeRight'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SectionSepTypeList, isHidden: !this.isSectionType },
|
||||
{ prop: 'isSegmentation', label: this.$t('map.isSegmentation'), type: 'checkbox', isHidden: !this.isSectionType },
|
||||
@ -364,10 +340,9 @@ export default {
|
||||
{ prop: 'stationCode', label: this.$t('map.equipmentStation'), type: 'select', mode: true, optionLabel: 'name&&code', optionValue: 'code', disabled: this.isStationCodeDisabled, options: this.stationList },
|
||||
{ prop: 'offsetLeft', label: this.$t('map.sectionOffsetLeft'), type: 'number', min: 0, placeholder: '米', isHidden: !this.isSectionType },
|
||||
{ prop: 'offsetRight', label: this.$t('map.sectionOffsetRight'), type: 'number', min: 0, placeholder: '米', isHidden: !this.isSectionType },
|
||||
{ prop: 'region', label: this.$t('map.sectionColon'), type: 'select', optionLabel: 'label', optionValue: 'value', options: this.regionList },
|
||||
{ prop: 'region', label: this.$t('map.sectionColon'), type: 'select', optionLabel: 'label', optionValue: 'value', options: this.regionList, isHidden: !this.sectionColonShow },
|
||||
{ prop: 'kmRangeLeft', label: this.$t('map.leftKilometerMark'), type: 'number', min: 0 },
|
||||
{ prop: 'kmRangeRight', label: this.$t('map.rightKilometerMark'), type: 'number', min: 0 },
|
||||
{ prop: 'type', label: this.$t('map.sectionType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SectionTypeList },
|
||||
{ prop: 'trainPosType', label: this.$t('map.trainDirection'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.TrainPositionTypeList, isHidden: !this.isSectionType }
|
||||
]
|
||||
}
|
||||
@ -424,6 +399,9 @@ export default {
|
||||
],
|
||||
sepTypeRight: [
|
||||
{ required: true, message: this.$t('rules.sectionSepTypeRight'), trigger: 'change' }
|
||||
],
|
||||
relSwitchCode: [
|
||||
{ required: true, message: this.$t('rules.sectionRelSwitchCode'), trigger: 'change' }
|
||||
]
|
||||
};
|
||||
return rules;
|
||||
@ -460,6 +438,7 @@ export default {
|
||||
|
||||
// 判断显隐
|
||||
isParentCode() {
|
||||
// true 显示 false 隐藏
|
||||
return this.editModel.type == '02' || this.editModel.relSwitchCode;
|
||||
},
|
||||
isStationCodeDisabled() {
|
||||
@ -510,6 +489,12 @@ export default {
|
||||
},
|
||||
pointDisabledName() {
|
||||
return this.editModel.type == '02';
|
||||
},
|
||||
sectionColonShow() {
|
||||
if (this.$store.state.map.map) {
|
||||
return this.$store.state.map.map.skinVO.code == '03';
|
||||
}
|
||||
return false;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
@ -639,7 +624,7 @@ export default {
|
||||
this.computedLogicSectionNumList(this.editModel.logicSectionNum);
|
||||
|
||||
// 激活选择Section
|
||||
this.activeName = 'three';
|
||||
// this.activeName = 'three';
|
||||
if (this.field.toUpperCase() === 'splitSection'.toUpperCase()) {
|
||||
this.addModel.code = selected.code;
|
||||
} else if (this.field.toUpperCase() === 'leftSection'.toUpperCase()) {
|
||||
@ -650,7 +635,7 @@ export default {
|
||||
this.activeName = 'first';
|
||||
}
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
// this.activeName = 'second';
|
||||
this.tableData = [];
|
||||
}
|
||||
}
|
||||
@ -766,16 +751,6 @@ export default {
|
||||
this.$emit('addOrUpdateMapModel', models);
|
||||
this.$emit('delMapModel', remove);
|
||||
},
|
||||
editSectionTrain() {
|
||||
const data = [];
|
||||
this.sectionList.forEach(ele => {
|
||||
if (ele.points[0].y == this.editRuleModel.pointY && ele.points[ele.points.length - 1].y == this.editRuleModel.pointY) {
|
||||
ele.trainPosType = this.editRuleModel.trainType;
|
||||
data.push(ele);
|
||||
}
|
||||
});
|
||||
this.$emit('addOrUpdateMapModel', data);
|
||||
},
|
||||
addPoint(index) {
|
||||
const data = { x: 0, y: 0 };
|
||||
this.editModel.points.splice(index + 1, 0, data);
|
||||
@ -977,6 +952,10 @@ export default {
|
||||
section.trainPosType = model.trainPosType;
|
||||
edits.push(section);
|
||||
}
|
||||
// if (section.points[0].y == this.editModel.pointY && section.points[section.points.length - 1].y == this.editModel.pointY) {
|
||||
// section.trainPosType = this.editModel.trainPosType;
|
||||
// edits.push(section);
|
||||
// }
|
||||
});
|
||||
edits.push(model);
|
||||
this.fieldS = '';
|
||||
|
||||
@ -219,22 +219,30 @@ export default {
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.signalCodeColon'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.signalList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.signalNameColon'), type: 'input' },
|
||||
{ prop: 'nameShow', label: this.$t('map.signalDisplayName'), type: 'checkbox' },
|
||||
{ prop: 'position', label: this.$t('map.signalPosition'), 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' }
|
||||
] },
|
||||
// { prop: 'nameShow', label: this.$t('map.signalDisplayName'), type: 'checkbox' },
|
||||
{ prop: 'lampPostType', label: this.$t('map.lampPostType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalLampPostTypeList },
|
||||
{ prop: 'lampPositionType', label: this.$t('map.lampPositionType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalLampPositionTypeList },
|
||||
{ prop: 'directionType', label: this.$t('map.signalDirectionType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalDirectionTypeList },
|
||||
{ prop: 'positionType', label: this.$t('map.signalPositionType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalPositionTypeList },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.signalPositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.signalPositionY'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'rotate', label: this.$t('map.rotateAngle'), type: 'number', min: -90, max: 90, placeholder: this.$t('tip.angle') },
|
||||
{ prop: 'namePosition.x', firstLevel: 'namePosition', secondLevel: 'x', label: this.$t('map.signalNamePositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'namePosition.y', firstLevel: 'namePosition', secondLevel: 'x', label: this.$t('map.signalNamePositionY'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'namePosition', label: this.$t('map.signalNamePosition'), type: 'coordinate', width: '140px', children: [
|
||||
{ prop: 'namePosition.x', firstLevel: 'namePosition', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'namePosition.y', firstLevel: 'namePosition', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] },
|
||||
{ prop: 'buttonShow', label: this.$t('map.signalButtonShow'), type: 'checkbox' },
|
||||
{ prop: 'buttonPosition.x', firstLevel: 'buttonPosition', secondLevel: 'x', label: this.$t('map.signalButtonPositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'buttonPosition.y', firstLevel: 'buttonPosition', secondLevel: 'x', label: this.$t('map.signalButtonPositionY'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'buttonPosition', label: this.$t('map.signalButtonPosition'), type: 'coordinate', width: '140px', children: [
|
||||
{ prop: 'buttonPosition.x', firstLevel: 'buttonPosition', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'buttonPosition.y', firstLevel: 'buttonPosition', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] },
|
||||
{ prop: 'guideShow', label: this.$t('map.signalGuideShow'), type: 'checkbox' },
|
||||
{ prop: 'guidePosition.x', firstLevel: 'guidePosition', secondLevel: 'x', label: this.$t('map.signalGuidePositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'guidePosition.y', firstLevel: 'guidePosition', secondLevel: 'x', label: this.$t('map.signalGuidePositionY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'guidePosition', label: this.$t('map.signalGuidePosition'), type: 'coordinate', width: '140px', children: [
|
||||
{ prop: 'guidePosition.x', firstLevel: 'guidePosition', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'guidePosition.y', firstLevel: 'guidePosition', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -244,7 +252,7 @@ export default {
|
||||
{ prop: 'uniqueName', label: this.$t('map.signalUniqueName'), type: 'input' },
|
||||
{ prop: 'useType', label: this.$t('map.signalUseType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalUseTypeList },
|
||||
{ prop: 'potLampType', label: this.$t('map.potLampType'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.SignalPotLampTypeList },
|
||||
{ prop: 'linkCode', label: 'LinkCode:', type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'linkCode', label: this.$t('map.signalLinkCode')+':', type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.linkList },
|
||||
{ prop: 'offset', label: this.$t('map.signalOffset'), type: 'number', min: 0, placeholder: this.$t('tip.meter') }
|
||||
|
||||
]
|
||||
@ -267,9 +275,6 @@ export default {
|
||||
offset: [
|
||||
{ required: true, message: this.$t('rules.pleaseEnterSignalOffset'), trigger: 'blur' }
|
||||
],
|
||||
stationCode: [
|
||||
{ required: true, message: this.$t('rules.pleaseEnterSignalStation'), trigger: 'change' }
|
||||
],
|
||||
'position.x': [
|
||||
{ required: true, message: this.$t('rules.pleaseEnterSignalPositionX'), trigger: 'blur' }
|
||||
],
|
||||
@ -395,8 +400,6 @@ export default {
|
||||
this.addModel.sectionCode = selected.code;
|
||||
}
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
hover(field) {
|
||||
|
||||
@ -103,7 +103,7 @@ export default {
|
||||
]),
|
||||
form() {
|
||||
const form = {
|
||||
labelWidth: '150px',
|
||||
labelWidth: '130px',
|
||||
items: {
|
||||
code: {
|
||||
name: '',
|
||||
@ -114,16 +114,18 @@ export default {
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.stationCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.stationList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.stationName'), type: 'input' },
|
||||
{ prop: 'visible', label: this.$t('map.stationVisible'), type: 'checkbox' },
|
||||
{ prop: 'position', label: this.$t('map.stationPosition'), type: 'coordinate', width: '120px', 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' }
|
||||
] },
|
||||
// { prop: 'visible', label: this.$t('map.stationVisible'), type: 'checkbox' },
|
||||
{ prop: 'nameFont', label: this.$t('map.stationNameFont'), type: 'font', placeholder: this.$t('tip.stationFont') },
|
||||
{ prop: 'nameFontColor', label: this.$t('map.stationNameFontColor'), type: 'color' },
|
||||
{ prop: 'kmPostShow', label: this.$t('map.stationKmPostShow'), type: 'checkbox' },
|
||||
// { prop: 'kmPostShow', label: this.$t('map.stationKmPostShow'), type: 'checkbox' },
|
||||
{ prop: 'kmRange', label: this.$t('map.stationKmRange'), type: 'number', min: 0, placeholder: this.$t('tip.meter') },
|
||||
{ prop: 'kmPost', label: this.$t('map.stationKmPost'), type: 'input' },
|
||||
{ prop: 'kmPostFont', label: this.$t('map.stationKmPostFont'), type: 'font', placeholder: this.$t('tip.kilometerFont') },
|
||||
{ prop: 'kmPostFontColor', label: this.$t('map.stationKmPostFontColor'), type: 'color' },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.stationPositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.stationPositionY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'kmPostFontColor', label: this.$t('map.stationKmPostFontColor'), type: 'color' }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -227,8 +229,6 @@ export default {
|
||||
this.addModel.sectionCode = selected.code;
|
||||
}
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -109,8 +109,10 @@ export default {
|
||||
{ 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: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ 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' }
|
||||
] }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -200,8 +202,6 @@ export default {
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.addModel.stationCode = selected.code;
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -134,16 +134,18 @@ export default {
|
||||
name: this.$t('map.drawData'),
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.relStandCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.stationStandList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.stationstandNameColon'), type: 'input', disabled: true },
|
||||
{ prop: 'name', label: this.$t('map.stationstandNameColon'), type: 'input' },
|
||||
{ prop: 'position', label: this.$t('map.stationstandPosition'), type: 'coordinate', width: '120px', 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' }
|
||||
] },
|
||||
{ prop: 'direction', label: this.$t('map.stationstandTopBottom'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.RunDirectionTypeList },
|
||||
{ prop: 'visible', label: this.$t('map.stationVisible'), type: 'checkbox' },
|
||||
{ prop: 'nameShow', label: this.$t('map.stationstandShowName'), type: 'checkbox' },
|
||||
// { prop: 'nameShow', label: this.$t('map.stationstandShowName'), type: 'checkbox' },
|
||||
{ prop: 'doorLocationType', label: this.$t('map.stationstandDirection'), type: 'select', optionLabel: 'name', optionValue: 'code', options: this.DoorLocationTypeList },
|
||||
{ prop: 'hasDoor', label: this.$t('map.stationstandHasDoor'), type: 'checkbox' },
|
||||
{ prop: 'width', label: this.$t('map.stationstandWidth'), type: 'number', min: 0, max: 2000, placeholder: 'px' },
|
||||
{ prop: 'height', label: this.$t('map.stationstandHeight'), type: 'number', min: 0, max: 2000, placeholder: 'px' },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'height', label: this.$t('map.stationstandHeight'), type: 'number', min: 0, max: 2000, placeholder: 'px' }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -261,8 +263,6 @@ export default {
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.addModel.stationCode = selected.code;
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -110,12 +110,15 @@ export default {
|
||||
item: [
|
||||
{ prop: 'code', label: this.$t('map.switchCode'), type: 'select', optionLabel: 'name&&code', optionValue: 'code', options: this.switchList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'name', label: this.$t('map.switchName'), type: 'input' },
|
||||
{ prop: 'nameShow', label: this.$t('map.switchShowName'), type: 'checkbox' },
|
||||
{ prop: 'namePoint.x', firstLevel: 'namePoint', secondLevel: 'x', label: this.$t('map.switchPositionX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'namePoint.y', firstLevel: 'namePoint', secondLevel: 'y', label: this.$t('map.switchPositionY'), type: 'number', placeholder: 'px' },
|
||||
// { prop: 'timeoutShow', label: this.$t('map.timeoutShow'), type: 'checkbox' },
|
||||
{ prop: 'tp.x', firstLevel: 'tp', secondLevel: 'x', label: this.$t('map.switchTpX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'tp.y', firstLevel: 'tp', secondLevel: 'y', label: this.$t('map.switchTpY'), type: 'number', placeholder: 'px' }
|
||||
// { prop: 'nameShow', label: this.$t('map.switchShowName'), type: 'checkbox' },
|
||||
{ prop: 'namePoint', label: this.$t('map.switchPosition'), type: 'coordinate', width: '160px', children: [
|
||||
{ prop: 'namePoint.x', firstLevel: 'namePoint', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'namePoint.y', firstLevel: 'namePoint', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] },
|
||||
{ prop: 'tp', label: this.$t('map.switchTp'), type: 'coordinate', width: '160px', children: [
|
||||
{ prop: 'tp.x', firstLevel: 'tp', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px' },
|
||||
{ prop: 'tp.y', firstLevel: 'tp', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px' }
|
||||
] }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -146,9 +149,6 @@ export default {
|
||||
'namePoint.y': [
|
||||
{ required: true, message: this.$t('rules.switchNamePointY'), trigger: 'blur' }
|
||||
],
|
||||
stationCode: [
|
||||
{ required: true, message: this.$t('rules.switchStationCode'), trigger: 'change' }
|
||||
],
|
||||
turnTime: [
|
||||
{ required: true, message: this.$t('rules.switchTurnTime'), trigger: 'blur' }
|
||||
],
|
||||
|
||||
@ -23,12 +23,25 @@
|
||||
</el-select>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.pointX')" prop="position.x">
|
||||
<el-input-number v-model="addModel.position.x" />px
|
||||
<div class="coordinate">
|
||||
<span class="title" style="width: 110px">{{ $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="$t('map.pointY')" prop="position.y">
|
||||
<el-input-number v-model="addModel.position.y" />px
|
||||
<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">
|
||||
@ -137,8 +150,10 @@ export default {
|
||||
{ prop: 'content', label: this.$t('map.textContent'), type: 'fontContent', content: 'content', prepend: 'prepend', placeholder: this.$t('map.pleaseSelect') },
|
||||
{ prop: 'font', label: this.$t('map.textFont'), type: 'font', placeholder: this.$t('map.font') },
|
||||
{ prop: 'fontColor', label: this.$t('map.textFontColor'), type: 'color' },
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'position', label: this.$t('map.textPoints'), type: 'coordinate', width: '120px', children: [
|
||||
{ prop: 'position.x', firstLevel: 'position', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '25px', disabled: false },
|
||||
{ prop: 'position.y', firstLevel: 'position', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '25px', disabled: false }
|
||||
] }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -182,8 +197,6 @@ export default {
|
||||
this.activeName = 'first';
|
||||
} else if (selected && selected._type.toUpperCase() === 'Station'.toUpperCase()) {
|
||||
this.activeName = 'second';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
@ -253,6 +266,25 @@ export default {
|
||||
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: 120px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
/deep/ {
|
||||
.el-select .el-input {
|
||||
width: 130px;
|
||||
|
||||
@ -64,7 +64,8 @@ export default {
|
||||
},
|
||||
groupNumber: '',
|
||||
modelCode: ''
|
||||
}
|
||||
},
|
||||
errorTip: this.$t('tip.selectValidInterval')
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -79,7 +80,7 @@ export default {
|
||||
range.end >= range.beg) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error(this.$t('tip.selectValidInterval')));
|
||||
callback(new Error(this.errorTip));
|
||||
}
|
||||
},
|
||||
trigger: 'blur'
|
||||
|
||||
@ -87,7 +87,7 @@ export default {
|
||||
this.deviceSelect(val);
|
||||
},
|
||||
$route() {
|
||||
this.activeName = 'first';
|
||||
// this.activeName = 'first';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@ -100,9 +100,9 @@ export default {
|
||||
this.editModel.code = selected.code;
|
||||
this.editModel.modelCode = selected.modelCode;
|
||||
this.editModel.groupNumber = selected.groupNumber;
|
||||
this.activeName = 'first';
|
||||
// this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
// this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create(list) {
|
||||
|
||||
@ -142,8 +142,10 @@ export default {
|
||||
{ prop: 'code', label: this.$t('map.trainWindowCode'), type: 'select', optionLabel: 'code', optionValue: 'code', options: this.trainWindowList, change: true, deviceChange: this.deviceChange },
|
||||
{ prop: 'width', label: this.$t('map.trainWindowWidth'), type: 'number', min: 0, placeholder: 'px' },
|
||||
{ prop: 'height', label: this.$t('map.trainWindowHeight'), type: 'number', min: 0, placeholder: 'px' },
|
||||
{ prop: 'point.x', firstLevel: 'point', secondLevel: 'x', label: this.$t('map.pointX'), type: 'number', placeholder: 'px' },
|
||||
{ prop: 'point.y', firstLevel: 'point', secondLevel: 'y', label: this.$t('map.pointY'), type: 'number', placeholder: 'px' }
|
||||
{ prop: 'point', label: this.$t('map.trainWindowPoints'), type: 'coordinate', width: '110px', children: [
|
||||
{ prop: 'point.x', firstLevel: 'point', secondLevel: 'x', label: 'x:', type: 'number', labelWidth: '20px', disabled: false },
|
||||
{ prop: 'point.y', firstLevel: 'point', secondLevel: 'y', label: 'y:', type: 'number', labelWidth: '20px', disabled: false }
|
||||
] }
|
||||
]
|
||||
},
|
||||
map: {
|
||||
@ -191,8 +193,6 @@ export default {
|
||||
y: selected.point.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
createModel(opts) {
|
||||
|
||||
@ -184,8 +184,6 @@ export default {
|
||||
y: selected.position.y
|
||||
};
|
||||
this.activeName = 'first';
|
||||
} else {
|
||||
this.activeName = 'second';
|
||||
}
|
||||
},
|
||||
create() {
|
||||
|
||||
@ -11,9 +11,6 @@
|
||||
size="mini"
|
||||
@submit.native.prevent
|
||||
>
|
||||
<el-form-item :label="$t('map.mapName')" prop="name">
|
||||
<el-input v-model="editModel.name" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.skinName')" prop="skinCode">
|
||||
<el-select v-model="editModel.skinCode" :placeholder="$t('map.pleaseSelect')" size="mini">
|
||||
<el-option
|
||||
@ -24,11 +21,14 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.selectCity')" prop="cityCode">
|
||||
<el-form-item :label="$t('map.mapName')" prop="name">
|
||||
<el-input v-model="editModel.name" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label="$t('map.selectCity')" prop="cityCode">
|
||||
<el-select v-model="editModel.cityCode" :placeholder="$t('map.pleaseSelect')" size="mini">
|
||||
<el-option v-for="item in cityList" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
</template>
|
||||
<template v-else>
|
||||
@ -49,7 +49,6 @@
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('map.scalingColon')" prop="scaling">
|
||||
<el-input-number v-model="updtModel.scaling" :precision="1" :step="0.2" disabled />
|
||||
<!-- <el-input v-model="updtModel.scaling" :label="$t('map.scaling')" /> -->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
@ -95,7 +94,7 @@ export default {
|
||||
editModel: {
|
||||
id: '',
|
||||
name: '',
|
||||
skinCode: '',
|
||||
skinCode: '01',
|
||||
cityCode: ''
|
||||
},
|
||||
updtModel: {
|
||||
|
||||
@ -44,7 +44,7 @@ export default {
|
||||
editModel: {
|
||||
id: '',
|
||||
name: '',
|
||||
cityCode: ''
|
||||
cityCode: '000000'
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user