(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7b7d4f23"],{2169:function(e,t,a){"use strict";let i={bar:{color:["#3398DB"],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],axisTick:{alignWithLabel:!0}}],yAxis:[{type:"value"}],series:[{name:"直接访问",type:"bar",barWidth:"60%",data:[120,80,210,110,160,200,334,390,290,220,280,140]}]},pie:{tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{top:20,data:["图例1","图例2","图例3","图例4","图例5","图例6","图例7"]},series:[{name:"图例1",type:"pie",radius:"60%",selectedMode:"single",data:[{value:2563,name:"图例1",itemStyle:{color:"rgb(45, 140, 240)"}},{value:727,name:"图例2",itemStyle:{color:"rgb(92, 173, 255)"}},{value:2182,name:"图例3",itemStyle:{color:"rgb(25, 190, 107)"}},{value:1419,name:"图例4",itemStyle:{color:"#00e5ff"}},{value:984,name:"图例5",itemStyle:{color:"#ff80ab"}},{value:870,name:"图例6",itemStyle:{color:"rgb(237, 64, 20)"}},{value:1670,name:"图例7",itemStyle:{color:"#ffb445"}}]}]},line:{legend:{data:["邮件营销","联盟广告"]},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},toolbox:{feature:{saveAsImage:{}}},xAxis:{type:"category",boundaryGap:!1,data:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]},yAxis:{type:"value"},series:[{name:"邮件营销",type:"line",stack:"总量",itemStyle:{color:"rgb(25, 190, 107)"},smooth:!0,data:[7,6.9,9.5,12.5,18.2,21.5,22.5,23.3,18.3,13.9,9.6]},{name:"联盟广告",type:"line",stack:"总量",smooth:!0,itemStyle:{color:"rgb(92, 173, 255)"},data:[7,6.9,9.5,14.5,18.2,21.5,22.5,21.3,18.3,13.9,9.6]}]}};t["a"]=i},"44c3":function(e,t,a){"use strict";a.r(t);var i=a("7a23");const l=e=>(Object(i["Q"])("data-v-c69a035e"),e=e(),Object(i["O"])(),e),n={class:"m-charts"},o=l(()=>Object(i["o"])("span",null,[Object(i["o"])("i",{class:"el-icon-date"}),Object(i["r"])(" 柱状图 ")],-1)),c=l(()=>Object(i["o"])("span",null,[Object(i["o"])("i",{class:"el-icon-date"}),Object(i["r"])(" 饼状图 ")],-1)),b=l(()=>Object(i["o"])("span",null,[Object(i["o"])("i",{class:"el-icon-date"}),Object(i["r"])(" 折线图 ")],-1));function d(e,t,a,l,d,s){const r=Object(i["W"])("el-tab-pane"),m=Object(i["W"])("el-tabs");return Object(i["N"])(),Object(i["n"])("div",n,[Object(i["s"])(m,{modelValue:d.name,"onUpdate:modelValue":t[0]||(t[0]=e=>d.name=e),onTabClick:s.tabClick,type:"border-card",style:{height:"100%",width:"100%","box-shadow":"none"}},{default:Object(i["nb"])(()=>[Object(i["s"])(r,{name:"bar"},{label:Object(i["nb"])(()=>[o]),default:Object(i["nb"])(()=>[Object(i["o"])("div",{style:Object(i["E"])({height:d.heigth+"px",width:d.width+"px"}),id:"bar-0001"},null,4)]),_:1}),Object(i["s"])(r,{name:"pie",lazy:!1,label:"消息中心"},{label:Object(i["nb"])(()=>[c]),default:Object(i["nb"])(()=>[Object(i["o"])("div",{style:Object(i["E"])({height:d.heigth+"px",width:d.width+"px"}),id:"pie-0001"},null,4)]),_:1}),Object(i["s"])(r,{name:"line",lazy:!1,label:"角色管理"},{label:Object(i["nb"])(()=>[b]),default:Object(i["nb"])(()=>[Object(i["o"])("div",{style:Object(i["E"])({height:d.heigth+"px",width:d.width+"px"}),id:"line-0001"},null,4)]),_:1})]),_:1},8,["modelValue","onTabClick"])])}var s=a("2169");let r,m,p,h=a("313e");var u={mounted(){r=h.init(document.getElementById("bar-0001")),r.setOption(this.options.bar)},created(){this.heigth=document.documentElement.clientHeight-190,this.width=document.documentElement.clientWidth-240},methods:{tabClick(e){"pie"==e.props.name?m||(m=h.init(document.getElementById("pie-0001")),m.setOption(this.options.pie)):"line"==e.props.name&&(p||(p=h.init(document.getElementById("line-0001")),p.setOption(this.options.line)))}},data(){return{name:"bar",heigth:450,width:1e3,options:s["a"]}}},O=(a("49a9"),a("6b0d")),g=a.n(O);const y=g()(u,[["render",d],["__scopeId","data-v-c69a035e"]]);t["default"]=y},"49a9":function(e,t,a){"use strict";a("eabb")},eabb:function(e,t,a){}}]);
|
