forked from floraachy/xiuos_IoT
1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-b7ef1b0c"],{1148:function(t,e,i){"use strict";var a=i("a691"),n=i("1d80");t.exports="".repeat||function(t){var e=String(n(this)),i="",s=a(t);if(s<0||s==1/0)throw RangeError("Wrong number of repetitions");for(;s>0;(s>>>=1)&&(e+=e))1&s&&(i+=e);return i}},"1ce7":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"app-container"},[i("el-card",[i("el-row",[i("el-col",{attrs:{span:12}},[i("span",[t._v("部署位置：杭州市萧山区河上镇祥利村 中国胜达产业园")])]),i("el-col",{attrs:{span:12}},[i("span",[t._v(t._s("当前时间："+t.time))])])],1)],1),i("el-card",[i("el-row",[i("el-col",{attrs:{span:9}},[i("el-card",[i("div",{attrs:{slot:"header"},slot:"header"},[i("span",[t._v("PM值")]),i("span",{staticStyle:{float:"right"}},[t._v("⋮")])]),i("div",{staticClass:"pm-container"},[i("div",{staticClass:"pm-chart"}),i("div",{staticClass:"pm-chart"}),i("div",{staticClass:"pm-chart"})])]),i("el-card",[i("div",{attrs:{slot:"header"},slot:"header"},[i("span",[t._v("温湿度")]),i("span",{staticStyle:{float:"right"}},[t._v("⋮")])]),i("div",{staticClass:"temp-container"},[i("div",{staticClass:"temp-chart"}),i("div",{staticClass:"temp-chart"})])])],1),i("el-col",{attrs:{span:13,offset:1}},[i("el-card",[i("div",{attrs:{slot:"header"},slot:"header"},[i("span",[t._v("其他")]),i("span",{staticStyle:{float:"right"}},[t._v("⋮")])]),i("div",{staticClass:"chemical-container"},[i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"})]),i("div",{staticClass:"chemical-container"},[i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"})]),i("div",{staticClass:"chemical-container"},[i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"}),i("div",{staticClass:"chemical-chart"})])])],1)],1)],1)],1)},n=[],s=(i("d3b7"),i("159b"),i("b0c0"),i("ac1f"),i("5319"),i("25f0"),i("c740"),i("b680"),{data:function(){return{time:"",PMOptions:[],PMCharts:[],chemicalOptions:[],chemicalCharts:[],tempOptions:[],tempCharts:[]}},mounted:function(){var t=this;setInterval((function(){var e=new Date,i=e.getFullYear(),a=e.getMonth()+1,n=e.getDate(),s=e.getHours(),o=e.getMinutes(),r=e.getSeconds();t.time=i+"年"+a+"月"+n+"日 "+s+"时"+o+"分"+r+"秒"}),1e3),this.$nextTick((function(){t.initPMChart(),t.initChemicalChart(),t.initTempChart()})),this.openSocket(),window.addEventListener("resize",_.debounce(this.chartResize,200))},methods:{initPMChart:function(){var t=this,e=document.getElementsByClassName("pm-chart");e.forEach((function(e){var i=t.$echarts.init(e);t.PMCharts.push(i)}));var i=0,a={name:"",backgroundColor:"#fff",title:{text:"".concat(i),subtext:"μg/m3",left:"center",top:"center",textStyle:{color:"black",fontSize:this.fontResize(20),fontFamily:"DINAlternate-Bold"},subtextStyle:{color:"black",fontSize:this.fontResize(15),fontFamily:"PingFangSC-Regular",top:"center"},itemGap:-4},xAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},yAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},series:[{type:"pie",radius:["0","40%"],center:["50%","50%"],z:0,itemStyle:{normal:{color:"rgb(238,252,251)",label:{show:!1},labelLine:{show:!1}}},label:{normal:{position:"center"}},emphasis:{disabled:!0},data:[100]},{name:"",type:"gauge",center:["50%","50%"],radius:"70%",min:0,max:100,startAngle:225,endAngle:-45,axisLine:{show:!0,lineStyle:{color:[[i/80,"rgb(94,229,213)"],[1,"rgb(207,248,244)"]],width:20}},axisLabel:{show:!1},axisTick:{show:!1},splitLine:{show:!1},splitNumber:0,detail:{show:!1},animationDuration:4e3},{type:"gauge",name:"外层辅助",radius:"75%",startAngle:"225",endAngle:"-45",min:0,max:80,splitNumber:4,pointer:{show:!1},detail:{show:!1},data:[{value:1,name:"PM1.0"}],title:{show:!0,offsetCenter:[0,"80%"],textStyle:{color:"black",fontStyle:"normal",fontWeight:"normal",fontFamily:"微软雅黑",fontSize:this.fontResize(15)}},axisLabel:{show:!0,color:"#3EE7D5",fontSize:14,fontFamily:"SourceHanSansSC-Regular",fontWeight:"bold",distance:-55,formatter:function(t){return t}},axisLine:{show:!0,lineStyle:{color:[[1,"rgb(94,229,213)"]],width:2,opacity:1}},axisTick:{show:!1},splitLine:{show:!0,length:20,lineStyle:{color:"#051932",width:0,type:"solid"}}}]},n=["PM1.0","PM2.5","PM10"];n.forEach((function(e,n){var s=_.cloneDeep(a);s.name=e,s.series[2].data[0].name=e,"PM10"===e&&(s.series[1].max=200,s.series[1].axisLine.lineStyle.color[0][0]=i/200,s.series[2].max=200),t.PMOptions.push(s),t.PMCharts[n].setOption(s)}))},initTempChart:function(){var t=this,e=document.getElementsByClassName("temp-chart");e.forEach((function(e){var i=t.$echarts.init(e);t.tempCharts.push(i)}));for(var i=0,a={name:"",backgroundColor:"#fff",title:{text:"".concat(i),left:"center",top:"center",textStyle:{color:"black",fontSize:this.fontResize(20),fontFamily:"DINAlternate-Bold"},itemGap:-4},xAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},yAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},series:[{name:"",type:"gauge",center:["50%","50%"],radius:"65%",min:0,max:100,startAngle:225,endAngle:-45,axisLine:{lineStyle:{color:[[i/100,"#FBBA4C"],[1,"#F6F6F6"]],width:15}},axisLabel:{show:!0,color:"#FBBA4C",fontSize:14,fontFamily:"SourceHanSansSC-Regular",fontWeight:"bold",distance:-30,formatter:function(t){return parseInt(t)}},axisTick:{show:!1},splitLine:{distance:-22,show:!0,length:25,lineStyle:{color:"#fff",width:10}},splitNumber:6,detail:{show:!1},pointer:{show:!1},data:[{value:1,name:"湿度"}],title:{show:!0,offsetCenter:[0,"90%"],textStyle:{color:"black",fontStyle:"normal",fontWeight:"normal",fontFamily:"微软雅黑",fontSize:this.fontResize(15)}},animationDuration:4e3},{type:"pie",name:"外层辅助",radius:["40%","42%"],pointer:{show:!1},detail:{show:!1},data:[{value:1,itemStyle:{color:"#FBBA4C"}}],label:{show:!1},emphasis:{disabled:!0}}]},n=["湿度","温度"],s=["湿度 ％rh","温度 ℃"],o=[0,-20],r=[5,6],l=0;l<2;l++){var c=_.cloneDeep(a);c.name=n[l],c.series[0].data[0].name=s[l],c.series[0].min=o[l],c.series[0].splitNumber=r[l],this.tempOptions.push(c),this.tempCharts[l].setOption(c)}},initChemicalChart:function(){var t=this,e=document.getElementsByClassName("chemical-chart");e.forEach((function(e){var i=t.$echarts.init(e);t.chemicalCharts.push(i)}));for(var i=0,a={name:"",backgroundColor:"#fff",title:{text:"".concat(i),subtext:"μg/m3",left:"center",top:"center",textStyle:{color:"black",fontSize:this.fontResize(20),fontFamily:"DINAlternate-Bold"},subtextStyle:{color:"black",fontSize:this.fontResize(15),fontFamily:"PingFangSC-Regular",top:"center"},itemGap:-4},xAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},yAxis:{splitLine:{show:!1},axisLabel:{show:!1},axisLine:{show:!1}},series:[{type:"pie",radius:["0","30%"],center:["50%","50%"],z:0,itemStyle:{normal:{color:"rgb(245,250,255)",label:{show:!1},labelLine:{show:!1}}},label:{normal:{position:"center"}},emphasis:{disabled:!0},data:[100]},{name:"",type:"gauge",center:["50%","50%"],radius:"60%",min:0,max:100,startAngle:225,endAngle:-45,axisLine:{show:!0,lineStyle:{color:[[i/100,"rgb(61,142,253)"],[1,"rgb(191,224,254)"]],width:20}},axisLabel:{show:!1},axisTick:{show:!1},splitLine:{show:!1},splitNumber:0,detail:{show:!1},animationDuration:4e3},{type:"gauge",name:"外层辅助",radius:"65%",startAngle:"225",endAngle:"-45",min:0,max:80,splitNumber:4,pointer:{show:!1},detail:{show:!1},data:[{value:1,name:"PM1.0"}],title:{show:!0,offsetCenter:[0,"80%"],textStyle:{color:"black",fontStyle:"normal",fontWeight:"normal",fontFamily:"微软雅黑",fontSize:this.fontResize(15)}},axisLabel:{show:!0,color:"#0090FF",fontSize:14,fontFamily:"SourceHanSansSC-Regular",fontWeight:"bold",distance:-58,formatter:function(t){return t}},axisLine:{show:!0,lineStyle:{color:[[1,"rgb(61,142,253)"]],width:2,opacity:1}},axisTick:{show:!1},splitLine:{show:!0,length:20,lineStyle:{color:"#051932",width:0,type:"solid"}}}]},n=["甲醛","乙醇","甲烷","SO2","CO2","TVOC","AQS","噪声","风速","风向","气压"],s=["ppb","ppb","%LEL","mg/m3","ppb","ppb","ppm","dB","m/s","°","kPa"],o=[0,0,0,0,0,0,0,30,0,0,80],r=[80,20,10,100,800,100,10,100,12,360,120],l=0;l<11;l++){var c=_.cloneDeep(a);c.name=n[l],c.title.subtext=s[l],c.series[1].min=o[l],c.series[1].max=r[l],c.series[2].min=o[l],c.series[2].max=r[l],c.series[1].axisLine.lineStyle.color[0][0]=i/(r[l]+o[l]),c.series[2].data[0].name=n[l],this.chemicalOptions.push(c),this.chemicalCharts[l].setOption(c)}},fontResize:function(t){var e=window.innerWidth;return Math.max(Math.round(e/1920*t),12)},chartResize:function(){var t=this,e=this.fontResize(20),i=this.fontResize(15);this.PMCharts.forEach((function(t){return t.resize()})),this.tempCharts.forEach((function(t){return t.resize()})),this.chemicalCharts.forEach((function(t){return t.resize()})),this.PMOptions.forEach((function(a,n){a.title.textStyle.fontSize=e,a.title.subtextStyle.fontSize=i,a.series[2].title.textStyle.fontSize=i,t.PMCharts[n].setOption(a)})),this.chemicalOptions.forEach((function(a,n){a.title.textStyle.fontSize=e,a.title.subtextStyle.fontSize=i,a.series[2].title.textStyle.fontSize=i,t.chemicalCharts[n].setOption(a)})),this.tempOptions.forEach((function(a,n){a.title.textStyle.fontSize=e,a.series[0].title.textStyle.fontSize=i,t.tempCharts[n].setOption(a)}))},guid:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0,i="x"==t?e:3&e|8;return i.toString(16)}))},openSocket:function(){var t=this,e=this.guid(),i="ws://115.238.53.60:33333/websocket/"+e,a=new WebSocket(i);a.onopen=function(){console.log("websocket已打开")},a.onmessage=function(e){var i=JSON.parse(e.data);i.forEach((function(e){var i=t.PMOptions.findIndex((function(t){return t.name===e.paramsName})),a=t.tempOptions.findIndex((function(t){return t.name===e.paramsName})),n=t.chemicalOptions.findIndex((function(t){return t.name===e.paramsName}));if(-1!==i){var s=Math.round(e.paramsValue);t.PMOptions[i].title.text=s,t.PMOptions[i].series[1].axisLine.lineStyle.color[0][0]=s/(t.PMOptions[i].series[1].max+t.PMOptions[i].series[1].min),t.PMCharts[i].setOption(t.PMOptions[i])}else if(-1!==a){var o=parseFloat(e.paramsValue.toFixed(3));t.tempOptions[a].title.text=o,t.tempOptions[a].series[0].axisLine.lineStyle.color[0][0]=o/(t.tempOptions[a].series[0].max+t.tempOptions[a].series[0].min),t.tempCharts[a].setOption(t.tempOptions[a])}else if(-1!==n){var r=Math.max(0,parseFloat(e.paramsValue.toFixed(1)));t.chemicalOptions[n].title.text=r,t.chemicalOptions[n].series[1].axisLine.lineStyle.color[0][0]=r/(t.chemicalOptions[n].series[1].max+t.chemicalOptions[n].series[1].min),t.chemicalCharts[n].setOption(t.chemicalOptions[n])}}))},a.onclose=function(){console.log("websocket已关闭")},a.onerror=function(){console.log("websocket发生了错误")}}}}),o=s,r=(i("7ef9"),i("2877")),l=Object(r["a"])(o,a,n,!1,null,"6664eeec",null);e["default"]=l.exports},"408a":function(t,e,i){var a=i("c6b6");t.exports=function(t){if("number"!=typeof t&&"Number"!=a(t))throw TypeError("Incorrect invocation");return+t}},"7ef9":function(t,e,i){"use strict";i("bb2e")},b680:function(t,e,i){"use strict";var a=i("23e7"),n=i("a691"),s=i("408a"),o=i("1148"),r=i("d039"),l=1..toFixed,c=Math.floor,h=function(t,e,i){return 0===e?i:e%2===1?h(t,e-1,i*t):h(t*t,e/2,i)},m=function(t){var e=0,i=t;while(i>=4096)e+=12,i/=4096;while(i>=2)e+=1,i/=2;return e},f=l&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!r((function(){l.call({})}));a({target:"Number",proto:!0,forced:f},{toFixed:function(t){var e,i,a,r,l=s(this),f=n(t),p=[0,0,0,0,0,0],u="",d="0",x=function(t,e){var i=-1,a=e;while(++i<6)a+=t*p[i],p[i]=a%1e7,a=c(a/1e7)},w=function(t){var e=6,i=0;while(--e>=0)i+=p[e],p[e]=c(i/t),i=i%t*1e7},b=function(){var t=6,e="";while(--t>=0)if(""!==e||0===t||0!==p[t]){var i=String(p[t]);e=""===e?i:e+o.call("0",7-i.length)+i}return e};if(f<0||f>20)throw RangeError("Incorrect fraction digits");if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(u="-",l=-l),l>1e-21)if(e=m(l*h(2,69,1))-69,i=e<0?l*h(2,-e,1):l/h(2,e,1),i*=4503599627370496,e=52-e,e>0){x(0,i),a=f;while(a>=7)x(1e7,0),a-=7;x(h(10,a,1),0),a=e-1;while(a>=23)w(1<<23),a-=23;w(1<<a),x(1,1),w(2),d=b()}else x(0,i),x(1<<-e,0),d=b()+o.call("0",f);return f>0?(r=d.length,d=u+(r<=f?"0."+o.call("0",f-r)+d:d.slice(0,r-f)+"."+d.slice(r-f))):d=u+d,d}})},bb2e:function(t,e,i){},c740:function(t,e,i){"use strict";var a=i("23e7"),n=i("b727").findIndex,s=i("44d2"),o=i("ae40"),r="findIndex",l=!0,c=o(r);r in[]&&Array(1)[r]((function(){l=!1})),a({target:"Array",proto:!0,forced:l||!c},{findIndex:function(t){return n(this,t,arguments.length>1?arguments[1]:void 0)}}),s(r)}}]); |