ModelMain 主界面改造

src/designer/viewWidgets/IWidgets.js

@@ -1,10 +0,0 @@
-import { renderIcon } from '@/utils/webutils.js'
-
-export default {
-  methods: {
-    renderIcon,
-    closeMe() {
-      this.$emit('close')
-    }
-  }
-}

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')
+    }
+  }
+})

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() {

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 {

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 = [
   {

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 {

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 {