rt-sim-training-client/src/App.vue

<template>
  <div id="app">
    <router-view />
    <deomon-topic ref="deomonTopic" />
  </div>
</template>

<script>
import { handleToken } from '@/utils/auth';
import { creatSubscribe, perpetualTopic, commonTopic } from '@/utils/stomp';
import DeomonTopic from '@/views/demonstration/deomonTopic';
import WindowResizeHandler from '@/mixin/WindowResizeHandler';
import { ProjectIcon } from '@/scripts/ConstDic';

export default {
    name: 'App',
    components: {
        DeomonTopic
    },
    mixins: [
        WindowResizeHandler
    ],
    watch: {
        '$store.state.socket.roomInvite': function (val) {
            if (val.creatorId) {
                this.subscribeMessage(val);
            }
        }
    },
    mounted() {
        this.prohibitSystemContextMenu();
        this.subscribe();
        const project = window.sessionStorage.getItem('project');
        document.querySelector("link[rel*='icon']").href = ProjectIcon[project];
    },
    methods: {
        resizeHandler() {
            this.$store.dispatch('app/resize', {width: this._clientWidth, height: this._clientHeight});
        },
        prohibitSystemContextMenu() {
            window.document.oncontextmenu = function () {
                return false;
            };
        },
        subscribe() {
            this.$nextTick(() => {
                if (!this.$route.path.includes('/login') && this.$route.path != '/404') {
                    const header = { group: '', 'X-Token': handleToken() };
                    creatSubscribe(perpetualTopic, header);
                    creatSubscribe(commonTopic, header);
                }
            });
        },
        subscribeMessage(res) {
            if (this.$refs.deomonTopic) {
                this.$refs.deomonTopic.doShow(res);
                this.$store.dispatch('socket/setRoomInvite');
            }
        }
    }
};

</script>