| 1 |
- import{d as S,r as H,o as J,A as T,B as K,C as e,f as L,a as s,l as V,c as W,D as t,ed as o,dD as Y,X as Z}from"./index-b9299550.js";import{E as $}from"./el-card-0ae6fb5f.js";import{_ as ee}from"./index.vue_vue_type_script_setup_true_lang-edeaa63e.js";import{c as se}from"./member-10bd79e3.js";import{C as le}from"./CardTitle-19655077.js";import{_ as te}from"./_plugin-vue_export-helper-1b428a4d.js";import"./formatTime-988372b6.js";const ae={class:"my--1.5 flex flex-row items-center justify-between"},re={class:"min-w-225 py-1.75"},oe={class:"relative h-24 flex"},ie={class:"h-full w-75% bg-blue-50 <lg:w-35% <xl:w-55%"},ne={class:"ml-15 h-full flex flex-col justify-center"},ce={class:"font-bold"},fe={class:"mt-2 text-3.5"},de={class:"trapezoid1 ml--38.5 mt-1.5 h-full w-77 flex flex-col items-center justify-center bg-blue-5 text-3.5 text-white"},ue={class:"text-6 font-bold"},me={class:"relative h-24 flex"},ve={class:"h-full w-75% flex bg-cyan-50 <lg:w-35% <xl:w-55%"},xe={class:"ml-15 h-full flex flex-col justify-center"},pe={class:"font-bold"},we={class:"mt-2 text-3.5"},he={class:"trapezoid2 ml--28 mt-1.7 h-25 w-56 flex flex-col items-center justify-center bg-cyan-5 text-3.5 text-white"},be={class:"text-6 font-bold"},ge={class:"relative h-24 flex"},Ce={class:"w-75% flex bg-slate-50 <lg:w-35% <xl:w-55%"},ye={class:"ml-15 h-full flex flex-row gap-x-16"},Ue={class:"flex flex-col justify-center"},je={class:"font-bold"},_e={class:"mt-2 text-3.5"},ze={class:"flex flex-col justify-center"},De={class:"font-bold"},Fe={class:"trapezoid3 ml--18 mt-3.25 h-23 w-36 flex flex-col items-center justify-center bg-slate-5 text-3.5 text-white"},Me={class:"text-6 font-bold"},Ae=te(S({name:"MemberFunnelCard",__name:"MemberFunnelCard",setup(Be){const r=H(!0),l=H(),N=async i=>{r.value=!0,l.value=await se({times:i}),r.value=!1};return(i,a)=>{const O=ee,Q=$,R=Z;return J(),T(Q,{shadow:"never"},{header:K(()=>[e("div",ae,[L(s(le),{title:"\u4F1A\u5458\u6982\u89C8"}),L(O,{onChange:N})])]),default:K(()=>{var n,c,f,d,u,m,v,x,p,w,h,b,g,C,y,U,j,_,z,D,F,M,A,B,E,I,P,X,k,q,G;return[V((J(),W("div",re,[e("div",oe,[e("div",ie,[e("div",ne,[e("div",ce," \u6CE8\u518C\u7528\u6237\u6570\u91CF\uFF1A"+t(((f=(c=(n=s(l))==null?void 0:n.comparison)==null?void 0:c.value)==null?void 0:f.registerUserCount)||0),1),e("div",fe," \u73AF\u6BD4\u589E\u957F\u7387\uFF1A"+t(s(o)((m=(u=(d=s(l))==null?void 0:d.comparison)==null?void 0:u.value)==null?void 0:m.registerUserCount,(p=(x=(v=s(l))==null?void 0:v.comparison)==null?void 0:x.reference)==null?void 0:p.registerUserCount))+"% ",1)])]),e("div",de,[e("span",ue,t(((w=s(l))==null?void 0:w.visitUserCount)||0),1),a[0]||(a[0]=e("span",null,"\u8BBF\u5BA2",-1))])]),e("div",me,[e("div",ve,[e("div",xe,[e("div",pe," \u6D3B\u8DC3\u7528\u6237\u6570\u91CF\uFF1A"+t(((g=(b=(h=s(l))==null?void 0:h.comparison)==null?void 0:b.value)==null?void 0:g.visitUserCount)||0),1),e("div",we," \u73AF\u6BD4\u589E\u957F\u7387\uFF1A"+t(s(o)((U=(y=(C=s(l))==null?void 0:C.comparison)==null?void 0:y.value)==null?void 0:U.visitUserCount,(z=(_=(j=s(l))==null?void 0:j.comparison)==null?void 0:_.reference)==null?void 0:z.visitUserCount))+"% ",1)])]),e("div",he,[e("span",be,t(((D=s(l))==null?void 0:D.orderUserCount)||0),1),a[1]||(a[1]=e("span",null,"\u4E0B\u5355",-1))])]),e("div",ge,[e("div",Ce,[e("div",ye,[e("div",Ue,[e("div",je," \u5145\u503C\u7528\u6237\u6570\u91CF\uFF1A"+t(((A=(M=(F=s(l))==null?void 0:F.comparison)==null?void 0:M.value)==null?void 0:A.rechargeUserCount)||0),1),e("div",_e," \u73AF\u6BD4\u589E\u957F\u7387\uFF1A"+t(s(o)((I=(E=(B=s(l))==null?void 0:B.comparison)==null?void 0:E.value)==null?void 0:I.rechargeUserCount,(k=(X=(P=s(l))==null?void 0:P.comparison)==null?void 0:X.reference)==null?void 0:k.rechargeUserCount))+"% ",1)]),e("div",ze,[e("div",De,"\u5BA2\u5355\u4EF7\uFF1A"+t(s(Y)(((q=s(l))==null?void 0:q.atv)||0)),1)])])]),e("div",Fe,[e("span",Me,t(((G=s(l))==null?void 0:G.payUserCount)||0),1),a[2]||(a[2]=e("span",null,"\u6210\u4EA4\u7528\u6237",-1))])])])),[[R,s(r)]])]}),_:1})}}}),[["__scopeId","data-v-ad5de961"]]);export{Ae as default};
|
