1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-67af7c51"],{4678:function(t,e,i){var s={"./af":"2bfb","./af.js":"2bfb","./ar":"8e73","./ar-dz":"a356","./ar-dz.js":"a356","./ar-kw":"423e","./ar-kw.js":"423e","./ar-ly":"1cfd","./ar-ly.js":"1cfd","./ar-ma":"0a84","./ar-ma.js":"0a84","./ar-ps":"4c98","./ar-ps.js":"4c98","./ar-sa":"8230","./ar-sa.js":"8230","./ar-tn":"6d83","./ar-tn.js":"6d83","./ar.js":"8e73","./az":"485c","./az.js":"485c","./be":"1fc1","./be.js":"1fc1","./bg":"84aa","./bg.js":"84aa","./bm":"a7fa","./bm.js":"a7fa","./bn":"9043","./bn-bd":"9686","./bn-bd.js":"9686","./bn.js":"9043","./bo":"d26a","./bo.js":"d26a","./br":"6887","./br.js":"6887","./bs":"25548","./bs.js":"25548","./ca":"d716","./ca.js":"d716","./cs":"3c0d","./cs.js":"3c0d","./cv":"03ec","./cv.js":"03ec","./cy":"9797","./cy.js":"9797","./da":"0f14","./da.js":"0f14","./de":"b469","./de-at":"b3eb","./de-at.js":"b3eb","./de-ch":"bb71","./de-ch.js":"bb71","./de.js":"b469","./dv":"598a","./dv.js":"598a","./el":"8d47","./el.js":"8d47","./en-au":"0e6b","./en-au.js":"0e6b","./en-ca":"3886","./en-ca.js":"3886","./en-gb":"39a6","./en-gb.js":"39a6","./en-ie":"e1d3","./en-ie.js":"e1d3","./en-il":"7333","./en-il.js":"7333","./en-in":"ec2e","./en-in.js":"ec2e","./en-nz":"6f50","./en-nz.js":"6f50","./en-sg":"b7e9","./en-sg.js":"b7e9","./eo":"65db","./eo.js":"65db","./es":"898b","./es-do":"0a3c","./es-do.js":"0a3c","./es-mx":"b5b7","./es-mx.js":"b5b7","./es-us":"55c9","./es-us.js":"55c9","./es.js":"898b","./et":"ec18","./et.js":"ec18","./eu":"0ff2","./eu.js":"0ff2","./fa":"8df48","./fa.js":"8df48","./fi":"81e9","./fi.js":"81e9","./fil":"d69a","./fil.js":"d69a","./fo":"0721","./fo.js":"0721","./fr":"9f26","./fr-ca":"d9f8","./fr-ca.js":"d9f8","./fr-ch":"0e49","./fr-ch.js":"0e49","./fr.js":"9f26","./fy":"7118","./fy.js":"7118","./ga":"5120","./ga.js":"5120","./gd":"f6b46","./gd.js":"f6b46","./gl":"8840","./gl.js":"8840","./gom-deva":"aaf2","./gom-deva.js":"aaf2","./gom-latn":"0caa","./gom-latn.js":"0caa","./gu":"e0c5","./gu.js":"e0c5","./he":"c7aa","./he.js":"c7aa","./hi":"dc4d","./hi.js":"dc4d","./hr":"4ba9","./hr.js":"4ba9","./hu":"5b14","./hu.js":"5b14","./hy-am":"d6b6","./hy-am.js":"d6b6","./id":"5038","./id.js":"5038","./is":"0558","./is.js":"0558","./it":"6e98a","./it-ch":"6f12","./it-ch.js":"6f12","./it.js":"6e98a","./ja":"079e","./ja.js":"079e","./jv":"b540","./jv.js":"b540","./ka":"201b","./ka.js":"201b","./kk":"6d79","./kk.js":"6d79","./km":"e81d","./km.js":"e81d","./kn":"3e923","./kn.js":"3e923","./ko":"22f8","./ko.js":"22f8","./ku":"2421","./ku-kmr":"7558","./ku-kmr.js":"7558","./ku.js":"2421","./ky":"9609","./ky.js":"9609","./lb":"440c","./lb.js":"440c","./lo":"b29d","./lo.js":"b29d","./lt":"26f9","./lt.js":"26f9","./lv":"b97c","./lv.js":"b97c","./me":"293c","./me.js":"293c","./mi":"688b","./mi.js":"688b","./mk":"6909","./mk.js":"6909","./ml":"02fb","./ml.js":"02fb","./mn":"958b","./mn.js":"958b","./mr":"39bd","./mr.js":"39bd","./ms":"ebe4","./ms-my":"6403","./ms-my.js":"6403","./ms.js":"ebe4","./mt":"1b45","./mt.js":"1b45","./my":"8689","./my.js":"8689","./nb":"6ce3","./nb.js":"6ce3","./ne":"3a39","./ne.js":"3a39","./nl":"facd","./nl-be":"db29","./nl-be.js":"db29","./nl.js":"facd","./nn":"b84c","./nn.js":"b84c","./oc-lnc":"167b","./oc-lnc.js":"167b","./pa-in":"f3ff","./pa-in.js":"f3ff","./pl":"8d57","./pl.js":"8d57","./pt":"f260","./pt-br":"d2d4","./pt-br.js":"d2d4","./pt.js":"f260","./ro":"972c","./ro.js":"972c","./ru":"957c","./ru.js":"957c","./sd":"6784","./sd.js":"6784","./se":"ffff","./se.js":"ffff","./si":"eda5","./si.js":"eda5","./sk":"7be6","./sk.js":"7be6","./sl":"8155","./sl.js":"8155","./sq":"c8f3","./sq.js":"c8f3","./sr":"cf1e","./sr-cyrl":"13e9","./sr-cyrl.js":"13e9","./sr.js":"cf1e","./ss":"52bd","./ss.js":"52bd","./sv":"5fbd","./sv.js":"5fbd","./sw":"74dc","./sw.js":"74dc","./ta":"3de5","./ta.js":"3de5","./te":"5cbb","./te.js":"5cbb","./tet":"576c","./tet.js":"576c","./tg":"3b1b","./tg.js":"3b1b","./th":"10e8","./th.js":"10e8","./tk":"5aff","./tk.js":"5aff","./tl-ph":"0f38","./tl-ph.js":"0f38","./tlh":"cf75","./tlh.js":"cf75","./tr":"0e81","./tr.js":"0e81","./tzl":"cf51","./tzl.js":"cf51","./tzm":"c109","./tzm-latn":"b53d","./tzm-latn.js":"b53d","./tzm.js":"c109","./ug-cn":"6117","./ug-cn.js":"6117","./uk":"ada2","./uk.js":"ada2","./ur":"5294","./ur.js":"5294","./uz":"2e8c","./uz-latn":"010e","./uz-latn.js":"010e","./uz.js":"2e8c","./vi":"2921","./vi.js":"2921","./x-pseudo":"fd7e","./x-pseudo.js":"fd7e","./yo":"7f33","./yo.js":"7f33","./zh-cn":"5c3a","./zh-cn.js":"5c3a","./zh-hk":"49ab","./zh-hk.js":"49ab","./zh-mo":"3a6c","./zh-mo.js":"3a6c","./zh-tw":"90ea","./zh-tw.js":"90ea"};function a(t){var e=n(t);return i(e)}function n(t){if(!i.o(s,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return s[t]}a.keys=function(){return Object.keys(s)},a.resolve=n,t.exports=a,a.id="4678"},dd50:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("el-form",{attrs:{inline:!0,"label-width":"78px"}},[i("el-form-item",[i("el-tooltip",{staticClass:"item",attrs:{effect:"light",content:t.$t("device.device-monitor.817489-1"),placement:"top"}},[i("el-input",{staticStyle:{width:"218px"},attrs:{placeholder:t.$t("device.device-monitor.817489-2"),type:"number",clearable:""},model:{value:t.monitorInterval,callback:function(e){t.monitorInterval=e},expression:"monitorInterval"}})],1)],1),i("el-form-item",[i("el-tooltip",{staticClass:"item",attrs:{effect:"light",content:t.$t("device.device-monitor.817489-4"),placement:"top"}},[i("el-input",{staticStyle:{width:"218px"},attrs:{placeholder:t.$t("device.device-monitor.817489-5"),type:"number",clearable:""},model:{value:t.monitorNumber,callback:function(e){t.monitorNumber=e},expression:"monitorNumber"}})],1)],1),i("el-form-item",[i("el-button",{directives:[{name:"hasPermi",rawName:"v-hasPermi",value:["iot:service:invoke"],expression:"['iot:service:invoke']"}],attrs:{type:"primary",icon:"el-icon-video-play"},on:{click:function(e){return t.beginMonitor()}}},[t._v(" "+t._s(t.$t("device.device-monitor.817489-6"))+" ")]),i("el-button",{directives:[{name:"hasPermi",rawName:"v-hasPermi",value:["iot:service:invoke"],expression:"['iot:service:invoke']"}],attrs:{icon:"el-icon-video-pause"},on:{click:function(e){return t.stopMonitor()}}},[t._v(t._s(t.$t("device.device-monitor.817489-7")))])],1)],1),i("el-row",{directives:[{name:"loading",rawName:"v-loading",value:t.chartLoading,expression:"chartLoading"}],attrs:{gutter:20,"element-loading-text":t.$t("device.device-monitor.817489-8"),"element-loading-spinner":"el-icon-loading"}},t._l(t.monitorThings,(function(t,e){return i("el-col",{key:e,staticStyle:{"margin-bottom":"20px"},attrs:{span:12}},[i("el-card",{attrs:{shadow:"hover","body-style":{paddingTop:"10px",marginBottom:"-20px"}}},[i("div",{ref:"monitor",refInFor:!0,staticStyle:{height:"210px",padding:"0"}})])],1)})),1)],1)},a=[],n=(i("14d9"),i("b0c0"),i("a9e3"),i("b680"),i("b64b"),i("d3b7"),i("25f0"),i("c1df")),o=i.n(n),r={name:"DeviceMonitor",props:{device:{type:Object,default:null}},watch:{device:function(t,e){if(this.deviceInfo=t,this.deviceInfo&&0!=this.deviceInfo.deviceId&&this.device.monitorList){this.monitorThings=this.deviceInfo.monitorList,this.dataList=[];for(var i=0;i<this.monitorThings.length;i++)this.dataList.push({id:this.monitorThings[i].id,name:this.monitorThings[i].name,data:[]});this.$nextTick((function(){this.getMonitorChart()})),this.mqttCallback()}}},mounted:function(){this.handleDeviceChange(this.device)},data:function(){return{monitorInterval:1e3,monitorNumber:60,chart:[],dataList:[],monitorThings:[],chartLoading:!1,deviceInfo:{}}},created:function(){},methods:{handleDeviceChange:function(t){if(t&&0!=t.deviceId&&t.monitorList&&t.monitorList.length>0){this.monitorThings=t.monitorList,this.dataList=[];for(var e=0;e<this.monitorThings.length;e++)this.dataList.push({id:this.monitorThings[e].id,name:this.monitorThings[e].name,data:[]});this.$nextTick((function(){this.getMonitorChart()})),this.mqttCallback()}},mqttPublish:function(t,e){var i=this,s="",a="";4==e.type&&(s="/"+t.productId+"/"+t.serialNumber+"/monitor/get",a='{"count":'+e.value+',"interval":'+this.monitorInterval+"}",""!=s&&this.$mqttTool.publish(s,a,e.name).then((function(t){i.$modal.notifySuccess(t)})).catch((function(t){i.$modal.notifyError(t)})))},mqttCallback:function(){var t=this;this.$mqttTool.client.on("message",(function(e,i,s){var a=e.split("/"),n=(a[1],a[2]);if(i=JSON.parse(i.toString()),i&&("status"==a[3]&&(console.log(t.$t("device.device-monitor.817489-9"),e),console.log(t.$t("device.device-monitor.817489-10"),i),t.deviceInfo.serialNumber==n&&(t.deviceInfo.status=i.status,t.deviceInfo.isShadow=i.isShadow,t.deviceInfo.rssi=i.rssi)),"monitor"==a[3])){console.log(t.$t("device.device-monitor.817489-11"),e),console.log(t.$t("device.device-monitor.817489-12"),i),t.chartLoading=!1;for(var r=0;r<i.length;r++)for(var c=i[r].value,d=i[r].id,l=i[r].remark,m=o()(Number(l)).format("YYYY-MM-DD HH:mm:ss"),h=0;h<t.dataList.length;h++){if(d==t.dataList[h].id){t.dataList[h].length>50&&t.dataList[h].shift(),t.dataList[h].data.push([l?m:t.getTime(),c]),t.chart[h].setOption({series:[{data:t.dataList[h].data}]});break}if(0==t.dataList[h].id.indexOf("array_")){var f=t.dataList[h].id.substring(6,8),b=t.dataList[h].id.substring(9);if(b==d){var j=c.split(",");t.dataList[h].length>50&&t.dataList[h].shift(),t.dataList[h].data.push([l?m:t.getTime(),j[f]]),t.chart[h].setOption({series:[{data:t.dataList[h].data}]});break}}}}}))},beginMonitor:function(){if(3==this.deviceInfo.status){for(var t=0;t<this.dataList.length;t++)this.dataList[t].data=[];(this.monitorInterval<500||this.monitorInterval>1e4)&&this.$modal.alertError(this.$t("device.device-monitor.817489-14")),(0==this.monitorNumber||this.monitorNumber>300)&&this.$modal.alertError(this.$t("device.device-monitor.817489-15"));var e={};e.name=this.$t("device.device-monitor.817489-16"),e.value=this.monitorNumber,e.type=4,this.mqttPublish(this.deviceInfo,e),this.chartLoading=!0}else this.$modal.alertError(this.$t("device.device-monitor.817489-13"))},stopMonitor:function(){if(3==this.deviceInfo.status){this.chartLoading=!1;var t={};t.name=this.$t("device.device-monitor.817489-17"),t.value=0,t.type=4,this.mqttPublish(this.deviceInfo,t)}else this.$modal.alertError(this.$t("device.device-monitor.817489-13"))},getMonitorChart:function(){for(var t=["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],e=0;e<this.monitorThings.length;e++){var i;this.$refs.monitor[e].style.width=document.documentElement.clientWidth/2-194+"px",this.chart[e]=this.$echarts.init(this.$refs.monitor[e]),i={title:{left:"center",text:this.monitorThings[e].name+" （单位 "+(void 0!=this.monitorThings[e].datatype.unit?this.monitorThings[e].datatype.unit:this.$t("device.device-monitor.817489-19"))+"）",textStyle:{fontSize:14}},grid:{top:"50px",left:"20px",right:"20px",bottom:"10px",containLabel:!0},tooltip:{trigger:"axis",axisPointer:{animation:!0}},xAxis:{type:"time",show:!1,splitLine:{show:!1}},yAxis:{type:"value",boundaryGap:[0,"100%"],splitLine:{show:!0},scale:!0,axisLabel:{formatter:function(t,e){return t.toFixed(2)}}},series:[{name:this.monitorThings[e].name,type:"line",symbol:"none",sampling:"lttb",itemStyle:{color:e>9?t[0]:t[e]},areaStyle:{},data:[]}]},i&&this.chart[e].setOption(i)}},getTime:function(){var t=new Date,e=t.getFullYear(),i=t.getMonth()+1,s=t.getDate(),a=t.getHours(),n=t.getMinutes(),o=t.getSeconds();return i=i<10?"0"+i:i,s=s<10?"0"+s:s,a=a<10?"0"+a:a,e+"-"+i+"-"+s+" "+a+":"+n+":"+o}}},c=r,d=i("2877"),l=Object(d["a"])(c,s,a,!1,null,null,null);e["default"]=l.exports}}]); |