<template>
  <div class="trainFixedPath" :style="{ height: height+'px' }">
    <!-- {{ '列车固定径路' }} -->
    <div class="trainFixedPathL">
      {{ 111 }}
    </div>
    <div class="trainFixedPathR">
      <div class="trainFixedPathRMenu">
        <div class="trainFixedPathRMenuL">111</div>
        <div class="trainFixedPathRMenuR">111</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
    name:'TrainFixedPath',
    data() {
        return {
            height: this.$store.state.app.height - 61
        };
    }
};
</script>
<style lang="scss" scoped>
.trainFixedPath{
  padding-left:200px;
}
.trainFixedPathL{
    width: 200px;
    height: 100%;
    position: absolute;
    border-right: 1px #797979 solid;
    left: 0;
    top: 0;
}
.trainFixedPathR{
  padding:0px 5px 0px 5px;
  height: 100%;
  background: #d8d8d8;
}
.trainFixedPathRMenu{
  background:#eeeeee;
  display: inline-block;
  width:100%;
  padding:5px;
  border-left: 1px #707070 solid;
}
.trainFixedPathRMenuL{display: inline-block;}
.trainFixedPathRMenuR{float:right;display: inline-block;}
</style>

