1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[20],{"+9Ht":function(t,e,o){},"+a8J":function(t,e,o){"use strict";var r=o("yc2g"),a=o.n(r);a.a},"8RPn":function(t,e,o){},"A3+J":function(t,e,o){"use strict";var r=o("8RPn"),a=o.n(r);a.a},FuDz:function(t,e,o){},HX85:function(t,e,o){"use strict";var r=o("b2Nm"),a=o.n(r);a.a},b2Nm:function(t,e,o){},h7iu:function(t,e,o){"use strict";o.r(e);var r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("Row",{attrs:{gutter:20}},t._l(t.inforCardData,function(e,r){return o("i-col",{key:"infor-"+r,staticStyle:{height:"120px"},attrs:{span:"4"}},[o("infor-card",{attrs:{shadow:"",color:e.color,icon:e.icon,"icon-size":36}},[o("count-to",{attrs:{end:e.count,"count-class":"count-style"}}),t._v(" "),o("p",[t._v(t._s(e.title))])],1)],1)})),t._v(" "),o("Row",{staticStyle:{"margin-top":"20px"},attrs:{gutter:20}},[o("i-col",{attrs:{span:"8"}},[o("Card",{attrs:{shadow:""}},[o("chart-pie",{staticStyle:{height:"300px"},attrs:{value:t.pieData,text:"用户访问来源"}})],1)],1),t._v(" "),o("i-col",{attrs:{span:"16"}},[o("Card",{attrs:{shadow:""}},[o("chart-bar",{staticStyle:{height:"300px"},attrs:{value:t.barData,text:"每周用户活跃量"}})],1)],1)],1),t._v(" "),o("Row",{staticStyle:{"margin-top":"20px"}},[o("Card",{attrs:{shadow:""}},[o("example",{staticStyle:{height:"310px"}})],1)],1)],1)},a=[],l=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("Card",{staticClass:"info-card-wrapper",attrs:{shadow:t.shadow,padding:0}},[o("div",{staticClass:"content-con"},[o("div",{staticClass:"left-area",style:{background:t.color,width:t.leftWidth}},[o("common-icon",{staticClass:"icon",attrs:{type:t.icon,size:t.iconSize,color:"#fff"}})],1),t._v(" "),o("div",{staticClass:"right-area",style:{width:t.rightWidth}},[o("div",[t._t("default")],2)])])])},i=[],n=o("yyHd"),c={name:"InforCard",components:{CommonIcon:n["a"]},props:{left:{type:Number,default:36},color:{type:String,default:"#2d8cf0"},icon:{type:String,default:""},iconSize:{type:Number,default:20},shadow:{type:Boolean,default:!1}},computed:{leftWidth:function(){return"".concat(this.left,"%")},rightWidth:function(){return"".concat(100-this.left,"%")}}},s=c,d=(o("A3+J"),o("KHd+")),u=Object(d["a"])(s,l,i,!1,null,null,null),h=u.exports,m=h,p=o("k0l9"),b=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{ref:"dom",staticClass:"charts chart-pie"})},f=[],y=(o("f3/d"),o("MT78")),S=o.n(y),x=o("jprl");S.a.registerTheme("tdTheme",x);var g={name:"ChartPie",props:{value:Array,text:String,subtext:String},mounted:function(){var t=this;this.$nextTick(function(){var e=t.value.map(function(t){return t.name}),o={title:{text:t.text,subtext:t.subtext,x:"center"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{orient:"vertical",left:"left",data:e},series:[{type:"pie",radius:"55%",center:["50%","60%"],data:t.value,itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},r=S.a.init(t.$refs.dom,"tdTheme");r.setOption(o)})}},C=g,v=(o("wesp"),Object(d["a"])(C,b,f,!1,null,null,null)),w=v.exports,W=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{ref:"dom",staticClass:"charts chart-bar"})},_=[];o("hhXQ");S.a.registerTheme("tdTheme",x);var k={name:"ChartBar",props:{value:Object,text:String,subtext:String},mounted:function(){var t=this;this.$nextTick(function(){var e=Object.keys(t.value),o=Object.values(t.value),r={title:{text:t.text,subtext:t.subtext,x:"center"},xAxis:{type:"category",data:e},yAxis:{type:"value"},series:[{data:o,type:"bar"}]},a=S.a.init(t.$refs.dom,"tdTheme");a.setOption(r)})}},T=k,A=(o("HX85"),Object(d["a"])(T,W,_,!1,null,null,null)),B=A.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{ref:"dom"})},O=[],V=o("kN7S"),L={name:"serviceRequests",data:function(){return{dom:null}},methods:{resize:function(){this.dom.resize()}},mounted:function(){var t=this,e={tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},grid:{top:"3%",left:"1.2%",right:"1%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:["周一","周二","周三","周四","周五","周六","周日"]}],yAxis:[{type:"value"}],series:[{name:"运营商/网络服务",type:"line",stack:"总量",areaStyle:{normal:{color:"#2d8cf0"}},data:[120,132,101,134,90,230,210]},{name:"银行/证券",type:"line",stack:"总量",areaStyle:{normal:{color:"#10A6FF"}},data:[257,358,278,234,290,330,310]},{name:"游戏/视频",type:"line",stack:"总量",areaStyle:{normal:{color:"#0C17A6"}},data:[379,268,354,269,310,478,358]},{name:"餐饮/外卖",type:"line",stack:"总量",areaStyle:{normal:{color:"#4608A6"}},data:[320,332,301,334,390,330,320]},{name:"快递/电商",type:"line",stack:"总量",label:{normal:{show:!0,position:"top"}},areaStyle:{normal:{color:"#398DBF"}},data:[820,645,546,745,872,624,258]}]};this.$nextTick(function(){t.dom=S.a.init(t.$refs.dom),t.dom.setOption(e),Object(V["e"])(window,"resize",t.resize())})},beforeDestroy:function(){Object(V["d"])(window,"resize",this.resize())}},j=L,$=Object(d["a"])(j,z,O,!1,null,null,null),E=$.exports,N={name:"home",components:{InforCard:m,CountTo:p["a"],ChartPie:w,ChartBar:B,Example:E},data:function(){return{inforCardData:[{title:"新增用户",icon:"android-person-add",count:803,color:"#2d8cf0"},{title:"累计点击",icon:"pinpoint",count:23432,color:"#19be6b"},{title:"新增问答",icon:"help-circled",count:142,color:"#ff9900"},{title:"分享统计",icon:"android-share-alt",count:657,color:"#ed3f14"},{title:"新增活动",icon:"social-twitch",count:12,color:"#E46CBB"},{title:"新增页面",icon:"paper-airplane",count:14,color:"#9A66E4"}],pieData:[{value:335,name:"直接访问"},{value:310,name:"邮件营销"},{value:234,name:"联盟广告"},{value:135,name:"视频广告"},{value:1548,name:"搜索引擎"}],barData:{Mon:13253,Tue:34235,Wed:26321,Thu:12340,Fri:24643,Sat:1322,Sun:1324}}},mounted:function(){}},D=N,H=(o("+a8J"),Object(d["a"])(D,r,a,!1,null,null,null)),M=H.exports;e["default"]=M},jprl:function(t){t.exports={color:["#2d8cf0","#19be6b","#ff9900","#E46CBB","#9A66E4","#ed3f14"],backgroundColor:"rgba(0,0,0,0)",textStyle:{},title:{textStyle:{color:"#516b91"},subtextStyle:{color:"#93b7e3"}},line:{itemStyle:{normal:{borderWidth:"2"}},lineStyle:{normal:{width:"2"}},symbolSize:"6",symbol:"emptyCircle",smooth:!0},radar:{itemStyle:{normal:{borderWidth:"2"}},lineStyle:{normal:{width:"2"}},symbolSize:"6",symbol:"emptyCircle",smooth:!0},bar:{itemStyle:{normal:{barBorderWidth:0,barBorderColor:"#ccc"},emphasis:{barBorderWidth:0,barBorderColor:"#ccc"}}},pie:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},scatter:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},boxplot:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},parallel:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},sankey:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},funnel:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},gauge:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"},emphasis:{borderWidth:0,borderColor:"#ccc"}}},candlestick:{itemStyle:{normal:{color:"#edafda",color0:"transparent",borderColor:"#d680bc",borderColor0:"#8fd3e8",borderWidth:"2"}}},graph:{itemStyle:{normal:{borderWidth:0,borderColor:"#ccc"}},lineStyle:{normal:{width:1,color:"#aaa"}},symbolSize:"6",symbol:"emptyCircle",smooth:!0,color:["#2d8cf0","#19be6b","#f5ae4a","#9189d5","#56cae2","#cbb0e3"],label:{normal:{textStyle:{color:"#eee"}}}},map:{itemStyle:{normal:{areaColor:"#f3f3f3",borderColor:"#516b91",borderWidth:.5},emphasis:{areaColor:"rgba(165,231,240,1)",borderColor:"#516b91",borderWidth:1}},label:{normal:{textStyle:{color:"#000"}},emphasis:{textStyle:{color:"rgb(81,107,145)"}}}},geo:{itemStyle:{normal:{areaColor:"#f3f3f3",borderColor:"#516b91",borderWidth:.5},emphasis:{areaColor:"rgba(165,231,240,1)",borderColor:"#516b91",borderWidth:1}},label:{normal:{textStyle:{color:"#000"}},emphasis:{textStyle:{color:"rgb(81,107,145)"}}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#cccccc"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,textStyle:{color:"#999999"}},splitLine:{show:!0,lineStyle:{color:["#eeeeee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:"#cccccc"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,textStyle:{color:"#999999"}},splitLine:{show:!0,lineStyle:{color:["#eeeeee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:"#cccccc"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,textStyle:{color:"#999999"}},splitLine:{show:!0,lineStyle:{color:["#eeeeee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:"#cccccc"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,textStyle:{color:"#999999"}},splitLine:{show:!0,lineStyle:{color:["#eeeeee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},toolbox:{iconStyle:{normal:{borderColor:"#999"},emphasis:{borderColor:"#666"}}},legend:{textStyle:{color:"#999999"}},tooltip:{axisPointer:{lineStyle:{color:"#ccc",width:1},crossStyle:{color:"#ccc",width:1}}},timeline:{lineStyle:{color:"#8fd3e8",width:1},itemStyle:{normal:{color:"#8fd3e8",borderWidth:1},emphasis:{color:"#8fd3e8"}},controlStyle:{normal:{color:"#8fd3e8",borderColor:"#8fd3e8",borderWidth:.5},emphasis:{color:"#8fd3e8",borderColor:"#8fd3e8",borderWidth:.5}},checkpointStyle:{color:"#8fd3e8",borderColor:"rgba(138,124,168,0.37)"},label:{normal:{textStyle:{color:"#8fd3e8"}},emphasis:{textStyle:{color:"#8fd3e8"}}}},visualMap:{color:["#516b91","#59c4e6","#a5e7f0"]},dataZoom:{backgroundColor:"rgba(0,0,0,0)",dataBackgroundColor:"rgba(255,255,255,0.3)",fillerColor:"rgba(167,183,204,0.4)",handleColor:"#a7b7cc",handleSize:"100%",textStyle:{color:"#333"}},markPoint:{label:{normal:{textStyle:{color:"#eee"}},emphasis:{textStyle:{color:"#eee"}}}}}},k0l9:function(t,e,o){"use strict";var r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"count-to-wrapper"},[t._t("left"),t._v(" "),o("p",{staticClass:"content-outer"},[o("span",{class:["count-to-count-text",t.countClass],attrs:{id:t.counterId}},[t._v(t._s(t.init))]),o("i",{class:["count-to-unit-text",t.unitClass]},[t._v(t._s(t.unitText))])]),t._v(" "),t._t("right")],2)},a=[],l=o("V/L7"),i=o.n(l),n=(o("FuDz"),{name:"CountTo",props:{init:{type:Number,default:0},startVal:{type:Number,default:0},end:{type:Number,required:!0},decimals:{type:Number,default:0},decimal:{type:String,default:"."},duration:{type:Number,default:2},delay:{type:Number,default:0},uneasing:{type:Boolean,default:!1},usegroup:{type:Boolean,default:!1},separator:{type:String,default:","},simplify:{type:Boolean,default:!1},unit:{type:Array,default:function(){return[[3,"K+"],[6,"M+"],[9,"B+"]]}},countClass:{type:String,default:""},unitClass:{type:String,default:""}},data:function(){return{counter:null,unitText:""}},computed:{counterId:function(){return"count_to_".concat(this._uid)}},methods:{getHandleVal:function(t,e){return{endVal:parseInt(t/Math.pow(10,this.unit[e-1][0])),unitText:this.unit[e-1][1]}},transformValue:function(t){var e=this.unit.length,o={endVal:0,unitText:""};if(t<Math.pow(10,this.unit[0][0]))o.endVal=t;else for(var r=1;r<e;r++)t>=Math.pow(10,this.unit[r-1][0])&&t<Math.pow(10,this.unit[r][0])&&(o=this.getHandleVal(t,r));return t>Math.pow(10,this.unit[e-1][0])&&(o=this.getHandleVal(t,e)),o},getValue:function(t){var e=0;if(this.simplify){var o=this.transformValue(t),r=o.endVal,a=o.unitText;this.unitText=a,e=r}else e=t;return e}},mounted:function(){var t=this;this.$nextTick(function(){setTimeout(function(){var e=t.getValue(t.end);t.counter=new i.a(t.counterId,t.startVal,e,t.decimals,t.duration,{useEasing:!t.uneasing,useGrouping:t.useGroup,separator:t.separator,decimal:t.decimal}),t.counter.error||t.counter.start()},t.delay)})},watch:{end:function(t){var e=this.getValue(t);this.counter.update(e)}}}),c=n,s=o("KHd+"),d=Object(s["a"])(c,r,a,!1,null,null,null),u=d.exports;e["a"]=u},wesp:function(t,e,o){"use strict";var r=o("+9Ht"),a=o.n(r);a.a},yc2g:function(t,e,o){}}]); |