| 12 |
- import{_ as a}from"./index-BvzwYHw2.js";import"./index-DF0Gm8tW.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{a as e}from"./avatar1-CutlWZf5.js";import{a as r,b as t,c as s,m as o,d as l}from"./avatar6-C8uJx9vz.js";import{k as p,r as n,M as i,d as c,P as m,D as d,R as u,x as v,W as g,G as b,aY as x,i as f,u as j,aZ as _,aV as w,X as h,aX as y}from"./vendor-CgKklJ4r.js";import{_ as k}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css */import"./formEnum-BLgiZVxV.js";import"./index-B_-K9rXC.js";const V={class:"card art-custom-card"},X={class:"card-header"},$={style:{display:"flex","align-items":"center"}},G=["src"],U={class:"user-name"},Z={style:{display:"flex","align-items":"center"}},z={style:{"margin-left":"10px"}},B=k(p({__name:"NewUser",setup(p){const k=n("本月"),B=i([{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:r},{username:"誶誶淰",province:"上海",sex:1,age:23,percentage:60,pro:0,color:"rgb(var(--art-warning)) !important",avatar:t},{username:"发呆草",province:"长沙",sex:0,age:28,percentage:50,pro:0,color:"rgb(var(--art-info)) !important",avatar:s},{username:"甜筒",province:"浙江",sex:1,age:26,percentage:70,pro:0,color:"rgb(var(--art-error)) !important",avatar:o},{username:"冷月呆呆",province:"湖北",sex:1,age:25,percentage:90,pro:0,color:"rgb(var(--art-success)) !important",avatar:l}]);c((()=>{D()}));const D=()=>{setTimeout((()=>{for(let a=0;a<B.length;a++){let e=B[a];B[a].pro=e.percentage}}),100)};return(e,r)=>{const t=x,s=_,o=w,l=y,p=a;return d(),m("div",V,[u("div",X,[r[1]||(r[1]=u("div",{class:"title"},[u("h4",{class:"box-title"},"新用户"),u("p",{class:"subtitle"},[g("这个月增长"),u("span",{class:"text-success"},"+20%")])],-1)),v(s,{modelValue:j(k),"onUpdate:modelValue":r[0]||(r[0]=a=>f(k)?k.value=a:null)},{default:b((()=>[v(t,{value:"本月",label:"本月"}),v(t,{value:"上月",label:"上月"}),v(t,{value:"今年",label:"今年"})])),_:1},8,["modelValue"])]),v(p,{class:"table",data:j(B),style:{width:"100%"},size:"large",border:!1,stripe:!1,"header-cell-style":{background:"transparent"}},{default:b((()=>[v(o,{label:"头像",prop:"avatar",width:"150px"},{default:b((a=>[u("div",$,[u("img",{class:"avatar",src:a.row.avatar,alt:"avatar"},null,8,G),u("span",U,h(a.row.username),1)])])),_:1}),v(o,{label:"地区",prop:"province"}),v(o,{label:"性别",prop:"avatar"},{default:b((a=>[u("div",Z,[u("span",z,h(1===a.row.sex?"男":"女"),1)])])),_:1}),v(o,{label:"进度",width:"240"},{default:b((a=>[v(l,{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-793c2a2e"]]);export{B as default};
|
