54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div class="menuTrainList">
|
||
|
|
<el-drawer
|
||
|
|
title=""
|
||
|
|
:visible.sync="table"
|
||
|
|
direction="rtl"
|
||
|
|
size="50%"
|
||
|
|
>
|
||
|
|
<el-table :data="trainList" height="100%">
|
||
|
|
<el-table-column property="groupNumber" label="车组号" width="100" />
|
||
|
|
<el-table-column property="serviceNumber" label="表号" width="100" />
|
||
|
|
<el-table-column property="tripNumber" label="车次号" width="100" />
|
||
|
|
<el-table-column property="right" label="是否上行" width="90" />
|
||
|
|
</el-table>
|
||
|
|
</el-drawer>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
// import { TrainingMode } from '@/scripts/ConstDic';
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
trainList:[],
|
||
|
|
table: true
|
||
|
|
};
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
},
|
||
|
|
watch:{
|
||
|
|
'$store.state.map.mapViewLoadedCount': function () {
|
||
|
|
this.trainList = this.$store.state.map.map.trainList;
|
||
|
|
},
|
||
|
|
'$store.state.socket.equipmentStatus': function (val) {
|
||
|
|
// debugger;
|
||
|
|
this.trainList = this.$store.state.map.map.trainList;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.menuTrainList{
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 15%;
|
||
|
|
width: 400px;
|
||
|
|
height: 70%;
|
||
|
|
border-radius: 10px 0px 0px 10px;
|
||
|
|
padding: 5px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
</style>
|