mbPortalSite/src/layout/components/AppMain.vue

<template>
  <section class="app-main" id="appMain">
    <!-- <el-button type="success" style="width:16%;margin-left: 0" @click="uploadRouteTable">上传路由表</el-button> -->
    <transition name="fade-transform" mode="out-in">
      <!-- <keep-alive> -->
      <router-view :key="key" />
      <!-- </keep-alive> -->
    </transition>
  </section>
</template>

<script>
import { asyncRoutes } from '@/router/router.config'
import { uploadRoute } from '@/api/user'

export default {
  name: 'AppMain',
  computed: {
    key() {
      return this.$route.path
    }
  },
  methods: {
    uploadRouteTable() {
      const data = {
        '1': JSON.stringify({
          name: 'sys',
          value: asyncRoutes,
          type: 'tofly-master',
          notes: '使用与当前系统。'
        })
      }
      uploadRoute(JSON.stringify(data)).then(res => {
        this.$message.success('上传成功')
      })
    }
  }
}
</script>

<style scoped>
.app-main {
  min-height: calc(100vh - 64px);
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  padding: 10px 20px;
}
.fixed-header + .app-main {
  padding-top: 26px;
}
</style>

<style lang="scss">
.el-popup-parent--hidden {
  .fixed-header {
    padding-right: 15px;
  }
}
</style>