https://www.volumn.ai/_next/static/chunks/55932.a114ef097bcf498c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55932],{55932:(e,t,s)=>{s.r(t),s.d(t,{TabUserAnalytics:()=>l,default:()=>n});var a=s(53757);s(24361);var i=s(94885),d=s(79428);function l(e){let{activeTab:t,allowed:s,authError:l,authReady:n,count:c,disabled:r,items:x,key:o,label:p,loadUserAnalytics:h,map:m,percent:b,row:g,rows:j,text:z,title:u,total:k,totals:N,type:f,userAnalyticsData:v,userAnalyticsError:y,userAnalyticsLoading:w,userAnalyticsSections:L,value:S}=e;return(0,a.jsxs)("section",{className:"space-y-5",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(i.A,{className:"h-4 w-4 text-zinc-500"}),(0,a.jsx)("h2",{className:"text-sm font-semibold",children:"用户分析"})]}),(0,a.jsx)("button",{type:"button",onClick:()=>void h(),disabled:w,className:"text-xs text-zinc-500 underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-60 dark:text-zinc-400",children:"刷新"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2 rounded-md bg-zinc-50 px-3 py-2 text-[11px] text-zinc-500 dark:bg-zinc-900/60 dark:text-zinc-300",children:[(0,a.jsx)("span",{children:"统计 onboarding_profile 的业务类型、目标与活跃平台。"}),v?(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,a.jsxs)("span",{children:["扫描 ",v.totals.scanned.toLocaleString()," / ",v.totals.maxRows.toLocaleString()]}),(0,a.jsxs)("span",{children:["有画像 ",v.totals.profileRows.toLocaleString()]}),(0,a.jsxs)("span",{children:["完成 onboarding ",v.totals.completedRows.toLocaleString()]}),(0,a.jsx)("span",{children:v.totals.truncated?"已截断":"未截断"})]}):null]}),w&&(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-md bg-zinc-50 px-3 py-2 text-xs text-zinc-500 dark:bg-zinc-900/60 dark:text-zinc-300",children:[(0,a.jsx)(d.A,{className:"h-3.5 w-3.5 animate-spin"}),(0,a.jsx)("span",{children:"加载统计..."})]}),y&&(0,a.jsx)("div",{className:"rounded-md bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-900/20 dark:text-red-300",children:y}),L?(0,a.jsx)("div",{className:"grid gap-4 lg:grid-cols-3",children:[{key:"business",title:"业务类型分布",value:L.business},{key:"goals",title:"目标分布",value:L.goals},{key:"platforms",title:"平台分布",value:L.platforms}].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900",children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-2",children:[(0,a.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-zinc-400",children:e.title}),(0,a.jsx)("div",{className:"text-xs font-semibold text-zinc-700 dark:text-zinc-200",children:e.value.total.toLocaleString()})]}),(0,a.jsx)("div",{className:"overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800",children:(0,a.jsxs)("table",{className:"w-full text-left text-xs",children:[(0,a.jsx)("thead",{className:"bg-zinc-50 text-[10px] uppercase tracking-wide text-zinc-500 dark:bg-zinc-900/60 dark:text-zinc-400",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-3 py-2",children:"选项"}),(0,a.jsx)("th",{className:"px-3 py-2 text-right",children:"人数"}),(0,a.jsx)("th",{className:"px-3 py-2 text-right",children:"占比"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-zinc-200 dark:divide-zinc-800",children:e.value.rows.map(e=>(0,a.jsxs)("tr",{className:"hover:bg-zinc-50/70 dark:hover:bg-zinc-900/60",children:[(0,a.jsx)("td",{className:"px-3 py-2 text-zinc-700 dark:text-zinc-200",children:e.label}),(0,a.jsx)("td",{className:"px-3 py-2 text-right text-zinc-700 dark:text-zinc-200",children:e.count.toLocaleString()}),(0,a.jsx)("td",{className:"px-3 py-2 text-right text-zinc-500 dark:text-zinc-300",children:e.percent})]},e.key))})]})})]},e.key))}):w?null:(0,a.jsx)("div",{className:"rounded-md bg-zinc-50 px-3 py-8 text-center text-xs text-zinc-500 dark:bg-zinc-900/60 dark:text-zinc-300",children:"暂无数据"})]})}let n=l},79428:(e,t,s)=>{s.d(t,{A:()=>a});let a=(0,s(56059).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])}}]);