smoa_web/src/pages/other/index.vue

<template lang="html">
  <div class="other-container" style="margin-top: 178px;">
    <IHeader />
     <div>
      <router-view></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 {
    };
  },
  computed: {
  	...mapGetters("user", ["userInfo", "userDepartments"])
  },
  methods: {
    ...mapActions("user", ["loadDepartment"])
  },
  created() {
    console.log("userInfo", this.userInfo )
    if( this.userInfo && this.userInfo.userId) return;
    this.loadDepartment()
  }
};
</script>
<style lang="css">
.el-dialog {
  display: flex;
  flex-direction: column;
}
</style>