From 63270de35c3780a008113a20551c866a28e407f9 Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Fri, 23 May 2025 16:55:03 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E6=A0=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../viewWidgets/modeltree/ModeltreeView.vue        | 82 ++++--------------
 .../viewWidgets/modeltree/ModeltreeViewJs.js       | 97 ++++++++++++++++++++++
 2 files changed, 112 insertions(+), 67 deletions(-)
 create mode 100644 src/designer/viewWidgets/modeltree/ModeltreeViewJs.js

diff --git a/src/designer/viewWidgets/modeltree/ModeltreeView.vue b/src/designer/viewWidgets/modeltree/ModeltreeView.vue
index 084cc18..f5104c7 100644
--- a/src/designer/viewWidgets/modeltree/ModeltreeView.vue
+++ b/src/designer/viewWidgets/modeltree/ModeltreeView.vue
@@ -1,80 +1,28 @@
 <template>
   <div class="title">
-    <el-cascader placeholder="选择楼层" size="small" v-model="currentLevel" :options="allLevels" filterable />
-    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+    <el-input v-model="searchKeyword" size="small" style="flex-grow: 1; margin: 0 5px 0 0;" placeholder="Search">
       <template #prefix>
         <component :is="renderIcon('element Search')"></component>
       </template>
     </el-input>
-    <span class="close" @click="closeMe('hideLeft')">
-      <component :is="renderIcon('element Close')" />
-    </span>
+    <el-cascader placeholder="选择楼层" size="small" v-model="currentLevel" :options="allLevels" filterable
+                 style="margin-right: 5px; width: 150px;" />
   </div>
   <div class="calc-left-panel">
-    ModeltreeView1<br />
-    ModeltreeView2<br />
-    ModeltreeView3<br />
-    ModeltreeView4<br />
-    ModeltreeView5<br />
-    ModeltreeView6<br />
-    ModeltreeView7<br />
-    ModeltreeView8<br />
-    ModeltreeView9<br />
-    ModeltreeView10<br />
-    ModeltreeView11<br />
-    ModeltreeView12<br />
-    ModeltreeView13<br />
-    ModeltreeView14<br />
-    ModeltreeView15<br />
-    ModeltreeView16<br />
-    ModeltreeView17<br />
-    ModeltreeView18<br />
-    ModeltreeView19<br />
-    ModeltreeView20<br />
-    ModeltreeView21<br />
-    ModeltreeView22<br />
-    ModeltreeView23<br />
-    ModeltreeView24<br />
-    ModeltreeView25<br />
-    ModeltreeView26<br />
-    ModeltreeView27<br />
-    ModeltreeView28<br />
-    ModeltreeView29<br />
-    ModeltreeView30<br />
-    ModeltreeView31<br />
-    ModeltreeView32<br />
-    ModeltreeView33<br />
-    ModeltreeView34<br />
-    ModeltreeView35<br />
-    ModeltreeView36<br />
-    ModeltreeView37<br />
-    ModeltreeView38<br />
-    ModeltreeView39<br />
-    ModeltreeView40<br />
+    <el-tree draggable node-key="id" :highlight-current="true"
+             :data="treedata" :expand-on-click-node="false" :auto-expand-parent="true"
+             :allow-drop="allowDrop" :allow-drag="allowDrag"
+             @node-drag-start="handleDragStart"
+             @node-drag-enter="handleDragEnter"
+             @node-drag-leave="handleDragLeave"
+             @node-drag-over="handleDragOver"
+             @node-drag-end="handleDragEnd"
+             @node-drop="handleDrop"
+    />
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import ModeltreeViewJs from './ModeltreeViewJs.js'
 
