joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

新版地图 自动信号列表 添加自动信号名称筛选

Browse Source 
连锁出清区段限制为物理区段和道岔区段
This commit is contained in:
joylink_cuiweidong 2020-01-21 16:18:33 +08:00
parent 8f191be794
commit b11ad0cc4f
5 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/i18n/langs/en/map.js
View File

@ -54,6 +54,7 @@ export default {
batchOperation: 'Batch operation',
breakUpNumber: 'Split quantity',
// physicalSegmentName: '物理区段:',
autoSignalCode:'AutoSignal Name',
save: 'save',
updata: 'update',

1
src/i18n/langs/zh/map.js
View File

@ -63,6 +63,7 @@ export default {
button: '按钮',
signalApprochSection:' 信号机接近区段',
concentrateStationList:'集中站列表',
autoSignalCode:'自动信号名称',
mapName: '地图名称:',
skinName: '皮肤:',

29
src/views/iscs/iscsSystem/config/pis/mainScreen.vue
View File

@ -7,7 +7,7 @@
<div class="screen_left">
<div class="screen_left_tab">特定区域</div>
<div class="sceen_left_content">
<div class="screen_operate_name">全线</div>
<div class="screen_operate_name" :class="allLine?'active':''" @click="clickIt">全线</div>
<div class="screen_operate_name">全站厅(LCD)</div>
<div class="screen_operate_name">全上行站台</div>
<div class="screen_operate_name">全下行站台</div>
@ -86,6 +86,7 @@ export default {
name:'MainScreen',
data() {
return {
allLine:false,
stationList:[
{
stationName:'会展中心站',
@ -170,6 +171,15 @@ export default {
}
]
};
},
methods:{
clickIt(event) {
if (!this.allLine) {
this.allLine = true;
} else {
this.allLine = false;
}
}
}
};
</script>
@ -190,7 +200,7 @@ border-top: 2px solid #8c8a89;border-left: 2px solid #8c8a89;border-right: 2px s
.screen_right{display: inline-block;position:absolute;right:0;top:0;width: 200px;}
.each_operate{width: 92px;padding: 10px;border-top: 2px solid #8c8a89;border-left: 2px solid #8c8a89;border-right: 2px solid #fff;border-bottom: 2px solid #fff;margin-top: 30px;margin-left: 30px;}
.each_operate_text{text-align: center;font-size: 12px;color: #a9f4f6;}
.each_operate_button{text-align: center;font-size: 12px;margin-top: 5px;background: #CCCCCC;display: inline-block;border-top: 2px solid #fff;border-left: 2px solid #fff;border-right: 2px solid #565656;border-bottom: 2px solid #565656;padding: 2px 8px;line-height: 140%;}
.each_operate_button{text-align: center;font-size: 12px;margin-top: 5px;cursor:pointer;background: #CCCCCC;display: inline-block;border-top: 2px solid #fff;border-left: 2px solid #fff;border-right: 2px solid #565656;border-bottom: 2px solid #565656;padding: 2px 8px;line-height: 140%;}
.footer_button_group{position: absolute;right: 0;top: 0;width: 160px;}
.main_screen_footer{margin-left: 120px;padding-right:160px;position: relative;margin-top:10px;}
#screen_footer_text{
@ -245,7 +255,22 @@ border-top: 2px solid #8c8a89;border-left: 2px solid #8c8a89;border-right: 2px s
width: 84px;
margin-left: 5px;
margin-top: 10px;
// &:hover{
// background: #EBB570;
// border-top: 2px solid #795B31;
// border-left: 2px solid #795B31;
// border-right: 2px solid #fff;
// border-bottom: 2px solid #fff;
// }
}
.screen_operate_name.active,.screen_station_name.active{
background: #EBB570;
border-top: 2px solid #795B31;
border-left: 2px solid #795B31;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.data_button_info{
width: 14px;
height: 14px;

13
src/views/newMap/newMapdraft/dataRelation/automaticoperate/detail.vue
View File

@ -1,5 +1,5 @@
<template>
<el-dialog v-dialogDrag :title="$t('map.automaticSignalList')" :visible.sync="show" width="85%" :before-do-close="doClose">
<el-dialog v-dialogDrag class="autoSignal" :title="$t('map.automaticSignalList')" :visible.sync="show" width="85%" :before-do-close="doClose">
<div>
<QueryListPage
ref="queryListPage"
@ -37,6 +37,13 @@ export default {
queryForm: {
labelWidth: '120px',
queryObject: {
code: {
type: 'text',
label: this.$t('map.autoSignalCode'),
config: {
data: []
}
},
signalCode: {
type: 'select',
label: this.$t('map.signal'),
@ -187,12 +194,12 @@ export default {
};
</script>
<style lang="scss">
.el-dialog__body {
.autoSignal .el-dialog__body {
padding: 0px 20px 10px 20px;
color: #606266;
font-size: 14px;
}
.el-dialog{
.autoSignal .el-dialog{
margin-top: 5vh !important;
}
</style>

16
src/views/newMap/newMapdraft/dataRelation/automaticoperate/route.vue
View File

@ -18,7 +18,7 @@
<el-form-item :label="$t('map.routeSegmentData') + ':'" prop="sectionList">
<el-select v-model="addModel.sectionList" multiple clearable :filterable="true">
<el-option
v-for="item in sectionList"
v-for="item in filtersectionList"
:key="item.code"
:label="item.name + ' (' + item.code+ ')'"
:value="item.code"
@ -123,7 +123,12 @@ export default {
'signalList',
'sectionList',
'stationStandList'
])
]),
filtersectionList() {
return this.sectionList.filter(section=>{
return section.type == '01' || section.type == '03';
});
}
},
watch: {
mapInfo(val) {
@ -139,7 +144,6 @@ export default {
}
},
mounted() {
},
methods: {
hover(field) {
@ -153,8 +157,10 @@ export default {
if (selected._type.toUpperCase() === 'Signal'.toUpperCase() && this.field.toUpperCase() === 'signalCode'.toUpperCase()) {
this.addModel.signalCode = selected.code;
} else if (selected._type.toUpperCase() === 'Section'.toUpperCase() && this.field.toUpperCase() === 'sectionList'.toUpperCase()) {
if (this.addModel.sectionList.indexOf(selected.code) === -1) {
this.addModel.sectionList.push(selected.code);
if (selected.type == '01' || selected.type == '03') {
if (this.addModel.sectionList.indexOf(selected.code) === -1) {
this.addModel.sectionList.push(selected.code);
}
}
} else if (selected._type.toUpperCase() === 'StationStand'.toUpperCase() && this.field.toUpperCase() === 'routeStationStandList'.toUpperCase()) {
if (this.addModel.stationStandList.indexOf(selected.code) === -1) {