加?.,??

babel.config.js

@@ -1,4 +1,4 @@
-const plugins = ['@vue/babel-plugin-transform-vue-jsx']
+const plugins = ['@vue/babel-plugin-transform-vue-jsx', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator']
 // 生产环境移除console
 if (process.env.NODE_ENV === 'production') {
   plugins.push('transform-remove-console')

package.json

@@ -26,6 +26,8 @@
     ]
   },
   "dependencies": {
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
     "@riophae/vue-treeselect": "^0.4.0",
     "axios": "^0.21.1",
     "clipboard": "2.0.4",

src/views/components/SecurityDoor.vue

@@ -44,7 +44,9 @@ export default {
   },
   created() {
     securitydoor().then((data) => {
-      this.tableData.push(...data)
+      if (data && data.length > 0) {
+        this.tableData.push(...data)
+      }
     })
     this.openSocket()
   },
@@ -82,6 +84,7 @@ export default {
         // 获得消息
         this.socket.onmessage = (msg) => {
           console.log(msg)
+          // this.tableData.push(JSON.parse(msg.data.slice(7, msg.data.length - 2)).Data)
           this.tableData.push(JSON.parse(msg.data.slice(7, msg.data.length - 2)).Data)
         }
         // 关闭事件

src/views/components/WarehouseWarning.vue

@@ -35,28 +35,7 @@ export default {
   },
   data() {
     return {
-      tableData: [], // 正在展示的警情数据
-      // receivedData: [], // 接收到的最新警情数据
-      // displayNum: 0,
-      // lockReconnect: false, // 避免重复连接
-      // heartCheck: {
-      //   timeout: 3000,
-      //   timeoutobj: null,
-      //   // serverTimeoutObj: null,
-      //   start: () => {
-      //     // const that = this
-      //     clearTimeout(this.timeoutObj)
-      //     // clearTimeout(this.serverTimeoutObj)
-      //     this.timeoutobj = setTimeout(() => {
-      //       // 这里发送一个心跳，后端收到后，返回一个心跳，这里用的ping-pong
-      //       this.socket.send('ping')
-      //       // that.serverTimeoutObj = setTimeout(() => {
-      //       //   this.socket.close()
-      //       // }, that.timeout)
-      //     }, this.timeout)
-      //   }
-      // }
-      socket: null
+      tableData: [] // 正在展示的警情数据
     }
   },
   watch: {
@@ -66,11 +45,6 @@ export default {
     }
   },
   created() {
-    // securitydoor().then((data) => {
-    //   this.tableData.push(...data)
-    // })
-    // this.openSocket()
-    console.log(111111)
     alarmApi.info({ storeroomId: this.storeroomId }).then((data) => {
       if (data && data.length > 0) {
         this.tableData.push(...data)
@@ -79,9 +53,6 @@ export default {
   },
   destroyed() {
     clearInterval(this.timer)
-    if (this.socket) {
-      this.socket.close()
-    }
   },
   methods: {
     // 表格隔行变色
@@ -136,42 +107,6 @@ export default {
         }, 1000 * 3 * this.displayNum)
       }
     }
-    // ,
-    // openSocket() {
-    //   if (!('WebSocket' in window)) {
-    //     console.log('您的浏览器不支持WebSocket')
-    //   } else {
-    //     console.log('您的浏览器支持WebSocket')
-    //     const socketUrl = process.env.VUE_APP_WS_API + '/webSocket'
-    //     if (this.socket != null) {
-    //       this.socket.close()
-    //       this.socket = null
-    //     }
-    //     this.socket = new WebSocket(socketUrl)
-    //     // 打开事件
-    //     this.socket.onopen = () => {
-    //       console.log('websocket已经打开')
-    //       // 心跳检测重置
-    //       // this.heartCheck.start()
-    //     }
-    //     // 获得消息
-    //     this.socket.onmessage = (msg) => {
-    //       console.log(msg)
-    //       this.tableData.splice(0, this.tableData.length, ...JSON.parse(msg.data.slice(7, msg.data.length - 2)).Data)
-    //       // 对返回数据进行处理
-    //       // this.heartCheck.start()
-    //     }
-    //     // 关闭事件
-    //     this.socket.onclose = function() {
-    //       console.log('websocket已关闭')
-    //     }
-    //     // 发生了错误事件
-    //     this.socket.onerror = function(e) {
-    //       console.log('websocket发生了错误')
-    //       console.log(e)
-    //     }
-    //   }
-    // }
   }
 }
 </script>

src/views/storeManage/warehouse3D/index.vue

@@ -28,6 +28,7 @@
 
 <script>
 import fullView from './fullView/index.vue'
+// import JSMpeg from '@/views/components/jsmpeg'
 import archivesStorage from './archivesStorage/index.vue'
 import collateRoom from './collateRoom/index.vue'
 import readRoom from './readRoom/index.vue'