| 1 |
- import{d as T,r as G,o as H,j as X,w as J,k as e,i as L,a as s,B as S,c as V,t,e5 as o,aY as W,K as Z}from"./index-03f5d926.js";import{E as $}from"./el-card-0ac51a7f.js";import{_ as ee}from"./index.vue_vue_type_script_setup_true_lang-179445ea.js";import{c as se}from"./member-d6cd9f44.js";import{C as le}from"./CardTitle-e19a44c8.js";import{_ as te}from"./_plugin-vue_export-helper-1b428a4d.js";import"./formatTime-f911d219.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"},ue={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"},de={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"},Fe={class:"font-bold"},Me={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"},ke={class:"text-6 font-bold"},Be=te(T({name:"MemberFunnelCard",__name:"MemberFunnelCard",setup(Ee){const r=G(!0),l=G(),N=async i=>{r.value=!0,l.value=await se({times:i}),r.value=!1};return(i,a)=>{const P=ee,Q=$,R=Z;return H(),X(Q,{shadow:"never"},{header:J(()=>[e("div",ae,[L(s(le),{title:"\u4F1A\u5458\u6982\u89C8"}),L(P,{onChange:N})])]),default:J(()=>{var n,c,f,u,d,m,v,x,p,w,h,b,g,C,y,U,j,_,z,F,M,k,B,E,I,K,O,Y,q,A,D;return[S((H(),V("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=(d=(u=s(l))==null?void 0:u.comparison)==null?void 0:d.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",ue,[e("span",de,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(((F=s(l))==null?void 0:F.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(((B=(k=(M=s(l))==null?void 0:M.comparison)==null?void 0:k.value)==null?void 0:B.rechargeUserCount)||0),1),e("div",_e," \u73AF\u6BD4\u589E\u957F\u7387\uFF1A"+t(s(o)((K=(I=(E=s(l))==null?void 0:E.comparison)==null?void 0:I.value)==null?void 0:K.rechargeUserCount,(q=(Y=(O=s(l))==null?void 0:O.comparison)==null?void 0:Y.reference)==null?void 0:q.rechargeUserCount))+"% ",1)]),e("div",ze,[e("div",Fe,"\u5BA2\u5355\u4EF7\uFF1A"+t(s(W)(((A=s(l))==null?void 0:A.atv)||0)),1)])])]),e("div",Me,[e("span",ke,t(((D=s(l))==null?void 0:D.payUserCount)||0),1),a[2]||(a[2]=e("span",null,"\u6210\u4EA4\u7528\u6237",-1))])])])),[[R,s(r)]])]}),_:1})}}}),[["__scopeId","data-v-ad5de961"]]);export{Be as default};
|
