rt-sim-training-client/src/views/jlmap3d/edit/component/menu.vue

<template>
  <div class="editmenu">

    <el-row>
        <el-button type="transpos" @click="transpos">移动</el-button>

        <el-button type="transrota" @click="transrota">旋转</el-button>

        <el-button type="transscal" @click="transscal">放大缩小</el-button>

        <el-button type="vexscal" @click="vexscal">拉伸</el-button>

        <el-button type="testrail" @click="testrail">测试轨迹</el-button>

        <el-button type="autoss" @click="autoss">自动匹配轨道信号灯</el-button>

        <el-button type="expo" @click="expo">导出obj</el-button>

        <el-button type="save" @click="save">保存</el-button>

        <el-button type="back" @click="back">返回</el-button>
    </el-row>

  </div>


</template>

<script>

export default {
  name: 'EditMenu',
  components: {

  },
  data() {
    return {

    }
  },
  beforeDestroy() {


  },
  watch: {

   },
  methods: {
    async transpos(){
      this.$emit('transpos');
    },
    async transrota(){
      this.$emit('transrota');
    },
    async transscal(){
      this.$emit('transscal');
    },
    async vexscal(){
      this.$emit('vexscal');
    },
    async testrail(){
      this.$emit('testrail');
    },
    async autoss(){
      this.$emit('autoss');
    },
    async expo(){
      this.$emit('expo');
    },
    async save(){
      this.$emit('save');

    },
    async back() {
      this.$emit('back');
    }

  },
  mounted() {
      //this.init();
  }
}
</script>


<style rel="stylesheet/scss" lang="scss" scoped>
  @import "src/styles/mixin.scss";
  .editmenu {
    position: absolute;
    float:top;
    left:20%;
    top:0;
    width: 60%;
    height: 5%;
    text-align: center;
    border-radius:5px;
  }

</style>