(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-1f3daa68"],{"4e70":function(a,t,e){},adc0:function(a,t,e){"use strict";var s=e("4e70"),i=e.n(s);i.a},f5e1:function(a,t,e){"use strict";e.r(t);var s=function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{staticClass:"page-container"},[e("Split",{attrs:{min:"200px"},on:{"on-move-end":function(t){return a.graphResize()}},model:{value:a.split1,callback:function(t){a.split1=t},expression:"split1"}},[e("div",{staticClass:"demo-split-pane",staticStyle:{height:"100%","overflow-y":"auto"},attrs:{slot:"left"},slot:"left"},[e("Tree",{attrs:{data:a.treeView,"load-data":a.loadData},on:{"on-select-change":a.searchDeviceInfo}})],1),e("div",{staticClass:"demo-split-pane",staticStyle:{height:"100%","overflow-y":"auto"},attrs:{slot:"right"},slot:"right"},[e("Card",[e("Breadcrumb",[e("BreadcrumbItem",[a._v(a._s(a.params.province))]),e("BreadcrumbItem",[a._v(a._s(a.params.city))]),e("BreadcrumbItem",[a._v(a._s(a.params.county))]),e("BreadcrumbItem",[a._v(a._s(a.params.device_name))])],1)],1),e("Card",{staticClass:"mrt8"},[e("div",{staticClass:"graph-tabs-tooltip",staticStyle:{position:"absolute",right:"10px","z-index":"999"}},[e("div",{staticStyle:{position:"relative"}},[e("Tooltip",{attrs:{content:"告警阀值设置",placement:"top"}},[e("Button",{staticClass:"mrr8",attrs:{icon:"ios-notifications",type:"primary",shape:"circle"},on:{click:a.showAlarmsSetting}})],1),e("Tooltip",{attrs:{content:"导出实时折线图",placement:"top"}},[e("Button",{staticClass:"mrr8",attrs:{icon:"ios-download",type:"primary",shape:"circle"},on:{click:a.downloadControlData}})],1)],1)]),e("Tabs",{attrs:{value:"name3"},on:{"on-click":function(t){return a.graphResize()}}},[e("TabPane",{attrs:{label:"烟感",name:"name3"}},[e("line-graph",{ref:"smoke",staticClass:"h600 bg-white",attrs:{unit:"PPM",title:"烟感",name:"烟感",min:"100",max:"10000"}})],1),e("TabPane",{attrs:{label:"空气温度",name:"name2"}},[e("line-graph",{ref:"temp",staticClass:"h600 bg-white",attrs:{unit:"℃",min:"-40",max:"80",title:"空气温度"}})],1),e("TabPane",{attrs:{label:"空气湿度",name:"name1"}},[e("line-graph",{ref:"humidity",staticClass:"h600 bg-white",attrs:{unit:"%RH",min:"0",max:"100",title:"空气湿度"}})],1)],1)],1),e("Table",{staticClass:"mrt8",attrs:{"max-height":"400",border:"",columns:a.columns1,data:a.tbl}})],1)]),e("Modal",{attrs:{title:"告警参数设置","footer-hide":""},model:{value:a.alarmsModal,callback:function(t){a.alarmsModal=t},expression:"alarmsModal"}},[e("alarms-setting",{attrs:{device_id:a.sensor_dev_id,alarmRange:a.alarms}})],1),e("form",{attrs:{action:a.servlet,method:"post",id:"all_picture"}},[e("input",{attrs:{type:"hidden",name:"pageName",value:"normal"}}),e("input",{attrs:{type:"hidden",name:"picNames",id:"picNames"}}),e("input",{attrs:{type:"hidden",name:"picSours",id:"picSours"}}),e("input",{attrs:{type:"hidden",name:"tabData",id:"tabData"}})])],1)},i=[],r=e("6d39"),n=e("88ec"),o=e("37f1"),m={components:{LineGraph:r["a"],AlarmsSetting:o["a"]},data:function(){var a=this.$router.currentRoute.params;return{params:a,servlet:n["a"]+"EchartPictureDowload.servlet",alarms:{airhum_alarm:{min:0,max:50},airtmp_alarm:{min:-40,max:50},smoke_alarm:{min:100,max:500}},alarmsModal:!1,pagenew:!0,split1:"260px",breadcrumb:"",timeout:new n["b"],treeView:[],sensor_dev_id:0,smoke:{title:"烟感"},columns1:[{title:"烟感（PPM）",key:"smoke"},{title:"空气温度（℃）",key:"airtmp"},{title:"空气湿度（%RH）",key:"airhum"},{title:"更新时间",key:"record_time"},{title:"通信计数",key:"dev_commcount"}],tbl:[]}},methods:{update:function(){var a=this,t={xAxis:{data:[]},series:{data:[]}};function e(){var a=100,t=Math.round(1e4*Math.random());return Math.round(a+Math.random()*t)}this.timeout.start(function(){var s=(new Date).format("yyyy-MM-dd hh:mm:ss"),i=t.xAxis.data,r=t.series.data;s in i||(i.length>10&&(i.shift(),r.shift()),i.push(s),r.push(e())),a.$refs["smoke"].setOption(t),a.timeout.open()},4e3)},showAlarmsSetting:function(){this.alarmsModal=!0},downloadControlData:function(){var a=document.getElementById("picNames"),t=document.getElementById("picSours"),e=document.getElementById("tabData"),s=this.$refs["smoke"].getDataURL(),i=this.$refs["humidity"].getDataURL(),r=this.$refs["temp"].getDataURL(),n=["烟感折线图","空气湿度折线图","空气温度折线图"],o=[s,i,r],m=this.getTabData(this.columns1,this.tbl);a.value=JSON.stringify(n),t.value=JSON.stringify(o),e.value=JSON.stringify(m),document.getElementById("all_picture").submit()},getTabData:function(a,t){console.log(t);for(var e=[],s=[],i=0;i<a.length;i++){var r=a[i];s.push(r.title)}e.push(s);for(i=0;i<t.length;i++){for(var n=[],o=t[i],m=0;m<a.length;m++){r=a[m];var l=r.key,c=void 0==o[l]?"":o[l];n.push(c)}e.push(n)}return e},setAlarms:function(a){this.alarms.smoke_alarm.max=a.smoke_alarm>this.alarms.smoke_alarm.min?a.smoke_alarm:this.alarms.smoke_alarm.min+1,this.alarms.airhum_alarm.max=a.airhum_alarm>this.alarms.airhum_alarm.min?a.airhum_alarm:this.alarms.airhum_alarm.min+1,this.alarms.airtmp_alarm.max=a.airtmp_alarm>this.alarms.airtmp_alarm.min?a.airtmp_alarm:this.alarms.airtmp_alarm.min+1},setTbl:function(a){for(var t=this.alarms,e=0;e<a.length;e++){var s=a[e];s.cellClassName={},s.smoke>t.smoke_alarm.max&&(s.cellClassName.smoke="bg-error"),s.airtmp>t.airtmp_alarm.max&&(s.cellClassName.airtmp="bg-error"),s.airhum>t.airhum_alarm.max&&(s.cellClassName.airhum="bg-error")}this.tbl=a},graphResize:function(){this.$refs["smoke"].resize(),this.$refs["temp"].resize(),this.$refs["humidity"].resize()},loadData:function(a,t){switch(a.type){case"province":this.searchCity(a,t);break;case"city":this.searchCounty(a,t);break;case"county":this.searchDevice(a,t);break;default:t([]);break}},searchProvince:function(){var a=this;a.treeView=[];var t=this.params;Object(n["c"])({data:null,url:"Sensor_infAction!serchProvice",success:function(e){var s=JSON.parse(e.result);if(1==s.code)for(var i=s.data,r=0;r<i.length;r++){var n=i[r],o={title:n,name:n,province:n,type:"province",loading:!1,children:[]};(function(e){t.province?n==t.province&&(e.expand=!0,a.searchCity(e,function(a){e.children=a})):0==r&&a.pagenew&&(e.expand=!0,a.searchCity(e,function(a){e.children=a}))})(o);a.treeView.push(o)}}})},searchCity:function(a,t){var e=this,s=this.params,i={province:a.province};Object(n["c"])({data:"json="+JSON.stringify(i),url:"Sensor_infAction!serchCity",success:function(i){var r=JSON.parse(i.result),n=[];if(1==r.code)for(var o=r.data,m=0;m<o.length;m++){var l=o[m],c={title:l,name:l,province:a.province,city:l,type:"city",loading:!1,children:[]};(function(a){s.city?(s.city==l&&(a.expand=!0),e.searchCounty(a,function(t){a.children=t})):0==m&&e.pagenew&&(a.expand=!0,e.searchCounty(a,function(t){a.children=t}))})(c);n.push(c)}t(n)}})},searchCounty:function(a,t){var e=this,s=this.params,i={province:a.province,city:a.city};Object(n["c"])({data:"json="+JSON.stringify(i),url:"Sensor_infAction!serchCounty",success:function(i){var r=JSON.parse(i.result),n=[];if(1==r.code)for(var o=r.data,m=0;m<o.length;m++){var l=o[m],c={title:l,name:l,province:a.province,city:a.city,county:l,type:"county",loading:!1,children:[]};(function(a){s.county?l==s.county&&(a.expand=!0,e.searchDevice(a,function(t){a.children=t})):0==m&&e.pagenew&&(a.expand=!0,e.searchDevice(a,function(t){a.children=t}))})(c);n.push(c)}t(n)}})},searchDevice:function(a,t){var e=this,s=this.params,i={province:a.province,city:a.city,county:a.county};Object(n["c"])({data:"json="+JSON.stringify(i),url:"Sensor_infAction!serchDevice",success:function(i){var r=JSON.parse(i.result),n=[];if(1==r.code)for(var o=r.data,m=0;m<o.length;m++){var l=o[m],c={title:l.device_name,name:l.device_name,province:a.province,city:a.city,county:l.county,device_name:l.device_name,sensor_dev_id:l.sensor_dev_id,plus:l,type:"device"};(function(a){s.device_name?a.device_name==s.device_name&&(a.selected=!0,e.searchDeviceInfo({},a)):0==m&&e.pagenew&&(a.selected=!0,e.searchDeviceInfo({},a))})(c);n.push(c)}t(n)}})},searchDeviceInfo:function(a,t){var e=this;if(this.pagenew=!1,"device"==t.type&&this.sensor_dev_id!=t.sensor_dev_id){this.params=t,this.sensor_dev_id=t.sensor_dev_id,this.setAlarms(t.plus);var s={sensor_dev_id:t.sensor_dev_id},i={visualMap:{show:!1,pieces:[{gt:this.alarms.smoke_alarm.min,lte:this.alarms.smoke_alarm.max,color:"#2d8cf0"},{gt:this.alarms.smoke_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},xAxis:{data:[]},series:{data:[],markLine:{silent:!0,data:[{yAxis:this.alarms.smoke_alarm.max}]}}},r={visualMap:{show:!1,pieces:[{gt:this.alarms.airtmp_alarm.min,lte:this.alarms.airtmp_alarm.max,color:"#2d8cf0"},{gt:this.alarms.airtmp_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},xAxis:{data:[]},series:{data:[],markLine:{silent:!0,data:[{yAxis:this.alarms.airtmp_alarm.max}]}}},o={visualMap:{show:!1,pieces:[{gt:this.alarms.airhum_alarm.min,lte:this.alarms.airhum_alarm.max,color:"#2d8cf0"},{gt:this.alarms.airhum_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},xAxis:{data:[]},series:{data:[],markLine:{silent:!0,data:[{yAxis:this.alarms.airhum_alarm.max}]}}};Object(n["c"])({data:"json="+JSON.stringify(s),url:"Sensor_hisdataAction!serchByInfo",success:function(a){var t=JSON.parse(a.result);if(1==t.code)for(var l=t.data,c=0;c<l.length;c++){var h=l[c];i.xAxis.data.push(h.record_time),i.series.data.push(h.smoke),r.xAxis.data.push(h.record_time),r.series.data.push(h.airtmp),o.xAxis.data.push(h.record_time),o.series.data.push(h.airhum)}var u=!0;e.timeout.start(function(){Object(n["c"])({data:"json="+JSON.stringify(s),url:"Sensor_stateAction!serchByCondition",success:function(a){var t=JSON.parse(a.result);if(1==t.code){var s=t.data[0];m(s.record_time,s.smoke,i),m(s.record_time,s.airtmp,r),m(s.record_time,s.airhum,o),e.setTbl(t.data)}u?(e.$refs["smoke"].setOption(i),e.$refs["temp"].setOption(r),e.$refs["humidity"].setOption(o)):(e.$refs["smoke"].setOption(i,!0),e.$refs["temp"].setOption(r,!0),e.$refs["humidity"].setOption(o,!0)),u=!1,e.timeout.open()}})},4e3)}})}function m(a,t,e){var s=e.xAxis.data,i=e.series.data;l(a,s)||(s.length>40&&(s.shift(),i.shift()),s.push(a),i.push(t))}function l(a,t){for(var e=!1,s=0;s<t.length;s++){var i=t[s];if(i==a){e=!0;break}}return e}},updateGraphWarnLine:function(a){var t={visualMap:{show:!1,pieces:[{gt:this.alarms.smoke_alarm.min,lte:this.alarms.smoke_alarm.max,color:"#2d8cf0"},{gt:this.alarms.smoke_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},series:{markLine:{silent:!0,data:[{yAxis:this.alarms.smoke_alarm.max}]}}},e={visualMap:{show:!1,pieces:[{gt:this.alarms.airtmp_alarm.min,lte:this.alarms.airtmp_alarm.max,color:"#2d8cf0"},{gt:this.alarms.airtmp_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},series:{markLine:{silent:!0,data:[{yAxis:this.alarms.airtmp_alarm.max}]}}},s={visualMap:{show:!1,pieces:[{gt:this.alarms.airhum_alarm.min,lte:this.alarms.airhum_alarm.max,color:"#2d8cf0"},{gt:this.alarms.airhum_alarm.max,color:"#ed4014"}],outOfRange:{color:"#19be6b"}},series:{markLine:{silent:!0,data:[{yAxis:this.alarms.airhum_alarm.max}]}}};this.$refs["smoke"].updateLine(t.visualMap,t.series.markLine),this.$refs["temp"].updateLine(e.visualMap,e.series.markLine),this.$refs["humidity"].updateLine(s.visualMap,s.series.markLine)}},mounted:function(){var a=this;this.$bus.$emit("setMainNav","control"),this.searchProvince(),this.$bus.$off("closeModal").$on("closeModal",function(){a.alarmsModal=!1}),this.$bus.$off("setAlarms").$on("setAlarms",function(t){a.setAlarms(t),a.updateGraphWarnLine()})},beforeDestroy:function(){this.timeout.stop()}},l=m,c=(e("adc0"),e("2877")),h=Object(c["a"])(l,s,i,!1,null,"767e5c5d",null);t["default"]=h.exports}}]);
|
