| 1 |
- import x from"./number-info-DZX_bUsr.js";import{R as h,L as S}from"./index-BS3-X_do.js";import{f as u,o as v,a2 as c,a5 as p,a9 as b,aa as e,k as t,H as k,u as C,F as D,aj as F,a3 as T,G as w,ad as B}from"./vue-DApy1uhY.js";import{_ as N}from"./index-CL6hUm94.js";import{T as R,J as $,a8 as E,a9 as L,a7 as V}from"./antd-B7v2hwFR.js";import"./vec2-DjBoYTHr.js";const A={__name:"custom-ring-progress",props:{percent:{type:Number,default:0}},setup(o){const a=o,n=u();return v(()=>{new h(n.value,{height:60,width:60,autoFit:!0,percent:a.percent,innerRadius:.7,color:["#fab120","#E8EDF3"],statistic:{content:!1}}).render()}),(s,d)=>(p(),c("div",{ref_key:"container",ref:n},null,512))}},I={__name:"custom-line",props:{offlineChartData:{type:Array}},setup(o){const a=o,n=u();return v(()=>{new S(n.value,{data:a.offlineChartData,padding:"auto",xField:"date",yField:"value",xAxis:{tickCount:5},seriesField:"type",legend:{position:"top"},slider:{start:.1,end:.5}}).render()}),(s,d)=>(p(),c("div",{ref_key:"container",ref:n},null,512))}},K={style:{padding:"0 24px"}},j={__name:"offline-data",props:{loading:{type:Boolean,default:!1}},setup(o){const a=u();function n(){}const s=[{name:"Stores 0",cvr:.9},{name:"Stores 1",cvr:.9},{name:"Stores 2",cvr:.2},{name:"Stores 3",cvr:.1},{name:"Stores 4",cvr:.1},{name:"Stores 5",cvr:.2},{name:"Stores 6",cvr:.3},{name:"Stores 7",cvr:.7},{name:"Stores 8",cvr:.9},{name:"Stores 9",cvr:.6}],d=[{date:"03:26",type:"客流量",value:36},{date:"03:26",type:"支付笔数",value:53},{date:"03:56",type:"客流量",value:98},{date:"03:56",type:"支付笔数",value:31},{date:"04:26",type:"客流量",value:62},{date:"04:26",type:"支付笔数",value:109},{date:"04:56",type:"客流量",value:76},{date:"04:56",type:"支付笔数",value:11},{date:"05:26",type:"客流量",value:39},{date:"05:26",type:"支付笔数",value:56},{date:"05:56",type:"客流量",value:52},{date:"05:56",type:"支付笔数",value:98},{date:"06:26",type:"客流量",value:29},{date:"06:26",type:"支付笔数",value:101},{date:"06:56",type:"客流量",value:10},{date:"06:56",type:"支付笔数",value:13},{date:"07:26",type:"客流量",value:29},{date:"07:26",type:"支付笔数",value:62},{date:"07:56",type:"客流量",value:70},{date:"07:56",type:"支付笔数",value:20},{date:"08:26",type:"客流量",value:21},{date:"08:26",type:"支付笔数",value:41},{date:"08:56",type:"客流量",value:86},{date:"08:56",type:"支付笔数",value:104},{date:"09:26",type:"客流量",value:91},{date:"09:26",type:"支付笔数",value:76},{date:"09:56",type:"客流量",value:31},{date:"09:56",type:"支付笔数",value:72},{date:"10:26",type:"客流量",value:14},{date:"10:26",type:"支付笔数",value:37},{date:"10:56",type:"客流量",value:45},{date:"10:56",type:"支付笔数",value:106},{date:"11:26",type:"客流量",value:31},{date:"11:26",type:"支付笔数",value:69},{date:"11:56",type:"客流量",value:99},{date:"11:56",type:"支付笔数",value:103},{date:"12:26",type:"客流量",value:49},{date:"12:26",type:"支付笔数",value:33},{date:"12:56",type:"客流量",value:86},{date:"12:56",type:"支付笔数",value:23}];return(G,l)=>{const i=L,y=E,_=$,f=R,m=V;return p(),b(m,{loading:o.loading,class:"offlineCard",bordered:!1,style:{marginTop:"32px"}},{default:e(()=>[t(f,{"active-key":C(a),"onUpdate:activeKey":l[0]||(l[0]=r=>k(a)?a.value=r:null),onChange:n},{default:e(()=>[(p(),c(D,null,F(s,(r,g)=>t(_,{key:g},{tab:e(()=>[t(y,{gutter:8,style:{width:"138px",margin:"8px 0"}},{default:e(()=>[t(i,{span:12},{default:e(()=>[t(x,{title:r.name,gap:2,total:`${r.cvr*100}%`},{subTitle:e(()=>l[1]||(l[1]=[w(B("转化率"))])),_:2},1032,["title","total"])]),_:2},1024),t(i,{span:12,style:{paddingTop:"36px"}},{default:e(()=>[t(A,{percent:r.cvr},null,8,["percent"])]),_:2},1024)]),_:2},1024)]),default:e(()=>[T("div",K,[t(I,{"offline-chart-data":d})])]),_:2},1024)),64))]),_:1},8,["active-key"])]),_:1},8,["loading"])}}},q=N(j,[["__scopeId","data-v-a72f50ea"]]);export{q as default};
|
