You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
9.9 KiB
1 lines
9.9 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-77fd21b0"],{"08e2":function(e,t,o){"use strict";o("c6d6")},"45e7":function(e,t,o){"use strict";o.r(t);var r=function(){var e=this,t=e._self._c;return t("div",[t("Row",{attrs:{gutter:20}},e._l(e.inforCardData,(function(o,r){return t("i-col",{key:"infor-".concat(r),staticStyle:{height:"120px","padding-bottom":"10px"},attrs:{xs:12,md:8,lg:4}},[t("infor-card",{attrs:{shadow:"",color:o.color,icon:o.icon,"icon-size":36}},[e._v("\n "+e._s(o.count)+"\n "),t("p",[e._v(e._s(o.title))])])],1)})),1),t("Row",{staticClass:"margin-top-10",attrs:{gutter:20}},[t("i-col",{staticClass:"margin-bottom-20",attrs:{md:24,lg:8}},[t("Card",{attrs:{shadow:""}},[t("chart-pie",{staticStyle:{height:"300px"},attrs:{value:e.pieData,text:"用户访问来源"}})],1)],1),t("i-col",{staticClass:"margin-bottom-20",attrs:{md:24,lg:16}},[t("Card",{attrs:{shadow:""}},[t("chart-bar",{staticStyle:{height:"300px"},attrs:{value:e.barData,text:"每周用户活跃量"}})],1)],1)],1),t("Row",[t("Card",{attrs:{shadow:""}},[t("example",{staticStyle:{height:"310px"}})],1)],1)],1)},l=[],a=function(){var e=this,t=e._self._c;return t("Card",{staticClass:"info-card-wrapper",attrs:{shadow:e.shadow,padding:0}},[t("div",{staticClass:"content-con"},[t("div",{staticClass:"left-area",style:{background:e.color,width:e.leftWidth}},[t("common-icon",{staticClass:"icon",attrs:{type:e.icon,size:e.iconSize,color:"#fff"}})],1),t("div",{staticClass:"right-area",style:{width:e.rightWidth}},[t("div",[e._t("default")],2)])])])},i=[],c=(o("c5f6"),o("cb21")),n={name:"InforCard",components:{CommonIcon:c["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=n,d=(o("89f9"),o("2877")),b=Object(d["a"])(s,a,i,!1,null,null,null),h=b.exports,m=h,u=function(){var e=this,t=e._self._c;return t("div",{ref:"dom",staticClass:"charts chart-pie"})},f=[],p=(o("7f7f"),o("313e")),y=o.n(p),S=o("8e9a"),x=o("90de");y.a.registerTheme("tdTheme",S);var C={name:"ChartPie",props:{value:Array,text:String,subtext:String},data:function(){return{dom:null}},methods:{resize:function(){this.dom.resize()}},mounted:function(){var e=this;this.$nextTick((function(){var t=e.value.map((function(e){return e.name})),o={title:{text:e.text,subtext:e.subtext,x:"center"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{orient:"vertical",left:"left",data:t},series:[{type:"pie",radius:"55%",center:["50%","60%"],data:e.value,itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]};e.dom=y.a.init(e.$refs.dom,"tdTheme"),e.dom.setOption(o),Object(x["h"])(window,"resize",e.resize)}))},beforeDestroy:function(){Object(x["g"])(window,"resize",this.resize)}},g=C,w=Object(d["a"])(g,u,f,!1,null,null,null),v=w.exports,W=function(){var e=this,t=e._self._c;return t("div",{ref:"dom",staticClass:"charts chart-bar"})},z=[];o("8615"),o("ac6a"),o("456d");y.a.registerTheme("tdTheme",S);var k={name:"ChartBar",props:{value:Object,text:String,subtext:String},data:function(){return{dom:null}},methods:{resize:function(){this.dom.resize()}},mounted:function(){var e=this;this.$nextTick((function(){var t=Object.keys(e.value),o=Object.values(e.value),r={title:{text:e.text,subtext:e.subtext,x:"center"},xAxis:{type:"category",data:t},yAxis:{type:"value"},series:[{data:o,type:"bar"}]};e.dom=y.a.init(e.$refs.dom,"tdTheme"),e.dom.setOption(r),Object(x["h"])(window,"resize",e.resize)}))},beforeDestroy:function(){Object(x["g"])(window,"resize",this.resize)}},O=k,T=Object(d["a"])(O,W,z,!1,null,null,null),_=T.exports,A=o("649f"),B={name:"home",components:{InforCard:m,ChartPie:v,ChartBar:_,Example:A["default"]},data:function(){return{inforCardData:[{title:"新增用户",icon:"md-person-add",count:803,color:"#2d8cf0"},{title:"累计点击",icon:"md-locate",count:232,color:"#19be6b"},{title:"新增问答",icon:"md-help-circle",count:142,color:"#ff9900"},{title:"分享统计",icon:"md-share",count:657,color:"#ed3f14"},{title:"新增互动",icon:"md-chatbubbles",count:12,color:"#E46CBB"},{title:"新增页面",icon:"md-map",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(){}},j=B,L=(o("08e2"),Object(d["a"])(j,r,l,!1,null,null,null));t["default"]=L.exports},"504c":function(e,t,o){var r=o("9e1e"),l=o("0d58"),a=o("6821"),i=o("52a7").f;e.exports=function(e){return function(t){var o,c=a(t),n=l(c),s=n.length,d=0,b=[];while(s>d)o=n[d++],r&&!i.call(c,o)||b.push(e?[o,c[o]]:c[o]);return b}}},8615:function(e,t,o){var r=o("5ca1"),l=o("504c")(!1);r(r.S,"Object",{values:function(e){return l(e)}})},"89f9":function(e,t,o){"use strict";o("d9bb")},"8e9a":function(e){e.exports=JSON.parse('{"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":true},"radar":{"itemStyle":{"normal":{"borderWidth":"2"}},"lineStyle":{"normal":{"width":"2"}},"symbolSize":"6","symbol":"emptyCircle","smooth":true},"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":true,"color":["#2d8cf0","#19be6b","#f5ae4a","#9189d5","#56cae2","#cbb0e3"],"label":{"normal":{"textStyle":{"color":"#eee"}}}},"map":{"itemStyle":{"normal":{"areaColor":"#f3f3f3","borderColor":"#516b91","borderWidth":0.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":0.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":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"valueAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"logAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"timeAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"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":0.5},"emphasis":{"color":"#8fd3e8","borderColor":"#8fd3e8","borderWidth":0.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"}}}}}')},c6d6:function(e,t,o){},d9bb:function(e,t,o){}}]);
|