| 1 |
- webpackJsonp([7],{"9Nlq":function(e,t){},I2Pr:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i("BO1k"),a=i.n(n),r=i("gyMJ"),s=i("oqQY"),l=i.n(s);var o=function(e){var t=[],i=[],n=[],a=[],r=[],s=30,o=[],c="";return e&&e.length&&e.forEach(function(e,l){t.push({left:"10px",top:s-30+"px",text:e.label,textStyle:{color:"white"}}),i.push({bottom:0,top:s+"px",left:"8%",right:"5%",height:"200px"}),n.push({gridIndex:l,type:"time",min:e.start_time,max:e.end_time,axisLine:{show:!0,lineStyle:{color:"white"}},splitLine:{show:!1},axisLabel:{show:!0,color:"white"},axisTick:{show:!1}}),a.push({gridIndex:l,axisLine:{show:!0,lineStyle:{color:"white"}},splitLine:{show:!0,lineStyle:{color:"#CFD6E1",type:"dashed"}},axisLabel:{show:!0,color:"white"},axisTick:{show:!1}}),e.data&&e.data.length&&e.data.forEach(function(e){o.includes(e.name)||o.push(e.name),(e.name.includes("定位")||e.name.includes("1号"))&&(c="#a8ff78"),(e.name.includes("反位")||e.name.includes("2号"))&&(c="#FFE000"),(e.name.includes("转换")||e.name.includes("3号"))&&(c="#6DD5FA"),r.push({type:"line",name:e.name,showSymbol:!1,color:c,data:e.data||[],xAxisIndex:l,yAxisIndex:l})}),s+=250}),{axisPointer:{link:{xAxisIndex:"all"}},title:t,legend:{show:!0,data:o,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:i,tooltip:{trigger:"axis",backgroundColor:"#232526",borderColor:"#606266",textStyle:{color:"#c0c4cc"},formatter:function(e){if(e.length){var t,i=[],n="";return t=e[0].axisValueLabel+"."+l()(e[0].axisValue).format("SSS"),i.push(t),e.forEach(function(e){n=e.data[2]+"-"+e.marker+e.seriesName+"："+e.data[1],i.push(n)}),i.join("<br>")}}},xAxis:n,yAxis:a,series:r}},c={name:"HistoryMul",data:function(){return{station_tree:[],defaultProps:{children:"children",label:"name"},isHighlight:!0,show_chart:!0,send_data:[],times:[],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(r.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 i=0;i<e[t].children.length;i++)if(e[t].children[i].children&&0!=e[t].children[i].children.length)for(var n=0;n<e[t].children[i].children.length;n++)if(e[t].children[i].children[n].children&&0!=e[t].children[i].children[n].children.length)for(var a=0;a<e[t].children[i].children[n].children.length;a++)this.defaultShowNodes.push(e[t].children[i].children[n].children[a].id)},filterNode:function(e,t,i){return!e||this.checkBelongToChooseNode(e,t,i)},checkBelongToChooseNode:function(e,t,i){if(-1!==t.name.indexOf(e))return!0;var n=i.level;if(1===n)return!1;for(var a=i.parent,r=0;r<n-1;){if(-1!=a.data.name.indexOf(e))return!0;a=a.parent,r++}return!1},renderContent:function(e,t){var i=this,n=(t.node,t.data);t.store;return"mo.mp"==n.type?n.IMEI?e("span",[e("el-checkbox",{class:"render_checkbox",on:{change:function(e){return i.change_box(e,event,n)}}}),e("span",[n.name])]):e("span",{class:"multiple_disabled"},[e("el-checkbox",{style:"visibility:hidden;",attrs:{disabled:!0}}),e("span",[n.name])]):e("span",[n.name])},change_box:function(e,t,i){if(e)this.multipleSelection.push(i);else{var n=this.multipleSelection.findIndex(function(e){return e.id==i.id});this.multipleSelection.splice(n,1)}},handle_time_left:function(){var e=this.times[0]-72e5,t=this.times[0];return this.times=[e,t],this.get_curve_data()},handle_time_right:function(){var e=this.times[1],t=this.times[1]+72e5;return this.times=[e,t],this.get_curve_data()},get_curve_data:function(){if(0==this.multipleSelection.length)return this.$message.warning("请先选中数据...");if(this.multipleSelection.length>5)return this.$message.warning("最多同时查看五个设备...");this.curve_data=[],this.myCharts&&(this.myCharts.dispose(),this.myCharts=null);var e=[];this.send_data=[];for(var t=0;t<this.multipleSelection.length;t++)e=this.multipleSelection[t].id.split("."),this.send_data.push({mo:e[0],mp:e[1],starttime:this.$dayjs(this.times[0]).format("YYYY-MM-DD HH:mm:ss"),endtime:this.$dayjs(this.times[1]).format("YYYY-MM-DD HH:mm:ss")}),this.curve_data.push({label:this.multipleSelection[t].name,data:[]});return this.draw_line_curve(),this.get_data(1,this.send_data.length)},get_data:function(e,t){var i=this;if(!(e>t)){var n=e-1;Object(r.n)(this.send_data[n]).then(function(a){if(console.log("回包",a),a.series.length)return a.series.forEach(function(e){e.data&&e.data.length&&e.data.forEach(function(e){e.push(i.curve_data[n].label)})}),i.curve_data[n].data=a.series,console.log("曲线数据",i.curve_data),i.draw_line_curve(),i.get_data(e+1,t)}).catch(function(e){console.log(e)})}},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"))),this.curve_data.forEach(function(t){t.start_time=e.times[0],t.end_time=e.times[1]});var t=o(this.curve_data);this.myCharts.setOption(t,!1),window.addEventListener("resize",function(){e.myCharts.resize()}),new ResizeObserver(function(t){var i=!0,n=!1,r=void 0;try{for(var s,l=a()(t);!(i=(s=l.next()).done);i=!0){var o=s.value;e.$echarts.getInstanceByDom(o.target).resize()}}catch(e){n=!0,r=e}finally{try{!i&&l.return&&l.return()}finally{if(n)throw r}}}).observe(this.$refs.line_echarts)},get_time:function(){var e=this.$dayjs().format("YYYY-MM-DD HH:mm:00"),t=1e3*this.$dayjs(e).unix();this.times=[t-72e5,t]}},mounted:function(){this.get_time(),this.get_conf_read()}},h={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"multiple_devices_box"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.show_org,expression:"show_org"}],staticClass:"station_tree"},[i("div",{staticStyle:{padding:"5px"}},[i("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(" "),i("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(" "),i("div",{staticClass:"charts"},[i("div",{staticClass:"tools"},[i("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(" "),i("el-date-picker",{staticStyle:{width:"400px",margin:"0px 5px"},attrs:{size:"small",clearable:!1,type:"datetimerange","value-format":"timestamp",format:"yyyy-MM-dd HH:mm","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期"},model:{value:e.times,callback:function(t){e.times=t},expression:"times"}}),e._v(" "),i("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("获取曲线")]),e._v(" "),i("el-button",{directives:[{name:"debounce",rawName:"v-debounce",value:e.handle_time_left,expression:"handle_time_left"}],staticStyle:{"margin-left":"5px"},attrs:{icon:"el-icon-arrow-left",type:"primary",size:"small"}},[e._v("前两个小时")]),e._v(" "),i("el-button",{directives:[{name:"debounce",rawName:"v-debounce",value:e.handle_time_right,expression:"handle_time_right"}],staticStyle:{"margin-left":"5px"},attrs:{icon:"el-icon-arrow-right",type:"primary",size:"small"}},[e._v("后两个小时")])],1),e._v(" "),e.show_chart?i("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"line_echarts",staticStyle:{width:"100%","min-height":"600px",height:"1500px"},attrs:{"element-loading-text":"拼命加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(31, 31, 31, 0.6)",id:"line_chart"}}):i("el-empty",{attrs:{image:"/static/img/no_data.png"}})],1)])},staticRenderFns:[]};var d=i("VU/8")(c,h,!1,function(e){i("VcJn"),i("9Nlq")},"data-v-67e26e49",null);t.default=d.exports},VcJn:function(e,t){}});
|
