| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-c09187e4"],{"36f5":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:"data-screen1"},[t.mapChartData.length>0?[a("el-backtop"),t._v(" "),a("div",{staticClass:"title"},[t._v("争霸赛报名数据实时追踪")]),t._v(" "),a("div",{staticClass:"total"},[a("div",{staticClass:"total-item"},[t._v("累计报名人数")]),t._v(" "),a("div",{staticClass:"total-item"},[t._v(t._s(t.total))]),t._v(" "),a("div",{staticClass:"total-item"},[t._v("销售主管人数")]),t._v(" "),a("div",{staticClass:"total-item"},[t._v(t._s(t.superNum))]),t._v(" "),a("div",{staticClass:"total-item"},[t._v("销售经理人数")]),t._v(" "),a("div",{staticClass:"total-item"},[t._v(t._s(t.topNum))]),t._v(" "),a("div",{staticClass:"total-item"},[t._v("代理公司人数")]),t._v(" "),a("div",{staticClass:"total-item"},[t._v(t._s(t.crownNum))])]),t._v(" "),a("div",{staticClass:"map"},[t.mapChartData.length>0?a("div",{staticStyle:{width:"100%",height:"100%"},attrs:{id:"china1"}}):t._e()]),t._v(" "),t._m(0),t._v(" "),t.lineChartData.top?a("signup-line-chart",{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},on:{"expand-change":t.open}},[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:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"代理公司",prop:"crown",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.top+e.row.tj))]}}],null,!1,2839995267)}),t._v(" "),a("el-table-column",{attrs:{type:"expand"},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.chart?a("signup-line-chart",{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",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:"tj",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"销售经理",prop:"top",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"代理公司",prop:"crown",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"合计",prop:"value",align:"center"}})],1):t._e()]}}],null,!1,191522501)})],1)],1),t._v(" "),a("div",{staticClass:"title finally"},[t._v("争霸赛最终数据分析")]),t._v(" "),t._m(1),t._v(" "),a("el-table",{attrs:{data:t.dddd,border:""}},[a("el-table-column",{attrs:{label:"代理身份",prop:"level",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"}}),t._v(" "),a("el-table-column",{attrs:{label:"男性人数",prop:"male",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"女性人数",prop:"female",align:"center"}})],1),t._v(" "),t._m(2),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(3),t._v(" "),a("columnar-chart",{attrs:{"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:{"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,488080564)})],1),t._v(" "),t._m(4),t._v(" "),a("el-table",{attrs:{data:t.res.list5,border:""}},[a("el-table-column",{attrs:{label:"人员",prop:"level",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"本届",prop:"now",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"上届",prop:"pre",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"增加",prop:"add",align:"center"}}),t._v(" "),a("el-table-column",{attrs:{label:"包含上届",prop:"include",align:"center"}})],1),t._v(" "),a("div",{staticClass:"header"})]:t._e(),t._v(" "),t.dataPasswordVis?a("div",{staticClass:"data_password"},[a("el-input",{staticStyle:{width:"300px","margin-bottom":"20px"},attrs:{type:"text",placeholder:"请输入密码"},model:{value:t.dataPassword,callback:function(e){t.dataPassword=e},expression:"dataPassword"}}),t._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:t.checkDataPassword}},[t._v("确定")])],1):t._e()],2)},r=[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("参赛人员数据对比")])])}],l=a("c7eb"),i=(a("55dd"),a("7f7f"),a("ac6a"),a("5df3"),a("96cf"),a("1da1")),o=(a("a481"),a("ed08")),s=a("a941"),c=a("c3f3"),u=a("7e1e");document.title="争霸赛—报名数据实时追踪";var d={name:"DataScreen1",components:{SignupLineChart:c["a"],ColumnarChart:s["a"]},props:{},data:function(){return{res:null,total:0,topNum:0,superNum:0,crownNum: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%"}],dataPasswordVis:!0,dataPassword:""}},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.superNum,percent:(this.crownNum/this.total*100).toFixed(2)+"%",male:"/",female:"/"},{level:"合计",num:this.total,percent:(this.total/this.total*100).toFixed(2)+"%",male:"/",female:"/"}]}},watch:{dataPasswordVis:function(t){!t&&this.init()}},created:function(){Object(o["e"])()||this.$router.replace({path:"/2"})},beforeDestroy:function(){clearInterval(this.timer)},methods:{init:function(){var t=this;this.loading=this.$loading(),this.request(),this.timer=setInterval((function(){return t.request()}),3e4)},checkDataPassword:function(){"000"===this.dataPassword?this.dataPasswordVis=!1:this.dataPassword?this.$message.error("密码错误"):this.$message.error("请输入密码")},refresh:function(){this.loading=this.$loading(),clearInterval(this.timer),this.opened=!1,this.request()},open:function(){var t=Object(i["a"])(Object(l["a"])().mark((function t(e,a){var n;return Object(l["a"])().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(u["o"])({province:e.name}),Object(u["n"])({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}(),request:function(){var t=this;Object(u["m"])().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,crown:e.data.list7,time:e.data.list3},t.opened||(t.tabbleChartData=e.data.list.sort((function(t,e){return e.value-t.value}))),t.crownNum=e.data.crown,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 r=Math.floor(a/6);t.$nextTick((function(){var e=window.echarts.init(document.getElementById("china1"));e.setOption({backgroundColor:"#FFFFFF",tooltip:{trigger:"item",alwaysShowContent:!0,formatter:function(e){return"\n 省份：".concat(e.name," <br />\n 排名：").concat(e.dataIndex+1," <br />\n 总报名人数：").concat(e.value," <br />\n 销售主管报名人数：").concat(t.mapChartData[e.dataIndex].tj," <br />\n 销售经理报名人数：").concat(t.mapChartData[e.dataIndex].top," <br />\n 代理公司报名人数：").concat(t.mapChartData[e.dataIndex].crown," <br />\n ")}},visualMap:{show:!0,x:"left",y:"bottom",splitList:[{start:6*r,end:7*r,label:"".concat(6*r," - ").concat(7*r," 人")},{start:5*r,end:6*r,label:"".concat(5*r," - ").concat(6*r," 人")},{start:4*r,end:5*r,label:"".concat(4*r," - ").concat(5*r," 人")},{start:3*r,end:4*r,label:"".concat(3*r," - ").concat(4*r," 人")},{start:2*r,end:3*r,label:"".concat(2*r," - ").concat(3*r," 人")},{start:1*r,end:2*r,label:"".concat(1*r," - ").concat(2*r," 人")},{start:1,end:1*r,label:"".concat(1," - ",1*r," 人")},{start:0,end:0,label:"0 人"}],color:["#30A6FE","#44AFFE","#5CB9FE","#71C2FE","#89CDFF","#A5D8FE","#C5E5FD","#EFEFEF"]},series:[{name:"报名人数",type:"map",mapType:"china",aspectScale:1,zoom:1.23,label:{normal:{show:!0},emphasis:{show:!0}},data:t.mapChartData}]}),t.click||(t.click=!0,e.on("click",(function(e){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}t.tabbleChartData=Object(o["c"])(t.mapChartData),t.dispatchClick=!0,t.$nextTick((function(){var n=document.getElementsByClassName("el-table__row")[e.dataIndex];n.getElementsByClassName("el-table__expand-icon")[0].click(),t.$on("scroll",(function(){t.$nextTick((function(){window.scrollTo(0,a(n).top)}))}))}))}))),e.dispatchAction({type:"showTip",seriesIndex:0,dataIndex:n})}))}))}}},h=d,p=(a("d9ae"),a("2877")),m=Object(p["a"])(h,n,r,!1,null,"38d6af76",null);e["default"]=m.exports},"7e1e":function(t,e,a){"use strict";a.d(e,"m",(function(){return r})),a.d(e,"n",(function(){return l})),a.d(e,"o",(function(){return i})),a.d(e,"q",(function(){return o})),a.d(e,"r",(function(){return s})),a.d(e,"s",(function(){return c})),a.d(e,"p",(function(){return u})),a.d(e,"t",(function(){return d})),a.d(e,"l",(function(){return h})),a.d(e,"u",(function(){return p})),a.d(e,"a",(function(){return m})),a.d(e,"b",(function(){return f})),a.d(e,"c",(function(){return b})),a.d(e,"d",(function(){return v})),a.d(e,"e",(function(){return _})),a.d(e,"f",(function(){return g})),a.d(e,"v",(function(){return w})),a.d(e,"w",(function(){return y})),a.d(e,"x",(function(){return C})),a.d(e,"h",(function(){return x})),a.d(e,"g",(function(){return j})),a.d(e,"i",(function(){return D})),a.d(e,"k",(function(){return O})),a.d(e,"j",(function(){return E}));var n=a("b775"),r=function(t){return Object(n["a"])({url:"/data/location",method:"get",params:t})},l=function(t){return Object(n["a"])({url:"/data/province",method:"get",params:t})},i=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})},s=function(t){return Object(n["a"])({url:"/data/sale_province",method:"get",params:t})},c=function(t){return Object(n["a"])({url:"/data/sale_province_time",method:"get",params:t})},u=function(t){return Object(n["a"])({url:"/data/sale_type",method:"get",params:t})},d=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})},b=function(t){return Object(n["a"])({url:"/data/per_capita",method:"get",params:t})},v=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})},g=function(){return Object(n["a"])({url:"/data/get_info",method:"get"})};function w(t){return Object(n["a"])({method:"get",url:"/challenge/index_current_data",params:t})}function y(t){return Object(n["a"])({method:"get",url:"/challenge/guess_current_data",params:t})}function C(){return Object(n["a"])({method:"get",url:"/data/crown_rank"})}function x(){return Object(n["a"])({method:"get",url:"/data/get_area_location"})}function j(t){return Object(n["a"])({method:"get",url:"/data/get_enroll_detail_info",params:t})}function D(t){return Object(n["a"])({method:"get",url:"/data/get_sales_detail_info",params:t})}function O(t){return Object(n["a"])({method:"get",url:"/data/challenge_rank",params:t})}function E(t){return Object(n["a"])({method:"get",url:"/challenge/guess_list_info",params:t})}},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}})},r=[],l=(a("55dd"),a("313e")),i=a.n(l),o=a("f42c");a("817d");var s={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=i.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}]})}}},c=s,u=a("2877"),d=Object(u["a"])(c,n,r,!1,null,null,null);e["a"]=d.exports},c3f3: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.height,width:t.width}})},r=[],l=a("313e"),i=a.n(l),o=a("f42c");a("817d");var s={mixins:[o["a"]],props:{className:{type:String,default:"chart"},width:{type:String,default:"100%"},height:{type:String,default:"540px"},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=i.a.init(this.$el,"macarons"),this.chart.setOption({title:{text:"最新报名趋势图",top:18,left:"center",textStyle:{color:"#000000",fontWeight:"bold"}},grid:{left:4,right:12,bottom:8,containLabel:!0},color:["#4C9ECD","#D970D0","#5AC4B6"],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},{name:"代理公司",type:this.type,data:this.chartData.crown}]})}}},c=s,u=a("2877"),d=Object(u["a"])(c,n,r,!1,null,null,null);e["a"]=d.exports},d9ae:function(t,e,a){"use strict";a("e7a4")},e7a4:function(t,e,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()}}}}}]);
|
