| 12 |
- import{_ as a}from"./index-CyrdNoo1.js";import"./index-C6YR97YM.js";/* empty css *//* empty css *//* empty css *//* empty css */import{a as e}from"./avatar-LvqpcLWo.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 c,X as i,H as m,as as d,i as u,u as v,at as g,al as b,Y as x,au as f}from"./vendor-B2KqeU87.js";import{_ as j}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css */import"./index-CeIx2olA.js";const w={class:"card art-custom-card"},_={class:"card-header"},h={style:{display:"flex","align-items":"center"}},y=["src"],k={class:"user-name"},V={style:{display:"flex","align-items":"center"}},N={style:{"margin-left":"10px"}},U=j(r({__name:"NewUser",setup(r){const j=t("本月"),U=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((()=>{$()}));const $=()=>{setTimeout((()=>{for(let a=0;a<U.length;a++){let e=U[a];U[a].pro=e.percentage}}),100)};return(e,r)=>{const t=d,s=g,l=b,$=f,z=a;return p(),o("div",w,[n("div",_,[r[1]||(r[1]=n("div",{class:"title"},[n("h4",{class:"box-title"},"新用户"),n("p",{class:"subtitle"},[i("这个月增长"),n("span",{class:"text-success"},"+20%")])],-1)),c(s,{modelValue:v(j),"onUpdate:modelValue":r[0]||(r[0]=a=>u(j)?j.value=a:null)},{default:m((()=>[c(t,{value:"本月",label:"本月"}),c(t,{value:"上月",label:"上月"}),c(t,{value:"今年",label:"今年"})])),_:1},8,["modelValue"])]),c(z,{class:"table",data:v(U),style:{width:"100%"},size:"large",border:!1,stripe:!1,"header-cell-style":{background:"transparent"}},{default:m((()=>[c(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}),c(l,{label:"地区",prop:"province"}),c(l,{label:"性别",prop:"avatar"},{default:m((a=>[n("div",V,[n("span",N,x(1===a.row.sex?"男":"女"),1)])])),_:1}),c(l,{label:"进度",width:"240"},{default:m((a=>[c($,{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{U as default};
|
