| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-032cbc4d","chunk-585083ca"],{"01ce":function(t,e,a){"use strict";a("f798")},"557d":function(t,e,a){"use strict";a.r(e);var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{class:t.className,style:{height:t.phone?"300px":t.height,width:t.width}})},l=[],r=a("2909"),o=(a("7f7f"),a("c698"),a("313e")),i=a.n(o),c=a("f42c");a("817d");var s={mixins:[c["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:"540px"},type:{type:String,default:"bar"},unit:{type:String,default:"个"},title:{type:String,default:"统计图"},data:{type:Object,default:function(){return{x:{name:"",value:[]},y:{}}}},chartData:{type:Object,default:function(){return{top:[],tj:[],total:[],season:[]}}}},data:function(){return{chart:null,phone:document.body.offsetWidth<521}},watch:{data:{deep:!0,handler:function(){this.initChart()}}},mounted:function(){var t=this;this.$nextTick((function(){t.data.x.value.length&&t.initChart()}))},beforeDestroy:function(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart:function(){var t=this;this.chart=i.a.init(this.$el,"macarons"),this.chart.setOption({title:{text:this.title,top:6,left:"center",textStyle:{color:"#000000",fontWeight:"bold"}},color:["#4C9ECD","#D970D0","#5AC4B6","#7670D9"].concat(["#4a657a","#308e92","#b1cfa5","#f5d69f","#f5898b","#ef5055"]),tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{top:28,right:8,data:Reflect.ownKeys(this.data.y)},toolbox:{show:!0,orient:"vertical",right:0,top:"center",itemSize:this.phone?14:30,itemGap:this.phone?6:20,feature:{mark:{show:!0},dataView:{show:!0,readOnly:!0,title:this.title,lang:[this.title,"关闭"],optionToContent:function(e){var a=e.xAxis[0].data,n=e.series,l=function(){for(var t="",e=0,l=a.length;e<l;e++)t+='\n <tr style="height:30px;">\n <td>'.concat(a[e],"</td>\n <td>").concat(n[0].data[e],"</td>\n <td>").concat(n[1].data[e],"</td>\n <td>").concat(n[2].data[e],"</td>\n <td>").concat(+n[0].data[e]+n[1].data[e]+n[2].data[e],"</td>\n </tr>\n ");return t},r=function(t){return n[t].data.reduce((function(t,e){return t+e}),0)};return'\n <table class="chartTable" border cellpadding="0" cellspacing="0" style="user-select:text;width:100%;text-align:center;border-color:#dfe6ec;">\n <tbody>\n <tr style="height:40px;">\n <th>'.concat(t.data.x.name,"</th>\n <th>").concat(n[0].name,"</th>\n <th>").concat(n[1].name,"</th>\n <th>").concat(n[2].name,"</th>\n <th>").concat(t.data.x.name,"合计</th>\n </tr>\n ").concat(l(),'\n <tr style="height:40px;">\n <th>类型合计</th>\n <th>').concat(r(0),"</th>\n <th>").concat(r(1),"</th>\n <th>").concat(r(2),"</th>\n <th>").concat(r(0)+r(1)+r(2),"</th>\n </tr>\n ")}},magicType:{show:!0,type:["line","bar","stack","tiled"]},restore:{show:!0},saveAsImage:{show:!0}}},calculable:!0,xAxis:[{name:this.data.x.name,nameTextStyle:{fontSize:12},type:"category",axisTick:{show:!1},data:this.data.x.value}],yAxis:[{type:"value",name:this.unit}],series:Object(r["a"])(Reflect.ownKeys(this.data.y).map((function(e){return{name:e,type:t.type,data:t.data.y[e]}})))})}}},d=s,u=a("2877"),p=Object(u["a"])(d,n,l,!1,null,null,null);e["default"]=p.exports},"62dd":function(t,e,a){"use strict";a.r(e);var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"Contrast"},[t._m(0),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data1.map((function(t){return"第"+t.season+"赛季"}))},y:{"销售主管":t.data1.map((function(t){return t.tj})),"销售经理":t.data1.map((function(t){return t.top})),"报名人数":t.data1.map((function(t){return t.all}))}},title:"报名数据对比",unit:"人"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("报名数据对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data1,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售主管",prop:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"报名人数",prop:"all",align:"center"}})],1),t._v(" "),t._m(1),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data2.map((function(t){return"第"+t.season+"赛季"}))},y:{"精装版":t.data2.map((function(t){return t.hard})),"简约版":t.data2.map((function(t){return t.simple})),"老人版":t.data2.map((function(t){return t.old})),"合计":t.data2.map((function(t){return t.all}))}},title:"销售数量对比",unit:"套"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("销售数量对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data2,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"精装版",prop:"hard",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"简约版",prop:"simple",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"老人版",prop:"old",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"合计",prop:"all",align:"center"}})],1),t._v(" "),t._m(2),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data2.map((function(t){return"第"+t.season+"赛季"}))},y:{"精装版":t.data2.map((function(t){return t.hard_money})),"简约版":t.data2.map((function(t){return t.simple_money})),"老人版":t.data2.map((function(t){return t.old_money})),"合计":t.data2.map((function(t){return t.money}))}},title:"销售金额对比",unit:"元"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("销售金额对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data2,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"精装版",prop:"hard",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"简约版",prop:"simple",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"老人版",prop:"old",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"合计",prop:"all",align:"center"}})],1),t._v(" "),t._m(3),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data3.map((function(t){return"第"+t.season+"赛季"}))},y:{"人均销售":t.data3.map((function(t){return t.per_capita}))}},title:"人均销售对比",unit:"套"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("人均销售对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data3,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"人均销售量",prop:"per_capita",align:"center"}})],1),t._v(" "),t._m(4),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data4.map((function(t){return"第"+t.season+"赛季"}))},y:{"销售主管":t.data4.map((function(t){return+t.tj.replace("%","")})),"销售经理":t.data4.map((function(t){return+t.top.replace("%","")})),"总人数":t.data4.map((function(t){return+t.all.replace("%","")}))}},title:"销售人员占比对比",unit:"%"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("销售人员占比对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data4,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售主管",prop:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"总人数",prop:"all",align:"center"}})],1),t._v(" "),t._m(5),t._v(" "),a("Chart",{attrs:{data:{x:{name:"赛季",value:t.data5.map((function(t){return"第"+t.season+"赛季"}))},y:{"销售主管":t.data5.map((function(t){return+t.tj.replace("%","")})),"销售经理":t.data5.map((function(t){return+t.top.replace("%","")}))}},title:"各级别销售数量对比",unit:"%"}}),t._v(" "),a("div",{staticStyle:{"text-align":"center","font-size":"18px","font-weight":"bold","margin-bottom":"12px"}},[t._v("各级别销售数量对比详情")]),t._v(" "),a("el-table",{attrs:{data:t.data5,border:""}},[a("el-table-column",{attrs:{label:"赛季",prop:"season",align:"center",width:"54"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售主管",prop:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center"}})],1)],1)},l=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("报名数据对比")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("销售数量对比")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("销售金额对比")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("人均销售对比")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("销售人员占比对比")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"header"},[a("span",[t._v("各级别销售数量占比")])])}],r=a("3835"),o=(a("ac6a"),a("5df3"),a("557d")),i={name:"Contrast",components:{Chart:o["default"]},data:function(){return{data1:[],data2:[],data3:[],data4:[],data5:[]}},mounted:function(){var t=this;this._loading=this.$loading(),Promise.all([api_Data1(),api_Data2(),api_Data3(),api_Data4(),api_Data5()]).then((function(e){var a=Object(r["a"])(e,5),n=a[0].data.list,l=a[1].data.list,o=a[2].data.list,i=a[3].data.list,c=a[4].data.list;t.data1=n,t.data2=l,t.data3=o,t.data4=i,t.data5=c,t.$nextTick((function(){return t._loading.close()}))}))},methods:{}},c=i,s=(a("01ce"),a("2877")),d=Object(s["a"])(c,n,l,!1,null,"5813e572",null);e["default"]=d.exports},"817d":function(t,e,a){var n,l,r;(function(o,i){l=[e,a("313e")],n=i,r="function"===typeof n?n.apply(e,l):n,void 0===r||(t.exports=r)})(0,(function(t,e){var a=function(t){"undefined"!==typeof console&&console&&console.error&&console.error(t)};if(e){var n=["#2ec7c9","#b6a2de","#5ab1ef","#ffb980","#d87a80","#8d98b3","#e5cf0d","#97b552","#95706d","#dc69aa","#07a2a4","#9a7fd1","#588dd5","#f5994e","#c05050","#59678c","#c9ab00","#7eb00a","#6f5553","#c14089"],l={color:n,title:{textStyle:{fontWeight:"normal",color:"#008acd"}},visualMap:{itemWidth:15,color:["#5ab1ef","#e0ffff"]},toolbox:{iconStyle:{normal:{borderColor:n[0]}}},tooltip:{backgroundColor:"rgba(50,50,50,0.5)",axisPointer:{type:"line",lineStyle:{color:"#008acd"},crossStyle:{color:"#008acd"},shadowStyle:{color:"rgba(200,200,200,0.2)"}}},dataZoom:{dataBackgroundColor:"#efefff",fillerColor:"rgba(182,162,222,0.2)",handleColor:"#008acd"},grid:{borderColor:"#eee"},categoryAxis:{axisLine:{lineStyle:{color:"#008acd"}},splitLine:{lineStyle:{color:["#eee"]}}},valueAxis:{axisLine:{lineStyle:{color:"#008acd"}},splitArea:{show:!0,areaStyle:{color:["rgba(250,250,250,0.1)","rgba(200,200,200,0.1)"]}},splitLine:{lineStyle:{color:["#eee"]}}},timeline:{lineStyle:{color:"#008acd"},controlStyle:{normal:{color:"#008acd"},emphasis:{color:"#008acd"}},symbol:"emptyCircle",symbolSize:3},line:{smooth:!0,symbol:"emptyCircle",symbolSize:3},candlestick:{itemStyle:{normal:{color:"#d87a80",color0:"#2ec7c9",lineStyle:{color:"#d87a80",color0:"#2ec7c9"}}}},scatter:{symbol:"circle",symbolSize:4},map:{label:{normal:{textStyle:{color:"#d87a80"}}},itemStyle:{normal:{borderColor:"#eee",areaColor:"#ddd"},emphasis:{areaColor:"#fe994e"}}},graph:{color:n},gauge:{axisLine:{lineStyle:{color:[[.2,"#2ec7c9"],[.8,"#5ab1ef"],[1,"#d87a80"]],width:10}},axisTick:{splitNumber:10,length:15,lineStyle:{color:"auto"}},splitLine:{length:22,lineStyle:{color:"auto"}},pointer:{width:5}}};e.registerTheme("macarons",l)}else a("ECharts is not Loaded")}))},"990b":function(t,e,a){var n=a("9093"),l=a("2621"),r=a("cb7c"),o=a("7726").Reflect;t.exports=o&&o.ownKeys||function(t){var e=n.f(r(t)),a=l.f;return a?e.concat(a(t)):e}},c698:function(t,e,a){var n=a("5ca1");n(n.S,"Reflect",{ownKeys:a("990b")})},f42c:function(t,e,a){"use strict";var n=a("ed08");e["a"]={data:function(){return{$_sidebarElm:null}},mounted:function(){var t=this;this.__resizeHandler=Object(n["b"])((function(){t.chart&&t.chart.resize()}),100),window.addEventListener("resize",this.__resizeHandler),this.$_sidebarElm=document.getElementsByClassName("sidebar-container")[0],this.$_sidebarElm&&this.$_sidebarElm.addEventListener("transitionend",this.$_sidebarResizeHandler)},beforeDestroy:function(){window.removeEventListener("resize",this.__resizeHandler),this.$_sidebarElm&&this.$_sidebarElm.removeEventListener("transitionend",this.$_sidebarResizeHandler)},methods:{$_sidebarResizeHandler:function(t){"width"===t.propertyName&&this.__resizeHandler()}}}},f798:function(t,e,a){}}]);
|
