#

zjj

2024-08-22 81d0f5e8554fd482ba25f3cccfda06029ee302d8

 Monitor-APP/pages/home/home.vue

@@ -304,6 +304,7 @@
<script>
   import demodata from '@/mockdata/demodata.json';
   import ycqdata from '@/pages/index/data.json';
   import {WebSocketClient} from "@/static/js/WebSocketClient"	
   let socket;
   export default {
      data() {
@@ -369,7 +370,7 @@
            timeOut: false,
            times: 0,
            currDate: '',
            locList:[]
            locList:[],				
            
         }
      },
@@ -420,7 +421,7 @@
            // // this.getInfo2()
            // // this.getError2()
            // this.getUrl()
            // this.controller()
            this.controller()
            // this.statisticalModel()
            // 测试用
            
@@ -430,46 +431,85 @@
         webSockerInit(){
            let that = this;
            that.commonUrl = that.baseIP + ':' +that.basePort + "/" +that.baseUrl
            if(typeof(WebSocket) == "undefined"){
               console.log("不支持websocket")
            }else{
               let socketUrl = "ws://"+that.commonUrl+"/led/"+that.baseLedId
               console.log("ws://"+that.commonUrl+"/led/"+that.baseLedId)
               if (socket != null) {
                 socket.close();
                 socket = null;
               }
               // 开启一个websocket服务
               socket = new WebSocket(socketUrl);
               //打开事件
               socket.onopen = function () {
                 console.log("websocket已打开");
               };
               socket.onmessage = function(msg){
                  let data = JSON.parse(msg.data)
                  that.chartsData.Pie.series[0].data = data.pie
                  that.baseInfo.stockCount = data.stockCunt
                  that.baseInfo.emptyCount = data.emptyCount
                  that.baseInfo.noneCount =data.noneCount
                  that.baseInfo.used = data.used
                  that.baseInfo.usedPr = data.usedPr
						
                  that.chartsData.Line.categories = [
                     that.getDateFormat(-11),that.getDateFormat(-10),that.getDateFormat(-9),that.getDateFormat(-8),
                     that.getDateFormat(-7),that.getDateFormat(-6),that.getDateFormat(-5),that.getDateFormat(-4),
                     that.getDateFormat(-3),that.getDateFormat(-2),that.getDateFormat(-1),that.getDateFormat(0),]
                  that.chartsData.Line.series = data.rows
                  that.calendar = data.year + "年" + data.month + "月" + data.day + "日 " + data.hour + ":" + data.minute + ":" + data.second + " " + data.week
                  that.currDate = data.year + "/" + data.month + "/" + data.day
                  that.locList = data.inventoryData
               }
               socket.onclose = function(){
                  console.log("websocket已关闭");
               }
               socket.onerror = function(){
                  console.log("websocket错误");
               }
            }
            let socketUrl = "ws://"+that.commonUrl+"/led/"+that.baseLedId				
            const ws = new WebSocketClient(socketUrl);
            ws.connect()
            ws.onmessage((msg)=>{					
             let data = JSON.parse(msg.data)
             if(data.type === "default"){
                that.chartsData.Pie.series[0].data = data.pie
                that.baseInfo.stockCount = data.stockCunt
                that.baseInfo.emptyCount = data.emptyCount
                that.baseInfo.noneCount =data.noneCount
                that.baseInfo.used = data.used
                that.baseInfo.usedPr = data.usedPr
				 	
                that.chartsData.Line.categories = [
                   that.getDateFormat(-11),that.getDateFormat(-10),that.getDateFormat(-9),that.getDateFormat(-8),
                   that.getDateFormat(-7),that.getDateFormat(-6),that.getDateFormat(-5),that.getDateFormat(-4),
                   that.getDateFormat(-3),that.getDateFormat(-2),that.getDateFormat(-1),that.getDateFormat(0),]
                that.chartsData.Line.series = data.rows
                that.calendar = data.year + "年" + data.month + "月" + data.day + "日 " + data.hour + ":" + data.minute + ":" + data.second + " " + data.week
                that.currDate = data.year + "/" + data.month + "/" + data.day
                that.locList = data.inventoryData
             }else if(data.type === "error"){
                if (data.errMsg && data.errMsg !== "") {
                   var errorInfo = data.errMsg
                   if (that.infoType == 1) {
                      that.infoType = 3
                      that.infoText.title = "其他信息" 
                      // that.infoText.title = "异常"
                      that.infoText.error = errorInfo
                      return
                   }
                   that.infoType = 2
                   that.infoText.title = "其他信息"
                   // that.infoText.title = "异常"
                   that.infoText.error = errorInfo
                } else {
                   if (that.infoType == 1) {
                      return
                   }
                   that.infoType = 0
                }
             }else if(data.type === "task"){
                if (data.taskList && data.taskList !== "") {
                   if (that.infoType == 2 || that.infoType == 3) {
                      return;
                   }
                   // infoType1:只有拣料等信息
                   that.infoType = 1
                   if (data.taskList[0].ioType === 101) {
                      that.infoText.title = '全板出库'
                   } else if(data.taskList[0].ioType === 103) {
                      that.infoText.title = '检料出库'
                   } else if(data.taskList[0].ioType === 107) {
                      that.infoText.title = '盘点出库'
                   } else if(data.taskList[0].ioType === 1) {
                      that.infoText.title = '入库'
                   } else if(data.taskList[0].ioType === 10) {
                      that.infoText.title = '空托入库'
                   } else if(data.taskList[0].ioType === 110) {
                      that.infoText.title = '空托出库'
                   }
                   that.infoText.barcode = data.taskList[0].barcode
                   that.infoText.workNo = data.taskList[0].workNo
                   that.infoText.sourceLocNo = data.taskList[0].sourceLocNo
                   that.infoText.staNo = data.taskList[0].staNo
                   that.swiperList = data.taskList[0].matDtos
                   // that.infoText.matnr = res.data[0].matDtos[0].matnr
                   // that.infoText.specs = res.data[0].matDtos[0].specs
                   // that.infoText.maknx = res.data[0].matDtos[0].maknx
                   // that.infoText.count = res.data[0].matDtos[0].count
                } else {
                   if (that.infoType == 2 || that.infoType == 3) {
                      return;
                   }
                   that.infoType = 0
                }
             }
				 
            })
         },
         statisticalModel() {
            let that = this