2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{u as b,b as R,c as C,a as k,s as S,e as L,d as I,f as U,p as j,G as p}from"./story-4-c3cca373.js";import{S as _}from"./index-f14a229e.js";import{d as B,g as v,h as f,v as z,o as a,c as l,a as t,F as i,n as g,i as r,w as n,b as h,j as c,t as u}from"./index-b8949cd5.js";import{T as x}from"./isSymbol-71c709aa.js";import"./_plugin-vue_export-helper-80a7ceaa.js";import"./vnode-30b649a7.js";const F={class:"m-2 md:m-5 bg-white p-2 md:p-3 rounded-xl"},G=t("h2",{class:"text-xl font-bold mb-4"},"سگمنت کاربران",-1),N={class:"grid grid-cols-1 md:grid-cols-4 gap-3"},T={class:"flex"},V=["src","alt"],D={class:"flex flex-col justify-between w-full mr-2"},E={class:"text-base font-bold"},M={class:"flex items-center justify-end min-h-[24px]"},O={class:"text-base font-bold"},q=t("span",{class:"mr-1"},"نفر",-1),A={class:"grid grid-cols-1 md:grid-cols-4 gap-3 mt-3"},H={class:"flex"},J=["src","alt"],K={class:"flex flex-col justify-between w-full mr-2"},P={class:"text-base font-bold"},Q={class:"flex items-center justify-end min-h-[24px]"},W={class:"text-base font-bold"},X=t("span",{class:"mr-1"},"نفر",-1),ot=B({__name:"index",setup(Y){const o=v(!0),s=v({rawRegistration:0,warmUser:0,newCustomer:0,lostUser:0,activeCustomer:0,inactiveCustomer:0,churnRiskCustomer:0,expiredUser:0}),w=f(()=>[{title:"ثبت‌نام خام",alt:"raw-registration",image:b,value:s.value.rawRegistration.toLocaleString("fa-IR"),tooltip:"ثبت‌نام کرده و هیچ چالشی شروع نکرده"},{title:"کاربر گرم",alt:"warm-user",image:R,value:s.value.warmUser.toLocaleString("fa-IR"),tooltip:"چالش رایگان شروع کرده و هنوز خرید نکرده"},{title:"مشتری جدید",alt:"new-customer",image:C,value:s.value.newCustomer.toLocaleString("fa-IR"),tooltip:"در ۷ روز اخیر برای اولین بار اشتراک گرفته"},{title:"کاربر از دست رفته",alt:"lost-user",image:k,value:s.value.lostUser.toLocaleString("fa-IR"),tooltip:"بیش از ۳۰ روز وارد اپ نشده"}]),y=f(()=>[{title:"مشتری فعال",alt:"active-customer",image:S,value:s.value.activeCustomer.toLocaleString("fa-IR"),tooltip:"اشتراک فعال و انجام چالش در ۷ روز اخیر"},{title:"مشتری غیرفعال",alt:"inactive-customer",image:L,value:s.value.inactiveCustomer.toLocaleString("fa-IR"),tooltip:"اشتراک فعال و عدم انجام چالش در ۷ روز اخیر"},{title:"در معرض ریزش",alt:"churn-risk",image:I,value:s.value.churnRiskCustomer.toLocaleString("fa-IR"),tooltip:"اشتراک فعال و عدم انجام چالش در ۱۵ روز اخیر"},{title:"منقضی‌شده",alt:"expired-user",image:U,value:s.value.expiredUser.toLocaleString("fa-IR"),tooltip:"اشتراک تمام شده و تمدید نکرده"}]);return z(async()=>{o.value=!0;try{const d=await j();d&&(s.value=d)}finally{o.value=!1}}),(d,Z)=>(a(),l("div",F,[G,t("div",N,[(a(!0),l(i,null,g(w.value,(e,m)=>(a(),r(p,{class:"h-[120px] p-5",key:"seg1-"+m},{default:n(()=>[h(c(x),{title:e.tooltip,placement:"top"},{default:n(()=>[t("div",T,[t("div",null,[t("img",{class:"w-20 h-20",src:e.image,alt:e.alt},null,8,V)]),t("div",D,[t("div",null,[t("span",E,u(e.title),1)]),t("div",M,[o.value?(a(),r(c(_),{key:0,size:"small"})):(a(),l(i,{key:1},[t("span",O,u(e.value),1),q],64))])])])]),_:2},1032,["title"])]),_:2},1024))),128))]),t("div",A,[(a(!0),l(i,null,g(y.value,(e,m)=>(a(),r(p,{class:"h-[120px] p-5",key:"seg2-"+m},{default:n(()=>[h(c(x),{title:e.tooltip,placement:"top"},{default:n(()=>[t("div",H,[t("div",null,[t("img",{class:"w-20 h-20",src:e.image,alt:e.alt},null,8,J)]),t("div",K,[t("div",null,[t("span",P,u(e.title),1)]),t("div",Q,[o.value?(a(),r(c(_),{key:0,size:"small"})):(a(),l(i,{key:1},[t("span",W,u(e.value),1),X],64))])])])]),_:2},1032,["title"])]),_:2},1024))),128))])]))}});export{ot as default};
|