| 1 |
- webpackJsonp([6],{oUcZ:function(e,t){},vfhr:function(e,t){},wYry:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n("BO1k"),a=n.n(i),s=n("Gu7T"),r=n.n(s),o=n("mvHQ"),l=n.n(o),c=n("gyMJ"),d=n("oqQY"),h=n.n(d);var u=function(e){var t=[],n=[],i=[],a=[],s=[],r=[],o=30,l="";return e.forEach(function(e,c){t.push({left:"10px",top:o-30+"px",text:e.label,textStyle:{color:"white"}}),n.push({bottom:0,top:o+"px",left:"8%",right:"5%",height:"200px"}),i.push({gridIndex:c,type:"time",axisLine:{show:!0,lineStyle:{color:"white"}},splitLine:{show:!1},axisLabel:{show:!0,color:"white"},axisTick:{show:!1}}),a.push({gridIndex:c,axisLine:{show:!0,lineStyle:{color:"white"}},splitLine:{show:!0,lineStyle:{color:"#CFD6E1",type:"dashed"}},axisLabel:{show:!0,color:"white"},axisTick:{show:!1}}),e.data.forEach(function(e){r.includes(e.name)||r.push(e.name),(e.name.includes("定位")||e.name.includes("1号"))&&(l="#a8ff78"),(e.name.includes("反位")||e.name.includes("2号"))&&(l="#FFE000"),(e.name.includes("转换")||e.name.includes("3号"))&&(l="#6DD5FA"),s.push({type:"line",name:e.name,showSymbol:!1,color:l,data:e.points||[],xAxisIndex:c,yAxisIndex:c})}),o+=250}),{axisPointer:{link:{xAxisIndex:"all"}},title:t,legend:{show:!0,data:r,textStyle:{color:"white"}},dataZoom:[{type:"slider",filterMode:"none",xAxisIndex:[0,1,2,3,4],height:20,show:!1},{type:"inside",filterMode:"none",xAxisIndex:[0,1,2,3,4]}],grid:n,tooltip:{trigger:"axis",backgroundColor:"#232526",borderColor:"#606266",textStyle:{color:"#c0c4cc"},formatter:function(e){if(e.length){var t,n=[],i="";return t=e[0].axisValueLabel+"."+h()(e[0].axisValue).format("SSS"),n.push(t),e.forEach(function(e){i=e.data[2]+"-"+e.marker+e.seriesName+"："+e.data[1],n.push(i)}),n.join("<br>")}}},xAxis:i,yAxis:a,series:s}},f={name:"MultipleDevice",data:function(){return{station_tree:[],defaultProps:{children:"children",label:"name"},isHighlight:!0,show_chart:!0,send_data:[],unsub_notify_data:[],click_id:"",curve_data:[],loading:!1,multipleSelection:[],defaultShowNodes:[],myCharts:null,search_data:"",show_org:!0}},watch:{search_data:function(e){this.$refs.zzj_tree.filter(e)}},methods:{get_conf_read:function(){var e=this;Object(c.c)().then(function(t){return e.station_tree=[t],e.filterTree(e.station_tree)}).catch(function(e){console.log(e)})},filterTree:function(e){for(var t=0;t<e.length;t++)if(e[t].children&&0!=e[t].children.length)for(var n=0;n<e[t].children.length;n++)if(e[t].children[n].children&&0!=e[t].children[n].children.length)for(var i=0;i<e[t].children[n].children.length;i++)if(e[t].children[n].children[i].children&&0!=e[t].children[n].children[i].children.length)for(var a=0;a<e[t].children[n].children[i].children.length;a++)this.defaultShowNodes.push(e[t].children[n].children[i].children[a].id)},filterNode:function(e,t,n){return!e||this.checkBelongToChooseNode(e,t,n)},checkBelongToChooseNode:function(e,t,n){if(-1!==t.name.indexOf(e))return!0;var i=n.level;if(1===i)return!1;for(var a=n.parent,s=0;s<i-1;){if(-1!=a.data.name.indexOf(e))return!0;a=a.parent,s++}return!1},renderContent:function(e,t){var n=this,i=(t.node,t.data);t.store;return"mo.mp"==i.type?i.IMEI?e("span",[e("el-checkbox",{class:"render_checkbox",on:{change:function(e){return n.change_box(e,event,i)}}}),e("span",[i.name])]):e("span",{class:"multiple_disabled"},[e("el-checkbox",{style:"visibility:hidden;",attrs:{disabled:!0}}),e("span",[i.name])]):e("span",[i.name])},change_box:function(e,t,n){if(e)this.multipleSelection.push(n);else{var i=this.multipleSelection.findIndex(function(e){return e.id==n.id});this.multipleSelection.splice(i,1)}},get_curve_data:function(){var e=this;return 0==this.multipleSelection.length?this.$message.warning("请先选中数据..."):this.multipleSelection.length>5?this.$message.warning("最多同时查看五个设备..."):(this.unsub_notify_data.length>0&&this.unsub_notify_data.forEach(function(t){e.$wsk.ws.send(l()(t))}),this.send_data=[],this.unsub_notify_data=[],this.curve_data=[],this.myCharts&&(this.myCharts.dispose(),this.myCharts=null),this.multipleSelection.forEach(function(t){e.send_data.push({cmd:"sub_notify",tag:t.id+".resist"}),e.unsub_notify_data.push({cmd:"unsub_notify",tag:t.id+".resist"}),e.curve_data.push({tag:t.id+".resist",label:t.name,data:[]})}),this.send_data.forEach(function(t){e.$wsk.ws.send(l()(t))}),this.$wsk.ws.onmessage=this.$parent.websocketonmessage,this.draw_line_curve())},parent_call:function(e,t){console.log("后台返回的re_msg",e);var n=this.curve_data.find(function(t){return t.tag==e.tag});if(e.data.forEach(function(t){t.points&&t.points.length&&t.points.forEach(function(t){t.push(e.tag_name)})}),0==n.data.length)n.data=e.data;else for(var i=0;i<n.data.length;i++)for(var a=0;a<e.data.length;a++){var s;if(n.data[i].name==e.data[a].name)(s=n.data[i].points).push.apply(s,r()(e.data[a].points))}return this.draw_line_curve()},draw_line_curve:function(){var e=this;this.myCharts=this.$echarts.getInstanceByDom(document.getElementById("line_chart")),null==this.myCharts&&(this.myCharts=this.$echarts.init(document.getElementById("line_chart")));var t=u(this.curve_data);this.myCharts.setOption(t,!1),window.addEventListener("resize",function(){e.myCharts.resize()}),new ResizeObserver(function(t){var n=!0,i=!1,s=void 0;try{for(var r,o=a()(t);!(n=(r=o.next()).done);n=!0){var l=r.value;e.$echarts.getInstanceByDom(l.target).resize()}}catch(e){i=!0,s=e}finally{try{!n&&o.return&&o.return()}finally{if(i)throw s}}}).observe(this.$refs.line_echarts)}},mounted:function(){this.get_conf_read()},beforeDestroy:function(){var e=this;this.unsub_notify_data.length>0&&this.unsub_notify_data.forEach(function(t){e.$wsk.ws.send(l()(t))})}},_={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"multiple_devices_box"},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.show_org,expression:"show_org"}],staticClass:"station_tree"},[n("div",{staticStyle:{padding:"5px"}},[n("el-input",{attrs:{size:"small","prefix-icon":"el-icon-search",placeholder:"请输入关键字搜索"},model:{value:e.search_data,callback:function(t){e.search_data=t},expression:"search_data"}})],1),e._v(" "),n("el-tree",{ref:"zzj_tree",attrs:{"node-key":"id",data:e.station_tree,"default-expanded-keys":e.defaultShowNodes,props:e.defaultProps,"highlight-current":e.isHighlight,"expand-on-click-node":!0,"render-content":e.renderContent,"filter-node-method":e.filterNode}})],1),e._v(" "),n("div",{staticClass:"charts"},[n("div",{staticClass:"tools"},[n("i",{class:[e.show_org?"el-icon-s-fold":"el-icon-s-unfold","show_org"],on:{click:function(t){e.show_org=!e.show_org}}}),e._v(" "),n("el-button",{directives:[{name:"debounce",rawName:"v-debounce",value:e.get_curve_data,expression:"get_curve_data"}],attrs:{icon:"el-icon-search",type:"primary",size:"small"}},[e._v("获取曲线")])],1),e._v(" "),e.show_chart?n("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"line_echarts",attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(31, 31, 31, 0.6)",id:"line_chart"}}):n("el-empty",{attrs:{image:"/static/img/no_data.png"}})],1)])},staticRenderFns:[]};var g=n("VU/8")(f,_,!1,function(e){n("vfhr"),n("oUcZ")},"data-v-74ccff5a",null);t.default=g.exports}});
|
