2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
import{i as E}from"./index-30e9b5a1.js";import{u as M,b as z,a as j,c as B,s as T,e as I,d as N,f as F,n as O,o as V,G as g}from"./story-4-40400207.js";import{a as x}from"./useDataTime-083dad6f.js";import{S as b}from"./index-d692d775.js";import{d as q,g as y,h as w,v as A,O as G,P as J,o as s,c as i,a as t,F as c,n as L,i as d,w as p,b as D,j as h,t as r,k}from"./index-157892ef.js";import{T as S}from"./isSymbol-d560f493.js";import"./_plugin-vue_export-helper-b335f697.js";import"./index-bc659f42.js";import"./vnode-4a81629f.js";const U={class:"m-2 md:m-5 bg-white p-2 md:p-3 rounded-xl"},H=t("h2",{class:"text-xl font-bold mb-4"},"نمای کلی مشترکین",-1),K={class:"grid grid-cols-1 md:grid-cols-4 gap-3"},Q={class:"flex"},W=["src","alt"],X={class:"flex flex-col justify-between w-full mr-2"},Y={class:"text-base font-bold"},Z={class:"flex items-center justify-end min-h-[24px]"},$={class:"text-base font-bold"},tt={key:0,class:"mr-1"},et={class:"grid grid-cols-1 md:grid-cols-4 gap-3 mt-3"},st={class:"flex"},at=["src","alt"],lt={class:"flex flex-col justify-between w-full mr-2"},ot={class:"text-base font-bold"},it={class:"flex items-center justify-end min-h-[24px]"},rt={class:"text-base font-bold"},nt={key:0,class:"mr-1"},ut={class:"border-solid border-1 border-gray-200 rounded-lg p-6 mt-3"},ct=t("div",{class:"flex flex-col gap-3 md:flex-row md:justify-between md:items-center mb-2"},[t("span",{class:"text-lg font-bold"},"نمودار پایان اشتراک")],-1),bt=q({__name:"index",setup(dt){const u=y(!0),m=y(null);let a=null;const l=y({nearestExpiryDate:null,farthestExpiryDate:null,oneMonthPurchasesLast7Days:0,oneMonthPurchasesLast30Days:0,threeMonthPurchasesLast7Days:0,threeMonthPurchasesLast30Days:0,renewalsLast7Days:0,renewalsLast30Days:0});function _(o){if(!o)return"—";try{return x(o.split("T")[0])}catch{return"—"}}const C=w(()=>[{title:"تاریخ اولین انقضا",alt:"nearest-expiry",image:M,value:_(l.value.nearestExpiryDate),unit:"",tooltip:"نزدیک‌ترین تاریخ انقضای پیش‌روی اشتراک‌های فعال"},{title:"خرید پلن یک‌ماهه ۷ روز",alt:"month-7",image:z,value:l.value.oneMonthPurchasesLast7Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد خرید پلن یک‌ماهه در ۷ روز گذشته"},{title:"خرید پلن یک‌ماهه ۳۰ روز",alt:"month-30",image:j,value:l.value.oneMonthPurchasesLast30Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد خرید پلن یک‌ماهه در ۳۰ روز گذشته"},{title:"تمدید ۷ روز گذشته",alt:"renew-7",image:B,value:l.value.renewalsLast7Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد تمدید اشتراک در ۷ روز گذشته"}]),P=w(()=>[{title:"تاریخ آخرین انقضا",alt:"farthest-expiry",image:T,value:_(l.value.farthestExpiryDate),unit:"",tooltip:"دورترین تاریخ انقضای اشتراک‌های فعال"},{title:"خرید پلن سه‌ماهه ۷ روز",alt:"quarter-7",image:I,value:l.value.threeMonthPurchasesLast7Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد خرید پلن سه‌ماهه در ۷ روز گذشته"},{title:"خرید پلن سه‌ماهه ۳۰ روز",alt:"quarter-30",image:N,value:l.value.threeMonthPurchasesLast30Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد خرید پلن سه‌ماهه در ۳۰ روز گذشته"},{title:"تمدید ۳۰ روز گذشته",alt:"renew-30",image:F,value:l.value.renewalsLast30Days.toLocaleString("fa-IR"),unit:"مورد",tooltip:"تعداد تمدید اشتراک در ۳۰ روز گذشته"}]);function R(o,n){m.value&&(a||(a=E(m.value)),a.setOption({tooltip:{trigger:"axis"},grid:{left:40,right:20,top:30,bottom:40},xAxis:{type:"category",data:o,axisLabel:{rotate:30,fontSize:11}},yAxis:{type:"value",minInterval:1},series:[{name:"پایان اشتراک",type:"bar",data:n,itemStyle:{color:"#3B82F6",borderRadius:[4,4,0,0]}}]},!0))}const v=()=>a==null?void 0:a.resize();return A(async()=>{u.value=!0;try{const[o,n]=await Promise.all([O(),V(30)]);l.value=o,await G(),R(n.map(e=>x(e.day)),n.map(e=>e.endingCount))}catch{}finally{u.value=!1}window.addEventListener("resize",v)}),J(()=>{window.removeEventListener("resize",v),a==null||a.dispose(),a=null}),(o,n)=>(s(),i("div",U,[H,t("div",K,[(s(!0),i(c,null,L(C.value,(e,f)=>(s(),d(g,{class:"h-[120px] p-5",key:"b1-"+f},{default:p(()=>[D(h(S),{title:e.tooltip,placement:"top"},{default:p(()=>[t("div",Q,[t("div",null,[t("img",{class:"w-20 h-20",src:e.image,alt:e.alt},null,8,W)]),t("div",X,[t("div",null,[t("span",Y,r(e.title),1)]),t("div",Z,[u.value?(s(),d(h(b),{key:0,size:"small"})):(s(),i(c,{key:1},[t("span",$,r(e.value),1),e.unit?(s(),i("span",tt,r(e.unit),1)):k("",!0)],64))])])])]),_:2},1032,["title"])]),_:2},1024))),128))]),t("div",et,[(s(!0),i(c,null,L(P.value,(e,f)=>(s(),d(g,{class:"h-[120px] p-5",key:"b2-"+f},{default:p(()=>[D(h(S),{title:e.tooltip,placement:"top"},{default:p(()=>[t("div",st,[t("div",null,[t("img",{class:"w-20 h-20",src:e.image,alt:e.alt},null,8,at)]),t("div",lt,[t("div",null,[t("span",ot,r(e.title),1)]),t("div",it,[u.value?(s(),d(h(b),{key:0,size:"small"})):(s(),i(c,{key:1},[t("span",rt,r(e.value),1),e.unit?(s(),i("span",nt,r(e.unit),1)):k("",!0)],64))])])])]),_:2},1032,["title"])]),_:2},1024))),128))]),t("div",ut,[ct,t("div",{ref_key:"chartContainer",ref:m,style:{width:"100%",height:"320px"}},null,512)])]))}});export{bt as default};
|