<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: false
        };
    },
    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>
