修改代码

babel.config.js

@@ -1,8 +1,9 @@
 module.exports = {
     presets: [
         '@vue/app'
+    ],
+    plugins: [
+        '@babel/plugin-transform-runtime',
+        '@babel/plugin-syntax-dynamic-import'
     ]
-    // plugins: [
-    //     '@babel/plugin-syntax-dynamic-import'
-    // ]
 };

src/utils/stomp.js

@@ -10,6 +10,10 @@ export const commonTopic = '/topic/message'; // 公共topic(不区分用户)
 
 // 建立连接并订阅地址
 export function creatSubscribe(topic, header) {
+    if ([displayTopic, planTopic, designDisplayTopic].includes(topic)) {
+        topic = `${topic}/${header.group}`;
+    }
+
     try {
         if (!Vue.prototype.$stomp) {
             Vue.prototype.$stomp = new StompClient();

src/views/display/demon/runPlanView.vue

@@ -9,7 +9,7 @@
     :modal="false"
     fullscreen
   >
-    <div :id="runPlanId" />
+    <div :id="runPlanId" v-loading="loading" />
   </el-dialog>
 </template>
 
@@ -164,9 +164,15 @@ export default {
     },
     watch: {
         '$store.state.runPlan.planLoadedCount': function () {
-            this.loadChartPage();
+            try {
-            if (this.dialogShow) {
+                this.loadChartPage();
-                this.loadInitData(this.series);
+                if (this.dialogShow) {
+                    this.loadInitData(this.series);
+                }
+            } catch (e) {
+                console.error(e);
+            } finally {
+                this.loading = true;
             }
         },
         '$store.state.runPlan.planUpdateCount': function () {