(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-98808842"],{"6d60":function(t,a,s){"use strict";var e=s("7c6c"),i=s.n(e);i.a},"7c6c":function(t,a,s){},"7d5c":function(t,a,s){"use strict";s.r(a);var e=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[s("div",{staticClass:"outmain ba_f"},[t._m(0),s("div",{staticClass:"flex-bet"},[s("div",{staticClass:"bflex-7 flex-y-top bor_b_r4"},[s("div",{staticClass:"pad_20 flex-g-1"},[s("div",{staticClass:"fon_14 color_9 lh25"},[t._v("今日售卡数量")]),s("div",{staticClass:"fon_30 color_3 lhh40"},[t._v(t._s(t.surverData.todayNum))]),s("div",{staticClass:"fon_12 color_9 flex lh25"},[s("div",{},[t._v("昨日:"+t._s(t.surverData.yesterdayNum))])])]),s("div",{staticClass:"pad_20 flex-g-1"},[s("div",{staticClass:"fon_14 color_9 lh25"},[t._v("今日售卡金额")]),s("div",{staticClass:"fon_30 color_3 lhh40"},[t._v(t._s(t.surverData.todayMoney))]),s("div",{staticClass:"fon_12 color_9 flex lh25"},[s("div",{},[t._v("昨日:"+t._s(t.surverData.yesterdayMoney))])])]),s("div",{staticClass:"pad_20 flex-g-1"},[s("div",{staticClass:"fon_14 color_9 lh25"},[t._v("累计售卡数量")]),s("div",{staticClass:"fon_30 color_3 lhh40"},[t._v(t._s(t.surverData.allNum))]),s("div",{staticClass:"fon_12 color_9 flex lh25"})]),s("div",{staticClass:"pad_20 flex-g-1"},[s("div",{staticClass:"fon_14 color_9 lh25"},[t._v("累计售卡金额")]),s("div",{staticClass:"fon_30 color_3 lhh40"},[t._v(t._s(t.surverData.allMoney))]),s("div",{staticClass:"fon_12 color_9 flex lh25"})])]),s("div",{staticClass:"bflex-3 flex-bet"},[s("div",{staticClass:"pad_20 flex-g-1"},[s("div",{staticClass:"fon_14 color_9 lh25"},[t._v("总开通数量")]),s("div",{staticClass:"fon_30 color_3 lhh40"},[t._v(" "+t._s(t.surverData.allUserNum)+" "),s("span",{staticClass:"fon_12"},[t._v("(人)")])]),s("div",{staticClass:"fon_12 color_9 lh25"},[s("span",{staticClass:"fon_16"},[t._v("未续卡:"+t._s(t.surverData.allEndUserNum))]),t._v(" (人) ")])]),s("div",{staticClass:"flex-g-1"},[s("div",{ref:"mainEch",staticStyle:{height:"220px",width:"300px","margin-left":"30px"}})])])])]),s("div",{staticClass:"t_r mar_t20"},[s("div",{staticClass:"fon_12 mar_r10 color_9"},[s("span",{staticClass:"fon_14 color_3"},[t._v("时间筛选:")]),s("el-date-picker",{staticClass:"mar_l10",attrs:{type:"daterange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",format:"yyyy年MM月dd日"},on:{change:t.init},model:{value:t.formData.time,callback:function(a){t.$set(t.formData,"time",a)},expression:"formData.time"}})],1)]),s("div",{staticClass:"outmain ba_f mar_t10"},[t._m(1),s("div",{staticClass:"mar_t20"},[s("div",{staticClass:"flex mar_b5",staticStyle:{background:"rgb(92, 137, 253)"}},[t._m(2),s("div",{staticClass:"serright pad_lr_10"},[s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("售卡数量")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.requestNum))])]),s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("售卡金额")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.requestMoney))])]),s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("老用户续卡")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.oldUser))])]),s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("新用户开卡")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.newUser))])])])]),s("div",{staticClass:"flex mar_b5",staticStyle:{background:"rgb(88, 202, 121)"}},[t._m(3),s("div",{staticClass:"serright pad_lr_10",staticStyle:{background:"rgb(240, 248, 240)"}},[s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("开卡用户(人)")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.userNum))])]),s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("未续费用户(人)")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.endUserNum))])]),s("div",{staticClass:"rightmoder pad_20 fon_14"},[s("div",{},[t._v("总开卡用户(人)")]),s("div",{staticClass:"pad_tb_10"},[t._v(t._s(t.surverData.allUserNum))])])])])])]),s("div",{staticClass:"outmain ba_f mar_t20"},[t._m(4),s("div",{ref:"mainEch2",staticStyle:{height:"400px"}})])])},i=[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"shuju_title mar_b20"},[s("div",{staticClass:"shuju_title_text"},[s("span",[t._v("实时概况")])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"shuju_title mar_b20"},[s("div",{staticClass:"shuju_title_text"},[s("span",[t._v("开卡概况")])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"serleft color_f pad_lr_10 t_c flex"},[s("span",{staticClass:"fon_16"},[t._v("开卡数据")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"serleft color_f pad_lr_10 t_c flex",staticStyle:{background:"rgb(88, 202, 121)"}},[s("span",{staticClass:"fon_16"},[t._v("用户数据")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"shuju_title mar_b20"},[s("div",{staticClass:"shuju_title_text"},[s("span",[t._v("开卡总览")])])])}],r=(s("4160"),s("159b"),s("5530")),l=s("313e"),o=s.n(l),c=s("2f62"),_=s("7cb7"),n={data:function(){return{formData:{time:[new Date((new Date).setDate((new Date).getDate()-14)),new Date]},surverData:{},userData:{},echarts1_option:{color:["#5654F5","#4CA8FF","#4EC478","#FBA33F"],legend:{orient:"vertical",right:0,data:["开卡用户","未续卡用户"]},series:[{name:"访问来源",type:"pie",radius:["40%","60%"],avoidLabelOverlap:!1,label:{show:!1,position:"center"},emphasis:{label:{show:!0,fontSize:"16",fontWeight:"bold"}},labelLine:{show:!1},data:[{value:35,name:"开卡用户"},{value:310,name:"未续卡用户"}]}]},echarts1_option2:{color:["#2A75ED","#2FCE63"],tooltip:{trigger:"axis"},legend:{data:["售卡数量","售卡金额"]},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,axisTick:{show:!1,lineStyle:{color:"#ccc",type:"dashed"}},axisLabel:{show:!0,textStyle:{color:"#333",fontSize:"12"}},axisLine:{lineStyle:{color:"#4ECB73",width:2}},data:[]},yAxis:{type:"value",axisTick:{show:!1},axisLine:{show:!1},axisLabel:{show:!0,textStyle:{color:"#333",fontSize:"12"}},splitLine:{lineStyle:{type:"dotted",color:"#DDDDDD"},show:!0}},series:[{name:"售卡数量",type:"line",stack:"总量",data:[],smooth:!0},{name:"售卡金额",type:"line",stack:"总量",data:[],smooth:!0}]},echartsOne:null,echartsTwo:null}},computed:Object(r["a"])(Object(r["a"])({},Object(c["d"])(["market"])),{},{parmse:function(){return{startTime:this.$moment(this.formData.time[0]).format("YYYY-MM-DD"),endTime:this.$moment(this.formData.time[1]).format("YYYY-MM-DD")}}}),mounted:function(){this.init()},methods:{changeTime:function(){},init:function(){var t=this;Object(_["V"])(this.parmse).then((function(a){1==a.code&&(a.data.numArr.forEach((function(a){t.echarts1_option2.xAxis.data.push(a.hours),t.echarts1_option2.series[0].data.push(a.money)})),t.echarts1_option.series[0].data[0].value=a.data.allUserNum,t.echarts1_option.series[0].data[1].value=a.data.allEndUserNum,t.surverData=a.data,t.echarts_one(),t.echarts_two())}))},echarts_one:function(){this.echartsOne=o.a.init(this.$refs.mainEch2),this.echartsOne.setOption(this.echarts1_option2)},echarts_two:function(){this.echartsTwo=o.a.init(this.$refs.mainEch),this.echartsTwo.setOption(this.echarts1_option)}}},d=n,v=(s("6d60"),s("2877")),h=Object(v["a"])(d,e,i,!1,null,"65c4835e",null);a["default"]=h.exports}}]);