2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
import{a$ as c,C as r,D as B,aJ as n,b2 as s,aG as g,b4 as v,b1 as C,E as F,b3 as p,aV as x,bx as y,bs as b,cy as D,b_ as V,bZ as $}from"./arco.f3c60d68.js";import{_ as d}from"./index.76a66f15.js";/* empty css */const w={components:{},data(){return{trafficChartOption:{},loading:!1}},props:{timeFilter:{type:[Object,Array],default:()=>[]}},watch:{timeFilter:{deep:!0,handler(a,u){this.getData()}}},computed:{},mounted(){this.getData()},methods:{getData(){this.loading=!0,this.$request.post("admin/data/traffic/trend",this.timeFilter).then(a=>{this.loading=!1,this.data=a.data;var u={tooltip:{trigger:"axis"},yAxis:{type:"value"},xAxis:{type:"category",boundaryGap:!1,data:[]},legend:{data:[]},categories:[],series:[]},e={store_uv:{name:"\u5E97\u94FA\u8BBF\u5BA2\u6570(UV)",type:"line",data:[]},store_pv:{name:"\u5E97\u94FA\u6D4F\u89C8\u91CF(PV)",type:"line",data:[]},product_uv:{name:"\u5546\u54C1\u8BBF\u5BA2\u6570",type:"line",data:[]},product_pv:{name:"\u5546\u54C1\u6D4F\u89C8\u91CF",type:"line",stack:"Total",data:[]}};for(var o in a.data){u.xAxis.data.push(o),u.categories.push(o);for(var t in e)a.data[o].hasOwnProperty(t)&&(u.legend.data.push(e[t].name),e[t].data.push(a.data[o][t])),e[t].type="line",e[t].smooth=!0}for(var t in e)e[t].data&&u.series.push(e[t]);u.title={text:"\u8BBF\u95EE\u8D8B\u52BF",textStyle:{fontSize:14,fontStyle:"normal",fontWeight:"normal",color:"#333"}},this.trafficChartOption=u})}}};function S(a,u,e,o,t,E){const i=c("Chart");return r(),B("div",null,[n(i,{height:"300px",style:{"margin-top":"40px"},option:t.trafficChartOption},null,8,["option"])])}const L=d(w,[["render",S]]),O={components:{},data(){return{loading:!1,list:[{name:"store_uv",label:"\u5E97\u94FA\u8BBF\u5BA2\u6570(UV)",val:0,tip:"\u7B5B\u9009\u65F6\u95F4\u5185\uFF0C\u8BBF\u95EE\u5E97\u94FA\u7684\u7528\u6237\u6570\uFF08\u4E00\u4E2A\u7528\u6237\u5728\u7B5B\u9009\u65F6\u95F4\u5185\u591A\u6B21\u8BBF\u95EE\u8BB0\u4E3A\u4E00\u4EBA\uFF09\u3002\u5305\u62EC\u514D\u767B\u5F55\u8BBF\u95EE\u6A21\u5F0F\u4E0B\u672A\u767B\u5F55\u7684\u8BBF\u95EE\u7528\u6237\u3002"},{name:"store_pv",label:"\u5E97\u94FA\u6D4F\u89C8\u91CF(PV)",val:0,tip:"\u7B5B\u9009\u65F6\u95F4\u5185\uFF0C\u5E97\u94FA\u88AB\u8BBF\u95EE\u7684\u6B21\u6570\uFF08\u4E00\u4E2A\u7528\u6237\u5728\u7B5B\u9009\u65F6\u95F4\u5185\u8BBF\u95EE\u591A\u6B21\u8BB0\u4E3A\u591A\u6B21\uFF09\u3002\u5305\u62EC\u514D\u767B\u5F55\u8BBF\u95EE\u6A21\u5F0F\u4E0B\u672A\u767B\u5F55\u7528\u6237\u7684\u6D4F\u89C8\u6570\u636E\u3002"},{name:"product_uv",label:"\u5546\u54C1\u8BBF\u5BA2\u6570",val:0,tip:"\u7B5B\u9009\u65F6\u95F4\u5185\uFF0C\u8BBF\u95EE\u4EFB\u4F55\u5546\u54C1\u9875\u9762\u7684\u7528\u6237\u6570\uFF08\u4E00\u4E2A\u7528\u6237\u5728\u7B5B\u9009\u65F6\u95F4\u5185\u8BBF\u95EE\u591A\u6B21\u8BB0\u4E3A\u4E00\u4EBA\uFF09\u3002\u5305\u62EC\u514D\u767B\u5F55\u8BBF\u95EE\u6A21\u5F0F\u4E0B\u672A\u767B\u5F55\u7684\u8BBF\u95EE\u7528\u6237\u3002"},{name:"product_pv",label:"\u5546\u54C1\u6D4F\u89C8\u91CF",val:0,tip:"\u7B5B\u9009\u65F6\u95F4\u5185\uFF0C\u6240\u6709\u5546\u54C1\u9875\u9762\u88AB\u8BBF\u95EE\u7684\u6B21\u6570\uFF08\u4E00\u4E2A\u7528\u6237\u5728\u7B5B\u9009\u65F6\u95F4\u5185\u8BBF\u95EE\u591A\u6B21\u8BB0\u4E3A\u591A\u6B21\uFF09\u3002\u5305\u62EC\u514D\u767B\u5F55\u8BBF\u95EE\u6A21\u5F0F\u4E0B\u672A\u767B\u5F55\u7528\u6237\u7684\u6D4F\u89C8\u6570\u636E\u3002"}]}},props:{timeFilter:{type:[Object,Array],default:()=>[]}},watch:{timeFilter:{deep:!0,handler(a,u){this.getData()}}},computed:{},mounted(){this.getData()},methods:{getData(){this.loading=!0,this.$request.post("admin/data/traffic/total",this.timeFilter).then(a=>{for(var u in this.list)this.list[u].val=a.data[this.list[u].name]})}}},G={class:"study-data-item",style:{padding:"20px 0 20px 20px",width:"100%"}},P={style:{color:"rgb(var(--gray-6))"}},T={class:"data-item-label"};function N(a,u,e,o,t,E){const i=c("icon-info-circle"),_=y,m=b,h=D,f=V,A=$;return r(),B("div",null,[n(A,{cols:24,"row-gap":1,"col-gap":1,style:{width:"80%",margin:"0 auto"}},{default:s(()=>[(r(!0),B(g,null,v(t.list,l=>(r(),C(f,{class:"panel-col",span:{xs:12,sm:12,md:12,lg:6,xl:6,xxl:6}},{default:s(()=>[F("div",G,[n(h,{value:l.val,precision:0,"value-from":0,animation:"","value-style":{color:"rgb(var(--gray-9))",fontWeight:700,fontSize:"24px"}},{title:s(()=>[F("div",P,[n(m,null,{default:s(()=>[F("span",T,p(l.label),1),n(_,null,{content:s(()=>[x(p(l.tip),1)]),default:s(()=>[n(i)]),_:2},1024)]),_:2},1024)])]),_:2},1032,["value"])])]),_:2},1024))),256))]),_:1})])}const U=d(O,[["render",N]]);export{U as a,L as t};
|