若依ruoyi-ui，主窗口（app-main）全屏显示方法

以若依首页为例：
1.store/modules/settings.js添加一个navbar_tags：

....
const state = {
....
  navbar_tags: true // navbar/tags-view显示与隐藏
}
....
const actions = {
....
  // navbar/tags-view显示与隐藏
  setNavbar_tags({ commit }, navbar_tags) {
    state.navbar_tags = navbar_tags
  }
}
....

2.views/index.vue添加一个全屏按钮：

<div class="signOut" @click="fullscreen" v-if="!winfull.full">
  <img class="ico" src="@/assets/images/index/ico_big.png"/>
  <div class="text">放大</div>
</div>
<div class="signOut" @click="fullscreen" v-else>
  <img class="ico" src="@/assets/images/index/ico_signOut.png"/>
  <div class="text">退出</div>
</div>

export default {
  data() {
    return {
      // 窗口放大
      winfull: {
        full: false
      }
    };
  },
  methods: {
    // app-main层全屏显示开关
    fullscreen() {
      this.winfull.full = !this.winfull.full;
      if (this.winfull.full) {
        this.$store.dispatch('app/toggleSideBarHide', true);
        this.$store.dispatch('settings/setNavbar_tags', false);
      } else {
        this.$store.dispatch('app/toggleSideBarHide', false);
        this.$store.dispatch('settings/setNavbar_tags', true);
      }
    }
  }
};

3.layout/index.vue

<div :class="{'fixed-header':fixedHeader}" v-if="navbar_tags">
  <navbar />
  <tags-view v-if="needTagsView" />
</div>

....
export default {
....
  computed: {
    ...mapState({
....
      navbar_tags: state => state.settings.navbar_tags
    }),
....
  }
....
}