pages-agent-dashboard.BJVZamEB.js 4.7 KB

1
  1. import{d as a,c as s,f as e,m as l,h as t,w as u,F as d,n as r,b as c,i as o,k as n,j as _,t as m,A as f,o as i,s as g,a as p,g as y,e as v,y as h,u as b,v as w}from"./index-C1kRunFF.js";import{u as k}from"./useResource.CPyeEgMD.js";import{g as j,m as x,v as C}from"./format.D7Ah6vn5.js";import{I as B}from"./IdentityGuard.3wjiCdX-.js";import{P as I}from"./PageState.CBFV4zpS.js";import{B as R}from"./BottomNav.C_0xx0tr.js";import{_ as A}from"./_plugin-vue_export-helper.BCo6x5W8.js";const P=A(a({__name:"BarChart",props:{items:{},unit:{}},setup(a){const i=a,g=s(()=>Math.max(1,...i.items.map(a=>a.value||0)));return(a,s)=>{const i=n,p=o;return e(),l(d,null,[t(p,{class:"chart"},{default:u(()=>[(e(!0),l(d,null,r(a.items,a=>(e(),c(p,{key:a.day,class:"column"},{default:u(()=>[t(i,{class:"bar-value"},{default:u(()=>[_(m(null==a.value?"—":a.value),1)]),_:2},1024),t(p,{class:"bar-space"},{default:u(()=>[t(p,{class:"bar",style:f({height:null==a.value?"0%":a.value/g.value*100+"%"})},null,8,["style"])]),_:2},1024),t(i,{class:"day"},{default:u(()=>[_(m(a.day.slice(5)),1)]),_:2},1024)]),_:2},1024))),128))]),_:1}),t(p,{class:"muted small",style:{"text-align":"right"}},{default:u(()=>[_("单位:"+m(a.unit)+" · — 表示暂无数据",1)]),_:1})],64)}}}),[["__scopeId","data-v-f3393b74"]]),z=A(a({__name:"dashboard",setup(a){const{data:s,loading:r,error:f,load:A}=k(()=>y(v("agent")+"/dashboard"));return i(()=>{var a;"agent"===(null==(a=g.active)?void 0:a.role)&&A()}),p(A),(a,i)=>{const g=n,p=h,y=o;return e(),c(y,{class:"page"},{default:u(()=>[t(B,{kind:"agent"},{default:u(()=>[t(y,{class:"row dashboard-header"},{default:u(()=>[t(g,{class:"muted"},{default:u(()=>[_("代理商工作台")]),_:1}),t(p,{class:"primary button-small",onClick:i[0]||(i[0]=a=>b(j)("/pages/account/profile"))},{default:u(()=>[_("我的账户 ›")]),_:1})]),_:1}),t(I,{loading:b(r),error:b(f),onRetry:b(A)},null,8,["loading","error","onRetry"]),b(s)?(e(),l(d,{key:0},[t(y,{class:"hero"},{default:u(()=>[t(y,{class:"row"},{default:u(()=>[t(g,{class:"hero-subtitle"},{default:u(()=>[_(m(b(s).agent.name),1)]),_:1})]),_:1}),t(y,{class:"number"},{default:u(()=>[_("¥"+m(b(x)(b(s).summary.month_amount_cents)),1)]),_:1}),t(y,{class:"hero-subtitle"},{default:u(()=>[_(" 本月辖区收款额 · 较上月 "+m(b(C)(b(s).summary.growth_percent,"%")),1)]),_:1}),t(y,{class:"stats"},{default:u(()=>[t(y,null,{default:u(()=>[t(y,{class:"value"},{default:u(()=>[_(m(b(x)(b(s).summary.estimated_commission_cents)),1)]),_:1}),t(g,{class:"muted"},{default:u(()=>[_("待结算佣金 / 元")]),_:1})]),_:1}),t(y,null,{default:u(()=>[t(y,{class:"value"},{default:u(()=>[_(m(b(x)(b(s).summary.withdrawable_cents)),1)]),_:1}),t(g,{class:"muted"},{default:u(()=>[_("可提现 / 元")]),_:1})]),_:1}),t(y,null,{default:u(()=>[t(y,{class:"value"},{default:u(()=>[_(m(b(s).summary.customer_count),1)]),_:1}),t(g,{class:"muted"},{default:u(()=>[_("辖区客户")]),_:1})]),_:1})]),_:1})]),_:1}),t(y,{class:"card"},{default:u(()=>[t(y,{class:"row"},{default:u(()=>[t(y,{class:"title"},{default:u(()=>[_("近7日收款趋势")]),_:1}),t(g,{class:"muted",onClick:i[1]||(i[1]=a=>b(j)("/pages/agent/orders"))},{default:u(()=>[_("收款明细 ›")]),_:1})]),_:1}),t(P,{items:b(s).trend.map(a=>({day:a.day,value:a.amount_cents/100})),unit:"元"},null,8,["items"])]),_:1}),t(y,{class:"section"},{default:u(()=>[t(y,{class:"title"},{default:u(()=>[_("经营数据")]),_:1})]),_:1}),t(y,{class:"card"},{default:u(()=>[t(y,{class:"link-row",onClick:i[2]||(i[2]=a=>b(j)("/pages/agent/customers"))},{default:u(()=>[t(y,{class:"icon-tile"},{default:u(()=>[_("客")]),_:1}),t(y,{class:"grow"},{default:u(()=>[t(y,{class:"strong"},{default:u(()=>[_("本月新增客户")]),_:1}),t(y,{class:"muted"},{default:u(()=>[_("查看辖区客户资料")]),_:1})]),_:1}),t(g,{class:"title"},{default:u(()=>[_(m(b(s).summary.new_customers),1)]),_:1})]),_:1}),t(y,{class:"link-row"},{default:u(()=>[t(y,{class:"icon-tile green"},{default:u(()=>[_("团")]),_:1}),t(y,{class:"grow"},{default:u(()=>[_("有效团队成员")]),_:1}),t(g,{class:"title"},{default:u(()=>[_(m(b(s).summary.team_count),1)]),_:1})]),_:1}),t(y,{class:"link-row",onClick:i[3]||(i[3]=a=>b(j)("/pages/agent/commissions"))},{default:u(()=>[t(y,{class:"icon-tile orange"},{default:u(()=>[_("佣")]),_:1}),t(y,{class:"grow"},{default:u(()=>[t(y,null,{default:u(()=>[_("佣金中心")]),_:1}),t(y,{class:"muted"},{default:u(()=>[_("查看计提明细,提现暂未开放")]),_:1})]),_:1}),t(g,null,{default:u(()=>[_("›")]),_:1})]),_:1})]),_:1}),t(y,{class:"notice"},{default:u(()=>[_("收款按企业当前归属统计;佣金按订单成交时的直接归属代理和等级计提。")]),_:1})],64)):w("",!0)]),_:1}),t(R,{active:"/pages/agent/dashboard"})]),_:1})}}}),[["__scopeId","data-v-5a6b9ec3"]]);export{z as default};