smoa_web/src/pages/other/index.vue

<template lang="html">
  <div class="other-container" style="margin-top: 178px;">
    <IHeader />
    <div>
      <keep-alive>
        <router-view v-if="$route.keepAlive">
        </router-view>
      </keep-alive>
      <router-view v-if="!$route.keepAlive"></router-view>
     </div>
     <IFooter />
  </div>
</template>
<script>

import IHeader from "./components/IHeader";
import IFooter from "./components/IFooter";
import { mapActions,mapGetters } from "vuex";

export default {
  components: {
    IHeader,
    IFooter
  },
  data() {
    return {
    };
  },
  created(){
    console.log( $route )
  },
  computed: {
  	...mapGetters("user", ["userInfo", "userDepartments"])
  }
};
</script>
<style lang="css">
.el-dialog {
  display: flex;
  flex-direction: column;
}
</style>