-export default {
-  name: 'ModeltreeView',
-  emits: ['close'],
-  data() {
-    return {
-      currentLevel: '',
-      searchKeyword: ''
-    }
-  },
-  methods: {
-    renderIcon,
-    closeMe(name) {
-      this.$emit('close', name)
-    }
-  },
-  computed: {
-    allLevels() {
-      return designer.allLevels
-    }
-  }
-}
+export default ModeltreeViewJs
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
new file mode 100644
index 0000000..cceda75
--- /dev/null
+++ b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
@@ -0,0 +1,97 @@
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'ModeltreeView',
+  emits: ['close'],
+  data() {
+    return {
+      currentLevel: '',
+      searchKeyword: '',
+      treedata: data
+    }
+  },
+  methods: {
+    renderIcon,
+    allowDrop(event) {
+      return true
+    },
+    allowDrag(event) {
+      return true
+    },
+    handleDragStart() {
+    },
+    handleDragEnter() {
+    },
+    handleDragLeave() {
+    },
+    handleDragOver() {
+    },
+    handleDragEnd() {
+    },
+    handleDrop() {
+    }
+  },
+  computed: {
+    allLevels() {
+      return designer.allLevels
+    }
+  }
+}
+
+const data = [
+  {
+    label: 'Level one 1',
+    children: [
+      {
+        label: 'Level two 1-1',
+        children: [
+          {
+            label: 'Level three 1-1-1'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    label: 'Level one 2',
+    children: [
+      {
+        label: 'Level two 2-1',
+        children: [
+          {
+            label: 'Level three 2-1-1'
+          }
+        ]
+      },
+      {
+        label: 'Level two 2-2',
+        children: [
+          {
+            label: 'Level three 2-2-1'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    label: 'Level one 3',
+    children: [
+      {
+        label: 'Level two 3-1',
+        children: [
+          {
+            label: 'Level three 3-1-1'
+          }
+        ]
+      },
+      {
+        label: 'Level two 3-2',
+        children: [
+          {
+            label: 'Level three 3-2-1'
+          }
+        ]
+      }
+    ]
+  }
+]
\ No newline at end of file

From 148275655a1ebd48251bab066804d383fbbe7ad5 Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Fri, 23 May 2025 17:08:40 +0800
Subject: [PATCH 2/5] =?UTF-8?q?ModelMain=20=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/designer/viewWidgets/alarm/AlarmView.vue       |  76 +++++++++++++-
 src/designer/viewWidgets/logger/LoggerView.vue     | 114 +++++++++++++--------
 src/designer/viewWidgets/property/PropertyView.vue | 113 ++++++++++++--------
 src/designer/viewWidgets/script/ScriptView.vue     |  36 ++++++-
 src/designer/viewWidgets/task/TaskView.vue         |  74 +++++++++----
 src/views/ModelMain.vue                            |  33 +-----
 6 files changed, 310 insertions(+), 136 deletions(-)

diff --git a/src/designer/viewWidgets/alarm/AlarmView.vue b/src/designer/viewWidgets/alarm/AlarmView.vue
index dbfb982..94fb226 100644
--- a/src/designer/viewWidgets/alarm/AlarmView.vue
+++ b/src/designer/viewWidgets/alarm/AlarmView.vue
@@ -1,3 +1,75 @@
 <template>
-  AlarmView
-</template>
\ No newline at end of file
+  <div class="title">
+    告警面板
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe('hideReft')">
+      <component :is="renderIcon('element Close')" />
+    </span>
+  </div>
+  <div class="calc-right-panel">
+    AlarmView_1<br />
+    AlarmView_2<br />
+    AlarmView_3<br />
+    AlarmView_4<br />
+    AlarmView_5<br />
+    AlarmView_6<br />
+    AlarmView_7<br />
+    AlarmView_8<br />
+    AlarmView_9<br />
+    AlarmView_10<br />
+    AlarmView_11<br />
+    AlarmView_12<br />
+    AlarmView_13<br />
+    AlarmView_14<br />
+    AlarmView_15<br />
+    AlarmView_16<br />
+    AlarmView_17<br />
+    AlarmView_18<br />
+    AlarmView_19<br />
+    AlarmView_20<br />
+    AlarmView_21<br />
+    AlarmView_22<br />
+    AlarmView_23<br />
+    AlarmView_24<br />
+    AlarmView_25<br />
+    AlarmView_26<br />
+    AlarmView_27<br />
+    AlarmView_28<br />
+    AlarmView_29<br />
+    AlarmView_30<br />
+    AlarmView_31<br />
+    AlarmView_32<br />
+    AlarmView_33<br />
+    AlarmView_34<br />
+    AlarmView_35<br />
+    AlarmView_36<br />
+    AlarmView_37<br />
+    AlarmView_38<br />
+    AlarmView_39<br />
+    AlarmView_40<br />
+  </div>
+
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'AlarmView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/logger/LoggerView.vue b/src/designer/viewWidgets/logger/LoggerView.vue
index 740b14d..8e7ba01 100644
--- a/src/designer/viewWidgets/logger/LoggerView.vue
+++ b/src/designer/viewWidgets/logger/LoggerView.vue
@@ -1,42 +1,74 @@
 <template>
-  LoggerView1<br />
-  LoggerView2<br />
-  LoggerView3<br />
-  LoggerView4<br />
-  LoggerView5<br />
-  LoggerView6<br />
-  LoggerView7<br />
-  LoggerView8<br />
-  LoggerView9<br />
-  LoggerView10<br />
-  LoggerView11<br />
-  LoggerView12<br />
-  LoggerView13<br />
-  LoggerView14<br />
-  LoggerView15<br />
-  LoggerView16<br />
-  LoggerView17<br />
-  LoggerView18<br />
-  LoggerView19<br />
-  LoggerView20<br />
-  LoggerView21<br />
-  LoggerView22<br />
-  LoggerView23<br />
-  LoggerView24<br />
-  LoggerView25<br />
-  LoggerView26<br />
-  LoggerView27<br />
-  LoggerView28<br />
-  LoggerView29<br />
-  LoggerView30<br />
-  LoggerView31<br />
-  LoggerView32<br />
-  LoggerView33<br />
-  LoggerView34<br />
-  LoggerView35<br />
-  LoggerView36<br />
-  LoggerView37<br />
-  LoggerView38<br />
-  LoggerView39<br />
-  LoggerView40<br />
-</template>
\ No newline at end of file
+  <div class="title">
+    系统日志
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    LoggerView1<br />
+    LoggerView2<br />
+    LoggerView3<br />
+    LoggerView4<br />
+    LoggerView5<br />
+    LoggerView6<br />
+    LoggerView7<br />
+    LoggerView8<br />
+    LoggerView9<br />
+    LoggerView10<br />
+    LoggerView11<br />
+    LoggerView12<br />
+    LoggerView13<br />
+    LoggerView14<br />
+    LoggerView15<br />
+    LoggerView16<br />
+    LoggerView17<br />
+    LoggerView18<br />
+    LoggerView19<br />
+    LoggerView20<br />
+    LoggerView21<br />
+    LoggerView22<br />
+    LoggerView23<br />
+    LoggerView24<br />
+    LoggerView25<br />
+    LoggerView26<br />
+    LoggerView27<br />
+    LoggerView28<br />
+    LoggerView29<br />
+    LoggerView30<br />
+    LoggerView31<br />
+    LoggerView32<br />
+    LoggerView33<br />
+    LoggerView34<br />
+    LoggerView35<br />
+    LoggerView36<br />
+    LoggerView37<br />
+    LoggerView38<br />
+    LoggerView39<br />
+    LoggerView40<br />
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'LoggerView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/property/PropertyView.vue b/src/designer/viewWidgets/property/PropertyView.vue
index 593b562..7d70107 100644
--- a/src/designer/viewWidgets/property/PropertyView.vue
+++ b/src/designer/viewWidgets/property/PropertyView.vue
@@ -1,44 +1,75 @@
 <template>
-  PropertyView1<br />
-  PropertyView2<br />
-  PropertyView3<br />
-  PropertyView4<br />
-  PropertyView5<br />
-  PropertyView6<br />
-  PropertyView7<br />
-  PropertyView8<br />
-  PropertyView9<br />
-  PropertyView10<br />
-  PropertyView11<br />
-  PropertyView12<br />
-  PropertyView13<br />
-  PropertyView14<br />
-  PropertyView15<br />
-  PropertyView16<br />
-  PropertyView17<br />
-  PropertyView18<br />
-  PropertyView19<br />
-  PropertyView20<br />
-  PropertyView21<br />
-  PropertyView22<br />
-  PropertyView23<br />
-  PropertyView24<br />
-  PropertyView25<br />
-  PropertyView26<br />
-  PropertyView27<br />
-  PropertyView28<br />
-  PropertyView29<br />
-  PropertyView30<br />
-  PropertyView31<br />
-  PropertyView32<br />
-  PropertyView33<br />
-  PropertyView34<br />
-  PropertyView35<br />
-  PropertyView36<br />
-  PropertyView37<br />
-  PropertyView38<br />
-  PropertyView39<br />
-  PropertyView40<br />
+  <div class="title">
+    属性面板
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe('hideReft')">
+      <component :is="renderIcon('element Close')" />
+    </span>
+  </div>
+  <div class="calc-right-panel">
+    PropertyView1<br />
+    PropertyView2<br />
+    PropertyView3<br />
+    PropertyView4<br />
+    PropertyView5<br />
+    PropertyView6<br />
+    PropertyView7<br />
+    PropertyView8<br />
+    PropertyView9<br />
+    PropertyView10<br />
+    PropertyView11<br />
+    PropertyView12<br />
+    PropertyView13<br />
+    PropertyView14<br />
+    PropertyView15<br />
+    PropertyView16<br />
+    PropertyView17<br />
+    PropertyView18<br />
+    PropertyView19<br />
+    PropertyView20<br />
+    PropertyView21<br />
+    PropertyView22<br />
+    PropertyView23<br />
+    PropertyView24<br />
+    PropertyView25<br />
+    PropertyView26<br />
+    PropertyView27<br />
+    PropertyView28<br />
+    PropertyView29<br />
+    PropertyView30<br />
+    PropertyView31<br />
+    PropertyView32<br />
+    PropertyView33<br />
+    PropertyView34<br />
+    PropertyView35<br />
+    PropertyView36<br />
+    PropertyView37<br />
+    PropertyView38<br />
+    PropertyView39<br />
+    PropertyView40<br />
+  </div>
+
 </template>
-<script setup lang="ts">
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'PropertyView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/script/ScriptView.vue b/src/designer/viewWidgets/script/ScriptView.vue
index dbf5c23..0a1abb3 100644
--- a/src/designer/viewWidgets/script/ScriptView.vue
+++ b/src/designer/viewWidgets/script/ScriptView.vue
@@ -1,3 +1,35 @@
 <template>
-  ScriptView
-</template>
\ No newline at end of file
+  <div class="title">
+    脚本编辑
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    ScriptView
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'ScriptView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/task/TaskView.vue b/src/designer/viewWidgets/task/TaskView.vue
index 569aa7b..f682cea 100644
--- a/src/designer/viewWidgets/task/TaskView.vue
+++ b/src/designer/viewWidgets/task/TaskView.vue
@@ -1,22 +1,54 @@
 <template>
-  TaskView1<br />
-  TaskView2<br />
-  TaskView3<br />
-  TaskView4<br />
-  TaskView5<br />
-  TaskView6<br />
-  TaskView7<br />
-  TaskView8<br />
-  TaskView9<br />
-  TaskView10<br />
-  TaskView11<br />
-  TaskView12<br />
-  TaskView13<br />
-  TaskView14<br />
-  TaskView15<br />
-  TaskView16<br />
-  TaskView17<br />
-  TaskView18<br />
-  TaskView19<br />
-  TaskView20<br />
-</template>
\ No newline at end of file
+  <div class="title">
+    任务监视
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    TaskView1<br />
+    TaskView2<br />
+    TaskView3<br />
+    TaskView4<br />
+    TaskView5<br />
+    TaskView6<br />
+    TaskView7<br />
+    TaskView8<br />
+    TaskView9<br />
+    TaskView10<br />
+    TaskView11<br />
+    TaskView12<br />
+    TaskView13<br />
+    TaskView14<br />
+    TaskView15<br />
+    TaskView16<br />
+    TaskView17<br />
+    TaskView18<br />
+    TaskView19<br />
+    TaskView20<br />
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'TaskView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 45e0c40..81e1e3c 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -65,41 +65,16 @@
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
-                <div class="title">
-                  <component :is="calcRightPanel?.icon" />
-                  {{ calcRightPanel?.title }}
-                  <el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
-                    <template #prefix>
-                      <component :is="renderIcon('element Search')"></component>
-                    </template>
-                  </el-input>
-                  <span class="close" @click="closeMe('hideReft')"><component
-                    :is="renderIcon('element Close')"></component></span>
-                </div>
-                <div class="calc-right-panel">
-                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
-                </div>
+                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
+                           @close="()=>closeMe('hideRight')" />
               </div>
             </SplitArea>
           </Split>
         </SplitArea>
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
-            <div class="title">
-              <component :is="calcBottomPanel?.icon" />
-              {{ calcBottomPanel?.title }}
-              <el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
-                <template #prefix>
-                  <component :is="renderIcon('element Search')"></component>
-                </template>
-              </el-input>
-              <span class="close" @click="closeMe('hideBottom')">
-                <component :is="renderIcon('element Close')"></component>
-              </span>
-            </div>
-            <div class="calc-bottom-panel">
-              <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
-            </div>
+            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
+                       @close="()=>closeMe('hideBottom')" />
           </div>
         </SplitArea>
       </Split>

From 67dfe73e57acf25ad877c397cacfbee2811992ed Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Fri, 23 May 2025 17:20:17 +0800
Subject: [PATCH 3/5] =?UTF-8?q?ModelMain=20=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelMain.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 81e1e3c..f3e5757 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -43,8 +43,10 @@
             <SplitArea v-show="!hideLeft" class="section-left" :class="{'hidden-split':hideLeft}"
                        :size="hideLeft ? 0 : sectionLeftSize">
               <div class="section-item-wrap">
-                <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component"
-                           @close="closeMe('hideLeft')" />
+                <keep-alive>
+                  <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component"
+                             @close="closeMe('hideLeft')" :key="calcLeftPanel?.name" />
+                </keep-alive>
               </div>
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
@@ -65,16 +67,20 @@
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
-                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
-                           @close="()=>closeMe('hideRight')" />
+                <keep-alive>
+                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
+                             @close="()=>closeMe('hideRight')" :key="calcRightPanel.name" />
+                </keep-alive>
               </div>
             </SplitArea>
           </Split>
         </SplitArea>
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
-            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
-                       @close="()=>closeMe('hideBottom')" />
+            <keep-alive>
+              <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
+                         @close="()=>closeMe('hideBottom')" :key="calcBottomPanel.name" />
+            </keep-alive>
           </div>
         </SplitArea>
       </Split>

From 136a716136eff9d4909739fb8496978e6eb8bf55 Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Fri, 23 May 2025 17:32:06 +0800
Subject: [PATCH 4/5] =?UTF-8?q?ModelMain=20=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/designer/Model2DEditor.vue                     | 68 ++++++++++++++++++++++
 src/designer/ModelEditor.vue                       | 68 ----------------------
 src/designer/viewWidgets/IWidgets.js               | 10 ++++
 src/designer/viewWidgets/alarm/AlarmView.vue       | 11 +---
 src/designer/viewWidgets/logger/LoggerView.vue     | 10 +---
 .../viewWidgets/modeltree/ModeltreeViewJs.js       |  4 +-
 src/designer/viewWidgets/monitor/MonitorView.vue   | 11 +---
 src/designer/viewWidgets/property/PropertyView.vue | 10 +---
 src/designer/viewWidgets/script/ScriptView.vue     | 10 +---
 src/designer/viewWidgets/task/TaskView.vue         | 10 +---
 src/designer/viewWidgets/toolbox/ToolboxView.vue   | 34 +++++------
 src/views/ModelMain.vue                            |  6 +-
 12 files changed, 114 insertions(+), 138 deletions(-)
 create mode 100644 src/designer/Model2DEditor.vue
 delete mode 100644 src/designer/ModelEditor.vue
 create mode 100644 src/designer/viewWidgets/IWidgets.js

diff --git a/src/designer/Model2DEditor.vue b/src/designer/Model2DEditor.vue
new file mode 100644
index 0000000..69f54d1
--- /dev/null
+++ b/src/designer/Model2DEditor.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="section-canvas">
+    <div class="section-top-toolbar section-toolbar">
+      <el-button type="primary" :icon="renderIcon('element TopLeft')" link></el-button>
+      <span class="section-toolbar-line"></span>
+      <el-cascader placeholder="选择楼层" size="small" v-model="currentLevel" :options="allLevels" filterable />
+    </div>
+    <div class="section-content"></div>
+    <div class="section-bottom-toolbar section-toolbar">
+      <div class="section-toolbar-left">
+        <el-button type="primary" :icon="renderIcon('fa MousePointer')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('element Aim')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('antd LineOutlined')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('icon5 BandageSharp')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('antd InsertRowLeftOutlined')" link></el-button>
+      </div>
+      <div class="section-toolbar-right">
+        <el-input v-model="searchKeyword" size="small" style="width: 110px" placeholder="Search">
+          <template #prefix>
+            <component :is="renderIcon('element Search')"></component>
+          </template>
+        </el-input>
+        <span class="section-toolbar-line"></span>
+        <el-text type="warning">1</el-text>
+        <span class="section-toolbar-line"></span>
+        <el-text type="danger">0</el-text>
+        <div class="infor">
+          X=14.091,Y=12.397
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.ts'
+
+export default {
+  name: 'Model2DEditor',
+  components: {
+    renderIcon
+  },
+  data() {
+    return {
+      currentLevel: '',
+      searchKeyword: '',
+      sectionLeftSearch: '',
+      sectionRightSize: 0,
+      sectionBottomSize: 0,
+      hideRight: false,
+      hideBottom: false,
+      calcRightPanel: null,
+      calcBottomPanel: null
+    }
+  },
+  methods: {
+    renderIcon
+  },
+  computed: {
+    allLevels() {
+      return designer.allLevels
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/ModelEditor.vue b/src/designer/ModelEditor.vue
deleted file mode 100644
index a517723..0000000
--- a/src/designer/ModelEditor.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <div class="section-canvas">
-    <div class="section-top-toolbar section-toolbar">
-      <el-button type="primary" :icon="renderIcon('element TopLeft')" link></el-button>
-      <span class="section-toolbar-line"></span>
-      <el-cascader placeholder="选择楼层" size="small" v-model="currentLevel" :options="allLevels" filterable />
-    </div>
-    <div class="section-content"></div>
-    <div class="section-bottom-toolbar section-toolbar">
-      <div class="section-toolbar-left">
-        <el-button type="primary" :icon="renderIcon('fa MousePointer')" link></el-button>
-        <span class="section-toolbar-line"></span>
-        <el-button type="primary" :icon="renderIcon('element Aim')" link></el-button>
-        <span class="section-toolbar-line"></span>
-        <el-button type="primary" :icon="renderIcon('antd LineOutlined')" link></el-button>
-        <span class="section-toolbar-line"></span>
-        <el-button type="primary" :icon="renderIcon('icon5 BandageSharp')" link></el-button>
-        <span class="section-toolbar-line"></span>
-        <el-button type="primary" :icon="renderIcon('antd InsertRowLeftOutlined')" link></el-button>
-      </div>
-      <div class="section-toolbar-right">
-        <el-input v-model="searchKeyword" size="small" style="width: 110px" placeholder="Search">
-          <template #prefix>
-            <component :is="renderIcon('element Search')"></component>
-          </template>
-        </el-input>
-        <span class="section-toolbar-line"></span>
-        <el-text type="warning">1</el-text>
-        <span class="section-toolbar-line"></span>
-        <el-text type="danger">0</el-text>
-        <div class="infor">
-          X=14.091,Y=12.397
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { renderIcon } from '@/utils/webutils.ts'
-
-export default {
-  name: 'ModelEditor',
-  components: {
-    renderIcon
-  },
-  data() {
-    return {
-      currentLevel: '',
-      searchKeyword: '',
-      sectionLeftSearch: '',
-      sectionRightSize: 0,
-      sectionBottomSize: 0,
-      hideRight: false,
-      hideBottom: false,
-      calcRightPanel: null,
-      calcBottomPanel: null
-    }
-  },
-  methods: {
-    renderIcon
-  },
-  computed: {
-    allLevels() {
-      return designer.allLevels
-    }
-  }
-}
-</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/IWidgets.js b/src/designer/viewWidgets/IWidgets.js
new file mode 100644
index 0000000..31ce61d
--- /dev/null
+++ b/src/designer/viewWidgets/IWidgets.js
@@ -0,0 +1,10 @@
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/designer/viewWidgets/alarm/AlarmView.vue b/src/designer/viewWidgets/alarm/AlarmView.vue
index 94fb226..0163ca9 100644
--- a/src/designer/viewWidgets/alarm/AlarmView.vue
+++ b/src/designer/viewWidgets/alarm/AlarmView.vue
@@ -6,7 +6,7 @@
         <component :is="renderIcon('element Search')"></component>
       </template>
     </el-input>
-    <span class="close" @click="closeMe('hideReft')">
+    <span class="close" @click="closeMe">
       <component :is="renderIcon('element Close')" />
     </span>
   </div>
@@ -55,21 +55,16 @@
 
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'AlarmView',
   emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
-  },
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/logger/LoggerView.vue b/src/designer/viewWidgets/logger/LoggerView.vue
index 8e7ba01..2505a37 100644
--- a/src/designer/viewWidgets/logger/LoggerView.vue
+++ b/src/designer/viewWidgets/logger/LoggerView.vue
@@ -54,21 +54,15 @@
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'LoggerView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
-  },
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
index cceda75..6f9d022 100644
--- a/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
+++ b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
@@ -1,8 +1,9 @@
 import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'ModeltreeView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       currentLevel: '',
@@ -11,7 +12,6 @@ export default {
     }
   },
   methods: {
-    renderIcon,
     allowDrop(event) {
       return true
     },
diff --git a/src/designer/viewWidgets/monitor/MonitorView.vue b/src/designer/viewWidgets/monitor/MonitorView.vue
index 99ae190..d3b09e9 100644
--- a/src/designer/viewWidgets/monitor/MonitorView.vue
+++ b/src/designer/viewWidgets/monitor/MonitorView.vue
@@ -54,21 +54,16 @@
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'MonitorView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
   },
-  methods: {
-    renderIcon,
-    closeMe(name) {
-      this.$emit('close', name)
-    }
-  }
+  methods: {}
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/property/PropertyView.vue b/src/designer/viewWidgets/property/PropertyView.vue
index 7d70107..2791ace 100644
--- a/src/designer/viewWidgets/property/PropertyView.vue
+++ b/src/designer/viewWidgets/property/PropertyView.vue
@@ -55,21 +55,15 @@
 
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'PropertyView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
-  },
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/script/ScriptView.vue b/src/designer/viewWidgets/script/ScriptView.vue
index 0a1abb3..0c7d762 100644
--- a/src/designer/viewWidgets/script/ScriptView.vue
+++ b/src/designer/viewWidgets/script/ScriptView.vue
@@ -15,21 +15,15 @@
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '@/designer/viewWidgets/IWidgets.js'
 
 export default {
   name: 'ScriptView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
-  },
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/task/TaskView.vue b/src/designer/viewWidgets/task/TaskView.vue
index f682cea..20c7041 100644
--- a/src/designer/viewWidgets/task/TaskView.vue
+++ b/src/designer/viewWidgets/task/TaskView.vue
@@ -34,21 +34,15 @@
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'TaskView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: ''
     }
-  },
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/toolbox/ToolboxView.vue b/src/designer/viewWidgets/toolbox/ToolboxView.vue
index 8df6daf..275c701 100644
--- a/src/designer/viewWidgets/toolbox/ToolboxView.vue
+++ b/src/designer/viewWidgets/toolbox/ToolboxView.vue
@@ -6,7 +6,7 @@
         <component :is="renderIcon('element Search')"></component>
       </template>
     </el-input>
-    <span class="close" @click="closeMe('hideLeft')">
+    <span class="close" @click="closeMe">
       <component :is="renderIcon('element Close')" />
     </span>
   </div>
@@ -15,7 +15,7 @@
              @open="handleOpen"
              @close="handleClose"
              :default-openeds="defaultExpandedKeys"
-             >
+    >
       <el-sub-menu v-for="itemType in itemTypes" :title="itemType.label" :index="itemType.name">
         <template #title>
           <component :is="renderIcon(itemType.icon)" />
@@ -32,11 +32,12 @@
   </div>
 </template>
 <script>
-import { renderIcon } from '@/utils/webutils.js'
+
+import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'ToolboxView',
-  emits: ['close'],
+  mixins: [IWidgets],
   data() {
     return {
       searchKeyword: '',
@@ -113,7 +114,6 @@ export default {
     }
   },
   methods: {
-    renderIcon,
     closeMe() {
       this.$emit('close')
     },
@@ -124,34 +124,34 @@ export default {
       console.log(key, keyPath)
     },
     updateFilteredItemsAndExpand() {
-      const expandedKeys = [];
+      const expandedKeys = []
       this.itemTypes.forEach(itemType => {
         const filteredChildren = itemType.children.filter(item =>
-            item.label.includes(this.searchKeyword) || item.name.includes(this.searchKeyword));
+          item.label.includes(this.searchKeyword) || item.name.includes(this.searchKeyword))
         if (filteredChildren.length > 0) {
-          expandedKeys.push(itemType.name);
+          expandedKeys.push(itemType.name)
         }
-        itemType.children = filteredChildren;
-      });
-      this.defaultExpandedKeys = expandedKeys;
+        itemType.children = filteredChildren
+      })
+      this.defaultExpandedKeys = expandedKeys
     }
   },
-  watch:{
+  watch: {
     searchKeyword(newVal) {
       if (!newVal) {
         // 如果搜索框为空，则重置菜单状态
         this.itemTypes.forEach(itemType => {
-          itemType.children = this.originalItemTypes.find(originalItemType => originalItemType.name === itemType.name).children;
-        });
-        this.defaultExpandedKeys = [];
+          itemType.children = this.originalItemTypes.find(originalItemType => originalItemType.name === itemType.name).children
+        })
+        this.defaultExpandedKeys = []
       } else {
-        this.updateFilteredItemsAndExpand();
+        this.updateFilteredItemsAndExpand()
       }
     }
   },
   mounted() {
     // 保存原始的 itemTypes 用于重置
-    this.originalItemTypes = JSON.parse(JSON.stringify(this.itemTypes));
+    this.originalItemTypes = JSON.parse(JSON.stringify(this.itemTypes))
   }
 }
 </script>
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index f3e5757..f3ff126 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -52,7 +52,7 @@
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
               <el-tabs type="card" class="section-tabs" v-model="centerActiveName" @tab-click="handleCenterTabClick">
                 <el-tab-pane label="2D视图" name="ModelEditor" lazy>
-                  <ModelEditor />
+                  <Model2DEditor />
                 </el-tab-pane>
                 <el-tab-pane label="3D视图" name="ModelView" lazy>
                   <ModelView />
@@ -107,13 +107,13 @@ import './ModelMain.less'
 import { ModelMainInit, ModelMainMounted, ModelMainUnmounted } from '@/views/ModelMainInit.js'
 import { getRootMenu } from '@/runtime/DefineMenu.js'
 import { getWidgetByName, getWidgetBySide, getAllWidget } from '@/runtime/DefineWidget.js'
-import ModelEditor from '@/designer/ModelEditor.vue'
+import Model2DEditor from '@/designer/Model2DEditor.vue'
 import ModelView from '@/designer/ModelView.vue'
 import { normalizeShortKey } from '@/utils/webutils.ts'
 
 
 export default {
-  components: { ModelEditor, ModelView, Split, SplitArea },
+  components: { Model2DEditor, ModelView, Split, SplitArea },
   created() {
     ModelMainInit()
   },

From 1cc04cf5b9f1b4ac9346ed047dcf1567c74b1ad9 Mon Sep 17 00:00:00 2001
From: luoyifan <luoyifan@qq.com>
Date: Fri, 23 May 2025 17:54:17 +0800
Subject: [PATCH 5/5] =?UTF-8?q?ModelMain=20=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/designer/viewWidgets/IWidgets.js               | 10 -------
 src/designer/viewWidgets/IWidgets.ts               | 31 ++++++++++++++++++++++
 src/designer/viewWidgets/alarm/AlarmView.vue       |  1 +
 src/designer/viewWidgets/logger/LoggerView.vue     |  1 +
 .../viewWidgets/modeltree/ModeltreeViewJs.js       |  6 +++--
 src/designer/viewWidgets/monitor/MonitorView.vue   |  3 ++-
 src/designer/viewWidgets/task/TaskView.vue         |  1 +
 7 files changed, 40 insertions(+), 13 deletions(-)
 delete mode 100644 src/designer/viewWidgets/IWidgets.js
 create mode 100644 src/designer/viewWidgets/IWidgets.ts

diff --git a/src/designer/viewWidgets/IWidgets.js b/src/designer/viewWidgets/IWidgets.js
deleted file mode 100644
index 31ce61d..0000000
--- a/src/designer/viewWidgets/IWidgets.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { renderIcon } from '@/utils/webutils.js'
-
-export default {
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/designer/viewWidgets/IWidgets.ts b/src/designer/viewWidgets/IWidgets.ts
new file mode 100644
index 0000000..59486c8
--- /dev/null
+++ b/src/designer/viewWidgets/IWidgets.ts
@@ -0,0 +1,31 @@
+import { defineComponent } from 'vue'
+import { renderIcon } from '@/utils/webutils.js'
+
+export type IWidgetData = {
+  /**
+   * 是否激活
+   */
+  isActivated: boolean
+}
+
+export default defineComponent({
+  activated() {
+    this.isActivated = true
+    console.log('activated', this.$.type.name)
+  },
+  deactivated() {
+    this.isActivated = false
+  },
+  emits: ['close'],
+  data() {
+    return {
+      isActivated: false
+    } as IWidgetData
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+})
\ No newline at end of file
diff --git a/src/designer/viewWidgets/alarm/AlarmView.vue b/src/designer/viewWidgets/alarm/AlarmView.vue
index 0163ca9..daa9431 100644
--- a/src/designer/viewWidgets/alarm/AlarmView.vue
+++ b/src/designer/viewWidgets/alarm/AlarmView.vue
@@ -59,6 +59,7 @@ import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'AlarmView',
+  webSocketSubscribe: ['alarm'],
   emits: ['close'],
   mixins: [IWidgets],
   data() {
diff --git a/src/designer/viewWidgets/logger/LoggerView.vue b/src/designer/viewWidgets/logger/LoggerView.vue
index 2505a37..78a4a65 100644
--- a/src/designer/viewWidgets/logger/LoggerView.vue
+++ b/src/designer/viewWidgets/logger/LoggerView.vue
@@ -58,6 +58,7 @@ import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'LoggerView',
+  webSocketSubscribe: ['logs'],
   mixins: [IWidgets],
   data() {
     return {
diff --git a/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
index 6f9d022..0104c9c 100644
--- a/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
+++ b/src/designer/viewWidgets/modeltree/ModeltreeViewJs.js
@@ -1,7 +1,9 @@
+import { defineComponent } from 'vue'
 import { renderIcon } from '@/utils/webutils.js'
 import IWidgets from '../IWidgets.js'
 
-export default {
+
+export default defineComponent({
   name: 'ModeltreeView',
   mixins: [IWidgets],
   data() {
@@ -36,7 +38,7 @@ export default {
       return designer.allLevels
     }
   }
-}
+})
 
 const data = [
   {
diff --git a/src/designer/viewWidgets/monitor/MonitorView.vue b/src/designer/viewWidgets/monitor/MonitorView.vue
index d3b09e9..d5356db 100644
--- a/src/designer/viewWidgets/monitor/MonitorView.vue
+++ b/src/designer/viewWidgets/monitor/MonitorView.vue
@@ -6,7 +6,7 @@
         <component :is="renderIcon('element Search')"></component>
       </template>
     </el-input>
-    <span class="close" @click="closeMe('hideLeft')">
+    <span class="close" @click="closeMe">
       <component :is="renderIcon('element Close')" />
     </span>
   </div>
@@ -58,6 +58,7 @@ import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'MonitorView',
+  webSocketSubscribe: ['deviceStatus'],
   mixins: [IWidgets],
   data() {
     return {
diff --git a/src/designer/viewWidgets/task/TaskView.vue b/src/designer/viewWidgets/task/TaskView.vue
index 20c7041..6d8e331 100644
--- a/src/designer/viewWidgets/task/TaskView.vue
+++ b/src/designer/viewWidgets/task/TaskView.vue
@@ -38,6 +38,7 @@ import IWidgets from '../IWidgets.js'
 
 export default {
   name: 'TaskView',
+  webSocketSubscribe: ['task'],
   mixins: [IWidgets],
   data() {
     return {