| 12 |
- import{_ as a}from"./index-CP2eqSpQ.js";import"./index-CT1qRCFx.js";/* empty css *//* empty css *//* empty css *//* empty css */import{a as e}from"./avatar-BZ3EMi_U.js";import{j as r,r as t,N as s,d as l,Q as o,G as p,S as n,v as i,X as c,H as m,af as d,i as u,u as v,ag as g,ah as b,Y as x,ai as f}from"./vendor-D0p0RnNT.js";import{_ as w}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css */import"./index-DC2isIDB.js";const _={class:"card art-custom-card"},j={class:"card-header"},h={style:{display:"flex","align-items":"center"}},y=["src"],k={class:"user-name"},N={style:{display:"flex","align-items":"center"}},V={style:{"margin-left":"10px"}},I=w(r({__name:"NewUser",setup(r){const w=t("本月"),I=s([{username:"中小鱼",province:"北京",sex:0,age:22,percentage:60,pro:0,color:"rgb(var(--art-primary)) !important",avatar:e},{username:"何小荷",province:"深圳",sex:1,age:21,percentage:20,pro:0,color:"rgb(var(--art-secondary)) !important",avatar:e},{username:"誶誶淰",province:"上海",sex:1,age:23,percentage:60,pro:0,color:"rgb(var(--art-warning)) !important",avatar:e},{username:"发呆草",province:"长沙",sex:0,age:28,percentage:50,pro:0,color:"rgb(var(--art-info)) !important",avatar:e},{username:"甜筒",province:"浙江",sex:1,age:26,percentage:70,pro:0,color:"rgb(var(--art-error)) !important",avatar:e},{username:"冷月呆呆",province:"湖北",sex:1,age:25,percentage:90,pro:0,color:"rgb(var(--art-success)) !important",avatar:e}]);l((()=>{U()}));const U=()=>{setTimeout((()=>{for(let a=0;a<I.length;a++){let e=I[a];I[a].pro=e.percentage}}),100)};return(e,r)=>{const t=d,s=g,l=b,U=f,$=a;return p(),o("div",_,[n("div",j,[r[1]||(r[1]=n("div",{class:"title"},[n("h4",{class:"box-title"},"新用户"),n("p",{class:"subtitle"},[c("这个月增长"),n("span",{class:"text-success"},"+20%")])],-1)),i(s,{modelValue:v(w),"onUpdate:modelValue":r[0]||(r[0]=a=>u(w)?w.value=a:null)},{default:m((()=>[i(t,{value:"本月",label:"本月"}),i(t,{value:"上月",label:"上月"}),i(t,{value:"今年",label:"今年"})])),_:1},8,["modelValue"])]),i($,{class:"table",data:v(I),style:{width:"100%"},size:"large",border:!1,stripe:!1,"header-cell-style":{background:"transparent"}},{default:m((()=>[i(l,{label:"头像",prop:"avatar",width:"150px"},{default:m((a=>[n("div",h,[n("img",{class:"avatar",src:a.row.avatar,alt:"avatar"},null,8,y),n("span",k,x(a.row.username),1)])])),_:1}),i(l,{label:"地区",prop:"province"}),i(l,{label:"性别",prop:"avatar"},{default:m((a=>[n("div",N,[n("span",V,x(1===a.row.sex?"男":"女"),1)])])),_:1}),i(l,{label:"进度",width:"240"},{default:m((a=>[i(U,{percentage:a.row.pro,color:a.row.color,"stroke-width":4,"aria-label":`${a.row.username}的完成进度: ${a.row.pro}%`},null,8,["percentage","color","aria-label"])])),_:1})])),_:1},8,["data"])])}}}),[["__scopeId","data-v-8043c01f"]]);export{I as default};
|
