| 1 |
- import{u as D}from"./vue-router-d228e26b.js";import{_ as S,d as E,A as z}from"./index-3887ab05.js";import{_ as L}from"./index2-d93fca00.js";import{i as N,c as P,a as $,W as h,X as x,Y as y,a2 as e,u as l,a0 as p,m as o,Z as s,E as u,a7 as R,F as w,n as T,a3 as A,a4 as I,p as U,o as V}from"./vue-74beb2f3.js";import"./index-9b46f3be.js";import"./fullScreen-9123d61a.js";import"./settingColumns.vue_vue_type_style_index_0_scoped_176f68a0_lang-a848e312.js";import"./SettingOutlined-04c21aec.js";import"./index-d77dbf91.js";import"./ext-b20af233.js";const j=""+new URL("经销商-b4caaafe.svg",import.meta.url).href,q=""+new URL("经销商员工-1e699a85.svg",import.meta.url).href,M=""+new URL("公司人员-126a50a2.svg",import.meta.url).href;const _=d=>(A("data-v-e2e39ad1"),d=d(),I(),d),K={class:"left"},Q={class:"header"},W=["src"],X={class:"title"},Y={class:"info"},Z={class:"info-item"},G={class:"top"},H=_(()=>e("span",null,"单击查看账户列表",-1)),J={style:{"margin-right":"2px"}},O={style:{"margin-left":"2px"}},ee=_(()=>e("div",{class:"bottom"},"已使用",-1)),te={class:"info-item"},se={class:"top"},oe=_(()=>e("span",null,"单击查看账户列表",-1)),ae=_(()=>e("div",{class:"bottom"},"未绑定",-1)),le={class:"info-item"},ne={class:"top"},ce=_(()=>e("span",null,"单击查看账户列表",-1)),ie=_(()=>e("div",{class:"bottom"},"已停用",-1)),de=_(()=>e("span",null,"单击跳转详情",-1)),re=_(()=>e("span",{class:"line-title"},"使用率",-1)),_e=_(()=>e("br",null,null,-1)),pe=_(()=>e("br",null,null,-1)),ue={class:"line-value"},me={key:1},ve={__name:"dataBox",props:["type"],emits:["progressClick"],setup(d,{emit:F}){const f=d,g=t=>{F("progressClick",t)};let c=N("dataAll");const a=P(()=>{let t={};switch(f.type){case"agent":t.name="经销商",t.icon=j,t.color="#F1A300",t.bg="#FFFBF2",t.border="#FEDE9C",t.used=c().agent_used,t.all=c().agent_all,t.stop=c().agent_stop,t.unbind=c().agent_unbind,t.percent=(t.used/t.all*100).toFixed(2);break;case"agentstaff":t.name="经销商员工",t.icon=q,t.color="#E55C16",t.bg="#FFF6F3",t.border="#FFAC89",t.used=c().agentstaff_used,t.all=c().agentstaff_all,t.stop=c().agentstaff_stop,t.unbind=c().agentstaff_unbind,t.percent=(t.used/t.all*100).toFixed(2);break;case"company":t.name="公司人员",t.icon=M,t.color="#1677FF",t.bg="#F2F9FF",t.border="#9CCDFE",t.used=c().company_used,t.all=c().company_all,t.stop=c().company_stop,t.unbind=c().company_unbind,t.percent=(t.used/t.all*100).toFixed(2);break}return t});let b=$(),n=$({id:"2024061110312202",content:{pageNumber:1,pageSize:20,usertype:1,type:1,where:{condition:""}}});const m=(t,r)=>{switch(r){case"经销商":n.value.content.usertype=21;break;case"经销商员工":n.value.content.usertype=22;break;case"企业员工":n.value.content.usertype=1;break}n.value.content.type=t,n.value.content.pageNumber=1,b.value.modeVisible=!0,T(()=>{b.value.list.listData()})};return(t,r)=>{const k=h("a-tooltip"),B=h("a-progress");return x(),y(w,null,[e("div",{class:"data-box",style:R({"--color1":l(a).color,"--border1":l(a).border,"--bg":l(a).bg})},[e("div",K,[e("div",Q,[e("img",{src:l(a).icon},null,8,W),e("div",X,p(l(a).name)+"（人）",1)]),e("div",Y,[e("div",Z,[e("div",G,[e("div",{onClick:r[0]||(r[0]=i=>m("1",l(a).name))},[o(k,{placement:"top"},{title:s(()=>[H]),default:s(()=>[e("span",J,p(l(a).used),1),u("/"),e("span",O,p(l(a).all),1)]),_:1})])]),ee]),e("div",te,[e("div",se,[e("div",{onClick:r[1]||(r[1]=i=>m("2",l(a).name))},[o(k,{placement:"top"},{title:s(()=>[oe]),default:s(()=>[e("span",null,p(l(a).unbind),1)]),_:1})])]),ae]),e("div",le,[e("div",ne,[e("div",{onClick:r[2]||(r[2]=i=>m("3",l(a).name))},[o(k,{placement:"top"},{title:s(()=>[ce]),default:s(()=>[e("span",null,p(l(a).stop),1)]),_:1})])]),ie])])]),e("div",{class:"right",onClick:r[3]||(r[3]=i=>g(l(a).name=="经销商"?21:l(a).name=="经销商员工"?22:1))},[o(k,{placement:"top"},{title:s(()=>[de]),default:s(()=>[o(B,{size:[100,100],type:"circle",percent:l(a).percent,strokeColor:l(a).color},{format:s(i=>[re,_e,pe,e("span",ue,p(i)+"%",1)]),_:1},8,["percent","strokeColor"])]),_:1})])],4),o(L,{ref_key:"users",ref:b,rowKey:"userid",param:l(n),columns:l(E).TBLayout("userList"),title:"账号列表",custom:!0,isSelect:!1,noQuery:!0},{custom:s(({data:i})=>[i.column.dataIndex=="isleader"?(x(),y(w,{key:0},[u(p(i.record.isleader?"主账号":"子账号"),1)],64)):i.column.dataIndex=="usertype"?(x(),y("span",me,p(i.record.usertype==1?"企业人员":i.record.usertype==21?"经销商":"经销商员工"),1)):(x(),y(w,{key:2},[u(p(i.record[i.column.dataIndex]),1)],64))]),_:1},8,["param","columns"])],64)}}},C=S(ve,[["__scopeId","data-v-e2e39ad1"]]);const v=d=>(A("data-v-d7c2c953"),d=d(),I(),d),fe={class:"data-panel"},ge=v(()=>e("div",{class:"item",style:{"--color1":"#9ccdfe"}},[e("div",{class:"title"},"浏览量（次）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),xe=v(()=>e("div",{class:"item",style:{"--color1":"#9ccdfe"}},[e("div",{class:"title"},"访客数（人）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),ye=v(()=>e("div",{class:"item"},[e("div",{class:"title"},"新增访客数（人）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),he=v(()=>e("div",{class:"item"},[e("div",{class:"title"},"已获客源（人）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),be=v(()=>e("div",{class:"item"},[e("div",{class:"title"},"预约名单（人）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),ke=v(()=>e("div",{class:"item"},[e("div",{class:"title"},"总客户数（人）"),e("div",{class:"now"},"123223"),e("div",{class:"after"},[u("昨日："),e("span",null,"10111111")])],-1)),Fe={__name:"index",setup(d){const F=D(),f=a=>{F.push({path:"/dataPanelDetail",query:{type:a}})};let g=$({});const c=async()=>{let a=await z.requested({id:"2024061109144502",content:{}});g.value=a.data,console.log(g.value,"数据概况")};return U("dataAll",()=>g.value),V(()=>{c()}),(a,b)=>{const n=h("a-col"),m=h("a-row"),t=h("a-card");return x(),y("div",fe,[o(t,{title:"账户使用概况",headStyle:[{fontSize:"14px"}],bordered:!1,style:{width:"100%"}},{default:s(()=>[o(m,{gutter:{xs:8,sm:16,md:24,lg:32}},{default:s(()=>[o(n,{xs:24,sm:24,md:24,lg:12,xl:8},{default:s(()=>[o(C,{type:"company",onProgressClick:f})]),_:1}),o(n,{xs:24,sm:24,md:24,lg:12,xl:8},{default:s(()=>[o(C,{type:"agent",onProgressClick:f})]),_:1}),o(n,{xs:24,sm:24,md:24,lg:12,xl:8},{default:s(()=>[o(C,{type:"agentstaff",onProgressClick:f})]),_:1})]),_:1})]),_:1}),o(t,{title:"今日总览",headStyle:[{fontSize:"14px"}],bordered:!1,style:{width:"100%","margin-top":"10px"}},{default:s(()=>[o(m,{gutter:{xs:8,sm:16,md:24,lg:32}},{default:s(()=>[o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[ge]),_:1}),o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[xe]),_:1}),o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[ye]),_:1}),o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[he]),_:1}),o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[be]),_:1}),o(n,{xs:24,sm:12,md:12,lg:12,xl:4},{default:s(()=>[ke]),_:1})]),_:1})]),_:1})])}}},Le=S(Fe,[["__scopeId","data-v-d7c2c953"]]);export{Le as default};
|
