| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-a80af3ec"],{"7e1e":function(t,e,a){"use strict";a.d(e,"g",(function(){return i})),a.d(e,"h",(function(){return r})),a.d(e,"i",(function(){return l})),a.d(e,"k",(function(){return o})),a.d(e,"l",(function(){return c})),a.d(e,"m",(function(){return s})),a.d(e,"j",(function(){return d})),a.d(e,"n",(function(){return u})),a.d(e,"f",(function(){return h})),a.d(e,"o",(function(){return p})),a.d(e,"a",(function(){return m})),a.d(e,"b",(function(){return f})),a.d(e,"c",(function(){return v})),a.d(e,"d",(function(){return b})),a.d(e,"e",(function(){return _}));var n=a("b775"),i=function(t){return Object(n["a"])({url:"/data/location",method:"get",params:t})},r=function(t){return Object(n["a"])({url:"/data/province",method:"get",params:t})},l=function(t){return Object(n["a"])({url:"/data/province_time",method:"get",params:t})},o=function(t){return Object(n["a"])({url:"/data/sale_location",method:"get",params:t})},c=function(t){return Object(n["a"])({url:"/data/sale_province",method:"get",params:t})},s=function(t){return Object(n["a"])({url:"/data/sale_province_time",method:"get",params:t})},d=function(t){return Object(n["a"])({url:"/data/sale_type",method:"get",params:t})},u=function(t){return Object(n["a"])({url:"/data/rank",method:"get",params:t})},h=function(t){return Object(n["a"])({url:"/data/all_data",method:"get",params:t})},p=function(t){return Object(n["a"])({url:"/data/service_sale",method:"get",params:t})},m=function(t){return Object(n["a"])({url:"/data/sign_up",method:"get",params:t})},f=function(t){return Object(n["a"])({url:"/season/season_sale",method:"get",params:t})},v=function(t){return Object(n["a"])({url:"/data/per_capita",method:"get",params:t})},b=function(t){return Object(n["a"])({url:"/data/sale_per_capita",method:"get",params:t})},_=function(t){return Object(n["a"])({url:"/data/level_capita",method:"get",params:t})}},9628:function(t,e,a){},a5b1:function(t,e,a){"use strict";a.r(e);var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.mapChartData.length>0?a("div",{staticClass:"data-screen2"},[a("el-backtop"),t._v(" "),a("div",{staticClass:"title"},[t._v("争霸赛报名数据实时追踪")]),t._v(" "),a("div",{staticClass:"total"},[t._m(0),t._v(" "),a("div",{staticClass:"bot"},[a("div",{staticClass:"item"},[t._v(t._s(t.total))]),t._v(" "),a("div",{staticClass:"item"},[t._v(t._s(t.superNum))]),t._v(" "),a("div",{staticClass:"item"},[t._v(t._s(t.topNum))])])]),t._v(" "),a("div",{staticClass:"map"},[t.mapChartData.length>0?a("div",{staticStyle:{width:"100%",height:"100%"},attrs:{id:"china2"}}):t._e()]),t._v(" "),t._m(1),t._v(" "),t.lineChartData.top?a("signup-line-chart1",{attrs:{"chart-data":t.lineChartData}}):t._e(),t._v(" "),a("div",{staticClass:"header"},[a("span",[t._v("各省报名情况")]),t._v(" "),t.opened?a("el-button",{attrs:{type:"primary",icon:"el-icon-refresh"},on:{click:t.refresh}}):t._e()],1),t._v(" "),a("div",{staticClass:"table-wrapper",attrs:{id:"table-wrapper"}},[a("el-table",{ref:"table",staticStyle:{width:"100%"},attrs:{data:t.tabbleChartData,"header-cell-class-name":"fsdfasdfas"},on:{"expand-change":t.open}},[a("el-table-column",{attrs:{label:"排名",width:t.width/11*2,type:"index",align:"center",index:function(t){return t+1}}}),t._v(" "),a("el-table-column",{attrs:{label:"地区",width:t.width/11*2,prop:"name",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售主管",width:t.width/11*2,prop:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",width:t.width/11*2,prop:"top",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"合计",width:t.width/11*2,align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s(e.row.top+e.row.tj))]}}],null,!1,2839995267)}),t._v(" "),a("el-table-column",{attrs:{type:"expand",width:t.width/11*1},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.chart?a("signup-line-chart1",{attrs:{"chart-data":e.row.chart}}):t._e(),t._v(" "),e.row.list?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.row.list,border:""}},[a("el-table-column",{attrs:{label:"排名",type:"index",align:"center",width:(t.width-16)/5,index:function(t){return t+1}}}),t._v(" "),a("el-table-column",{attrs:{label:"城市",prop:"name",align:"center",width:(t.width-16)/5}}),t._v(" "),a("el-table-column",{attrs:{label:"销售主管",prop:"tj",align:"center",width:(t.width-16)/5}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center",width:(t.width-16)/5}}),t._v(" "),a("el-table-column",{attrs:{label:"合计",prop:"value",align:"center",width:(t.width-16)/5}})],1):t._e()]}}],null,!1,1322911936)})],1)],1),t._v(" "),a("div",{staticClass:"title finally"},[t._v("争霸赛最终数据分析")]),t._v(" "),t._m(2),t._v(" "),a("el-table",{attrs:{data:t.dddd,border:""}},[a("el-table-column",{attrs:{label:"代理身份",prop:"level",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"人数",prop:"num",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"百分比",prop:"percent",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"男性人数",prop:"male",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"女性人数",prop:"female",align:"center",width:t.width/5}})],1),t._v(" "),t._m(3),t._v(" "),a("el-table",{attrs:{data:t.res.list6,border:""}},[a("el-table-column",{attrs:{label:"地区级别",prop:"name",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"人数",prop:"num",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"百分比",prop:"percent",align:"center"}})],1),t._v(" "),t._m(4),t._v(" "),a("columnar-chart",{attrs:{phone:"phone","chart-data":t.cityLevelChart,title:"参赛人员所在城市级别柱状图"}}),t._v(" "),a("el-table",{attrs:{data:t.res.list4,border:""}},[a("el-table-column",{attrs:{label:"城市级别",prop:"name",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"人数",prop:"num",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"占比",align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s((e.row.num/t.total*100).toFixed(2)+"%"))]}}],null,!1,3706855298)}),t._v(" "),a("el-table-column",{attrs:{label:"详情",type:"expand"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("columnar-chart",{attrs:{phone:"phone","chart-data":{city:e.row.city.map((function(t){return t.name})),data:e.row.city.map((function(t){return t.num}))},title:e.row.name+"参赛人员所在城市详情"}}),t._v(" "),a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.row.city,border:""}},[a("el-table-column",{attrs:{label:"排名",type:"index",align:"center",index:function(t){return t+1}}}),t._v(" "),a("el-table-column",{attrs:{label:"城市",prop:"name",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"数量",prop:"num",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"占比",align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v(t._s((e.row.num/t.total*100).toFixed(2)+"%"))]}}],null,!0)})],1)]}}],null,!1,93642082)})],1),t._v(" "),t._m(5),t._v(" "),a("el-table",{attrs:{data:t.res.list5,border:""}},[a("el-table-column",{attrs:{label:"人员",prop:"level",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"本届",prop:"now",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"上届",prop:"pre",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"增加",prop:"add",align:"center",width:t.width/5}}),t._v(" "),a("el-table-column",{attrs:{label:"包含上届",prop:"include",align:"center",width:t.width/5}})],1),t._v(" "),a("div",{staticClass:"header"})],1):t._e()},i=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"top"},[a("div",{staticClass:"item"},[t._v("累计报名人数")]),t._v(" "),a("div",{staticClass:"item"},[t._v("销售主管人数")]),t._v(" "),a("div",{staticClass:"item"},[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("55dd"),a("7f7f"),a("ac6a"),a("5df3"),a("96cf"),a("3b8d")),l=(a("a481"),a("ed08")),o=a("a941"),c=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{class:t.className,style:{height:t.height,width:t.width}})},s=[],d=a("313e"),u=a.n(d),h=a("f42c");a("817d");var p={mixins:[h["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:.7*document.body.offsetWidth+"px"},type:{type:String,default:"line"},chartData:{type:Object,default:function(){return{top:[],tj:[],time:[]}}}},data:function(){return{chart:null}},watch:{chartData:{handler:function(){this.initChart()},deep:!0}},mounted:function(){var t=this;this.$nextTick((function(){t.initChart()}))},beforeDestroy:function(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart:function(){this.chart=u.a.init(this.$el,"macarons"),this.chart.setOption({title:{text:"最新报名趋势图",top:8,textStyle:{color:"#000000",fontSize:16,fontWeight:"bold"}},grid:{left:4,right:12,bottom:8,containLabel:!0},color:["#4C9ECD","#D970D0"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{top:8,right:8,data:["销售经理","销售主管"]},toolbox:{show:!1},calculable:!0,xAxis:[{name:"时间",nameTextStyle:{fontSize:12},type:"category",axisTick:{show:!1},data:this.chartData.time}],yAxis:[{type:"value",name:"人"}],series:[{name:"销售经理",type:this.type,barGap:0,data:this.chartData.top},{name:"销售主管",type:this.type,data:this.chartData.tj}],animation:!0})}}},m=p,f=a("2877"),v=Object(f["a"])(m,c,s,!1,null,null,null),b=v.exports,_=a("7e1e"),g={name:"DataScreen2",components:{SignupLineChart1:b,ColumnarChart:o["a"]},props:{},data:function(){return{width:document.body.offsetWidth,total:0,topNum:0,superNum:0,timer:null,opened:!1,mapChartData:[],lineChartData:{},tabbleChartData:[],cityLevelChart:{},eeee:[{name:"地级市",num:"1234",percent:"50.00%"},{name:"县级市",num:"1234",percent:"50.00%"},{name:"乡镇",num:"1234",percent:"50.00%"}]}},computed:{dddd:function(){return[{level:"销售主管",num:this.topNum,percent:(this.topNum/this.total*100).toFixed(2)+"%",male:"/",female:"/"},{level:"销售经理",num:this.superNum,percent:(this.superNum/this.total*100).toFixed(2)+"%",male:"/",female:"/"},{level:"合计",num:this.total,percent:(this.total/this.total*100).toFixed(2)+"%",male:"/",female:"/"}]}},created:function(){var t=this;Object(l["e"])()?this.$router.replace({path:"/1"}):(this.loading=this.$loading(),this.request(),this.timer=setInterval((function(){return t.request()}),3e4),this.$on("renderDetail",(function(e){t.$nextTick((function(){document.getElementById("TooltipDetail").parentElement.parentElement.style.zIndex=123,document.getElementById("TooltipInfo").onclick=function(t){console.log(t)},document.getElementById("TooltipDetail").onclick=function(){t.openScroll(e)}}))})))},beforeDestroy:function(){clearInterval(this.timer)},methods:{refresh:function(){this.loading=this.$loading(),clearInterval(this.timer),this.opened=!1,this.request()},open:function(){var t=Object(r["a"])(regeneratorRuntime.mark((function t(e,a){var n;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(void 0!==e.list){t.next=12;break}return this.loading=this.$loading(),t.next=4,Promise.all([Object(_["i"])({province:e.name}),Object(_["h"])({province:e.name})]);case 4:n=t.sent,this.opened=!0,this.loading.close(),e.chart=n[0].data,e.list=n[1].data.list.sort((function(t,e){return e.value-t.value})),this.dispatchClick&&(this.dispatchClick=!1,this.$emit("scroll")),this.$refs.table.toggleRowExpansion(e),this.$refs.table.toggleRowExpansion(e);case 12:case"end":return t.stop()}}),t,this)})));function e(e,a){return t.apply(this,arguments)}return e}(),openScroll:function(t){var e=this;function a(t){var e={left:0,top:0},a=t.offsetParent;e.left+=t.offsetLeft,e.top+=t.offsetTop;while(a&&!/html|body/i.test(a.tagName))e.left+=a.offsetLeft,e.top+=a.offsetTop,a=a.offsetParent;return e}this.tabbleChartData=Object(l["c"])(this.mapChartData),this.dispatchClick=!0,this.$nextTick((function(){var n=document.getElementsByClassName("el-table__row")[t];n.getElementsByClassName("el-table__expand-icon")[0].click(),e.$on("scroll",(function(){e.$nextTick((function(){window.scrollTo(0,a(n).top)}))}))}))},request:function(){var t=this;Object(_["g"])().then((function(e){t.loading.close(),e.data.status||clearInterval(t.timer),t.mapChartData=e.data.list.sort((function(t,e){return e.value-t.value})),t.lineChartData={top:e.data.list1,tj:e.data.list2,time:e.data.list3},t.opened||(t.tabbleChartData=e.data.list.sort((function(t,e){return e.value-t.value}))),t.topNum=e.data.top,t.superNum=e.data.tj,t.total=e.data.total,e.data.list4.forEach((function(t){t.city.sort((function(t,e){return e.num-t.num}))})),t.cityLevelChart.data=e.data.list4.map((function(t){return t.num})),t.cityLevelChart.city=e.data.list4.map((function(t){return t.name})),t.res=e.data;var a=0,n=0;t.mapChartData.forEach((function(t,e){t.value>a&&(a=t.value,n=e)}));var i=Math.floor(a/6);t.$nextTick((function(){t.echarts=window.echarts.init(document.getElementById("china2")),t.echarts.setOption({backgroundColor:"#FFFFFF",tooltip:{trigger:"item",enterable:!0,alwaysShowContent:!1,formatter:function(e){return t.$emit("renderDetail",e.dataIndex),'\n <div style="min-width: 123px; height: 60px; display:flex; align-items: center;">\n <div id="TooltipInfo" style="flex: 1; height: 100%; font-size: 8px; line-height: 12px; padding-right: 6px; border-right: 0.4px solid #FFFFFF;">\n <div>省份：'.concat(e.name,"</div>\n <div>排名：").concat(e.dataIndex+1,"</div>\n <div>总报名人数：").concat(e.value,"</div>\n <div>销售主管报名人数：").concat(t.mapChartData[e.dataIndex].tj,"</div>\n <div>销售经理报名人数：").concat(t.mapChartData[e.dataIndex].top,'</div>\n </div>\n <div id="TooltipDetail" style="height: 100%; line-height: 60px; margin-left: 8px;">详情 ></div>\n </div>\n ')}},visualMap:{show:!0,x:"left",y:"bottom",splitList:[{start:6*i,end:7*i,label:"".concat(6*i," - ").concat(7*i," 人")},{start:5*i,end:6*i,label:"".concat(5*i," - ").concat(6*i," 人")},{start:4*i,end:5*i,label:"".concat(4*i," - ").concat(5*i," 人")},{start:3*i,end:4*i,label:"".concat(3*i," - ").concat(4*i," 人")},{start:2*i,end:3*i,label:"".concat(2*i," - ").concat(3*i," 人")},{start:1*i,end:2*i,label:"".concat(1*i," - ").concat(2*i," 人")},{start:1,end:1*i,label:"".concat(1," - ",1*i," 人")},{start:0,end:0,label:"0 人"}],itemGap:0,itemWidth:8,itemHeight:5.6,textStyle:{fontSize:8},color:["#FF4C4C","#FF6666","#FF7F7F","#FF9999","#FFB2B2","#FFCCCC","#FFE5E5","#EFEFEF"]},series:[{name:"报名人数",type:"map",mapType:"china",aspectScale:1,zoom:1.23,label:{normal:{show:!0},emphasis:{show:!0}},data:t.mapChartData}],animation:!0}),t.click||(t.click=!0,t.echarts.on("click",(function(t){console.log(t)}))),t.echarts.dispatchAction({type:"showTip",seriesIndex:0,dataIndex:n}),t.$nextTick((function(){document.getElementById("TooltipDetail").parentElement.parentElement.style.zIndex=123,document.getElementById("TooltipInfo").onclick=function(t){console.log(t)},document.getElementById("TooltipDetail").onclick=function(){t.openScroll(0)}}))}))}))}}},w=g,y=(a("e9f6"),Object(f["a"])(w,n,i,!1,null,"6e7d8d46",null));e["default"]=y.exports},a941:function(t,e,a){"use strict";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}})},i=[],r=(a("55dd"),a("313e")),l=a.n(r),o=a("f42c");a("817d");var c={mixins:[o["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:"540px"},title:{type:String,default:""},phone:{type:Boolean,default:!1},chartData:{type:Object,default:function(){return{city:[],data:[]}}}},data:function(){return{chart:null}},watch:{chartData:{handler:function(){this.initChart()},deep:!0}},mounted:function(){var t=this;this.$nextTick((function(){t.initChart()}))},beforeDestroy:function(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart:function(){this.chart=l.a.init(this.$el,"macarons"),this.chart.setOption({color:["#4C9ECD","#D970D0","#5AC4B6"].sort((function(t,e){return.5-Math.random()})),title:{text:this.title,x:"center",top:18,textStyle:{color:"#000000",fontWeight:"bold"}},grid:{left:0,right:0,bottom:8,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},toolbox:{show:!1},calculable:!0,xAxis:[{name:"城市",nameTextStyle:{fontSize:12},type:"category",axisTick:{show:!1},data:this.chartData.city}],yAxis:[{type:"value",name:"人"}],series:[{name:"参赛人数",type:"bar",barGap:0,data:this.chartData.data}]})}}},s=c,d=a("2877"),u=Object(d["a"])(s,n,i,!1,null,null,null);e["a"]=u.exports},e9f6:function(t,e,a){"use strict";var n=a("9628"),i=a.n(n);i.a},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()}}}}}]);
|
