| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-30b81c33"],{"33e4":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:"analysis-box"},[i("div",{staticClass:"analysis-tools"},[i("el-form",{attrs:{inline:!0,model:t.formInline}},[i("el-form-item",[i("el-button",{staticClass:"days",attrs:{type:"primary"}},[t._v("近7天")]),i("el-button",{staticClass:"days",attrs:{type:"primary"}},[t._v("近30天")])],1),i("el-form-item",{staticStyle:{"margin-left":"60px"},attrs:{label:"时间:"}},[i("el-date-picker",{staticClass:"times",attrs:{type:"daterange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期"},model:{value:t.formInline.value1,callback:function(e){t.$set(t.formInline,"value1",e)},expression:"formInline.value1"}})],1),i("el-form-item",[i("el-button",{staticClass:"serch actve",attrs:{type:"primary"}},[t._v("查询")]),i("el-button",{staticClass:"serch",attrs:{type:"primary"}},[t._v("重置")])],1)],1)],1),i("div",{staticClass:"power-line"},[t._m(0),i("div",{ref:"firstline",staticClass:"line-bottom"})]),i("div",{staticClass:"analysis-warning"},[i("div",{staticClass:"warning-type"},[t._m(1),i("div",{ref:"firstpie",staticClass:"warning-bottom"})]),i("div",{staticClass:"warning-bar"},[t._m(2),i("div",{ref:"firstbar",staticClass:"bar-bottom"})])])])},r=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"line-top"},[i("span"),i("span",[t._v("换电曲线")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"warning-top"},[i("span"),i("span",[t._v("报警类型占比")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bar-top"},[i("span"),i("span",[t._v("报警次数趋势图")])])}],o=i("ade3"),l=(i("b0c0"),i("99af"),i("3eba")),s={name:"StatisticalAnalysis",data:function(){return{formInline:{value1:""}}},mounted:function(){this.getFirstline(),this.getFirstpie(),this.getFirstbar()},methods:{getFirstline:function(){var t=l.init(this.$refs.firstline),e={year:[[24,40,101,134,90,230,210,230,120,230,210,120],[40,64,191,324,290,330,310,213,180,200,180,79]]},i={title:{text:"单位：kwh",textStyle:{color:"#c9d9fa",fontSize:"14px"},padding:[20,0,0,20]},color:["#1ee7e7","#1890ff"],tooltip:{trigger:"axis",backgroundColor:"rgba(187,207,249,0.9)",textStyle:{color:"black"},axisPointer:{lineStyle:{color:"#2f353f",type:"line"}}},legend:{top:"3%",x:"center",icon:"circle",itemWidth:8,itemHeight:8,textStyle:{color:"#ffffff"}},grid:{top:"15%",left:"1%",right:"1%",bottom:"0%",show:!1,borderColor:"#012f4a",containLabel:!0},xAxis:{type:"category",data:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],axisTick:{show:!1},axisLabel:{color:"white",fontSize:"14px",margin:20},axisLine:{show:!0,lineStyle:{color:"#3c4552"}}},yAxis:{type:"value",name:this.tsDate,nameTextStyle:{padding:[0,35,10,868],fontWeight:"bold",fontSize:"13px",color:"#d6e7ff"},axisTick:{show:!1},axisLabel:{color:"rgba(255,255,255,.7)"},axisLine:{show:!1},splitLine:{lineStyle:{color:"#2f353f",type:"dashed"}}},series:[{name:"换电量",type:"line",stack:"总量",smooth:!0,data:e.year[0]},{name:"换电次数",type:"line",stack:"总量",smooth:!0,data:e.year[1]}]};t.setOption(i)},getFirstpie:function(){var t=l.init(this.$refs.firstpie),e=[{value:2562,name:"储充报警",percentage:"15.86%"},{value:6e3,name:"换电报警",percentage:"37.15%"},{value:2589,name:"系统报警",percentage:"16.03%"}],i={tooltip:{trigger:"item",backgroundColor:"rgba(187,207,249,0.9)",padding:[15],textStyle:{color:"black"},formatter:"{b}: {c}次 ",position:function(t){return[t[0]+10,t[1]-10]}},legend:{top:"18%",left:"52%",itemWidth:8,itemHeight:8,icon:"circle",orient:"vertical",itemGap:30,formatter:function(t){for(var i,a,r="",o=0;o<e.length;o++)e[o].name===t&&(i=e[o].value,a=e[o].percentage,r+="".concat(t," ").concat(i+"次"," ").concat(a));return r},textStyle:{color:"white",fontSize:"16"}},series:[Object(o["a"])({name:"",type:"pie",center:["30%","42%"],radius:["40%","70%"],color:["#3254dd","#48e5e5","#2b8ef3"],label:{show:!1},labelLine:{show:!1},data:e,itemStyle:{emphasis:{shadowBlur:6,shadowOffsetX:0,shadowColor:"white"}}},"labelLine",{normal:{show:!1}})]};t.setOption(i)},getFirstbar:function(){var t=l.init(this.$refs.firstbar),e={color:["#1890ff"],title:{text:"单位：kwh",textStyle:{color:"#c9d9fa",fontSize:"14px"},padding:[10,0,0,25]},tooltip:{trigger:"axis",backgroundColor:"rgba(187,207,249,0.9)",textStyle:{color:"black"},axisPointer:{lineStyle:{color:"#2f353f",type:"line"}}},legend:{top:"3%",x:"center",icon:"circle",itemWidth:8,itemHeight:8,textStyle:{color:"#ffffff"}},grid:{left:"2%",top:"15%",right:"2%",bottom:"4%",containLabel:!0},xAxis:[{type:"category",splitLine:{show:!0,lineStyle:{color:"#2f353f",type:"dashed"}},data:["2022/10/1","2022/10/2","2022/10/3","2022/10/4","2022/10/5","2022/10/6","2022/10/7"],axisTick:{show:!1},axisLabel:{textStyle:{color:"white",fontSize:"12"}},axisLine:{show:!0,lineStyle:{color:"#3c4552"}}}],yAxis:[{type:"value",axisTick:{show:!1},axisLabel:{textStyle:{color:"#c9d9fa",fontSize:"12"}},axisLine:{lineStyle:{color:"rgba(255,255,255,.1)",type:"line"}},splitLine:{lineStyle:{color:"rgba(55,64,77,0.9)",type:"line"}}}],series:[{name:"报警次数",type:"bar",barWidth:"35%",data:[200,300,300,900,1500,1200,600],itemStyle:{barBorderRadius:4,normal:{color:"#1890ff"}}}]};t.setOption(e)}}},n=s,c=(i("363d"),i("2877")),f=Object(c["a"])(n,a,r,!1,null,"a0da894e",null);e["default"]=f.exports},"363d":function(t,e,i){"use strict";i("91a8")},"91a8":function(t,e,i){}}]);
|
