1 line
6.1 KiB
JavaScript
1 line
6.1 KiB
JavaScript
import{n as e,t}from"./jsx-runtime-CRBytmvs.js";import{t as n}from"./typography-DRFhazK9.js";import{t as r}from"./space-Cu4QVMgQ.js";import{t as i}from"./button-BILozH6U.js";import{t as a}from"./avatar-DPxbCsa4.js";import{t as o}from"./card-DU2T2-YW.js";import{n as s,t as c}from"./row-DfzKzMF0.js";import{t as l}from"./descriptions-BLF6MKiu.js";import{t as u}from"./dropdown-BgpiO8SY.js";import{t as d}from"./flex-BUqc4pUn.js";import{t as f}from"./progress-BvFjoSli.js";import{t as p}from"./statistic-G8YfPOC4.js";import{t as m}from"./tag-DBV1bHre.js";import{t as h}from"./RiseOutlined-gXjyF9G9.js";import{t as g}from"./ShoppingOutlined-CsazpDg7.js";import{t as _}from"./TeamOutlined-DAHp-vuL.js";import{t as v}from"./UserOutlined-D5Ziy0eL.js";var y=t(),{Title:b}=n,x=()=>(0,y.jsxs)(`div`,{style:{minHeight:`100vh`},children:[(0,y.jsx)(o,{variant:`borderless`,style:{marginBottom:20},children:(0,y.jsxs)(d,{justify:`space-between`,align:`center`,children:[(0,y.jsxs)(`div`,{children:[(0,y.jsx)(b,{level:3,style:{marginBottom:4},children:`页面标题`}),(0,y.jsx)(n.Text,{type:`secondary`,children:`这是页面的描述信息,可以简要说明页面用途`})]}),(0,y.jsxs)(r,{style:{height:`100%`},children:[(0,y.jsx)(i,{icon:(0,y.jsx)(v,{}),children:`操作一`}),(0,y.jsx)(i,{icon:(0,y.jsx)(_,{}),children:`操作二`}),(0,y.jsx)(i,{type:`primary`,icon:(0,y.jsx)(g,{}),children:`主要操作`}),(0,y.jsx)(u,{trigger:[`click`],menu:{items:[{label:`导出数据`,key:`1`,icon:(0,y.jsx)(h,{})},{label:`批量操作`,key:`2`},{label:`更多设置`,key:`3`}]},children:(0,y.jsx)(i,{style:{padding:`0 8px`},children:(0,y.jsx)(e,{style:{fontSize:18}})})})]})]})}),(0,y.jsxs)(c,{gutter:[16,16],style:{marginBottom:24},children:[(0,y.jsx)(s,{xs:24,sm:12,lg:6,children:(0,y.jsxs)(o,{variant:`borderless`,children:[(0,y.jsx)(p,{title:`总用户数`,value:11893,prefix:(0,y.jsx)(v,{style:{color:`#1677ff`}}),valueStyle:{color:`#1677ff`}}),(0,y.jsxs)(`div`,{style:{marginTop:12},children:[(0,y.jsx)(m,{color:`success`,children:`+12.5%`}),(0,y.jsx)(n.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,y.jsx)(s,{xs:24,sm:12,lg:6,children:(0,y.jsxs)(o,{variant:`borderless`,children:[(0,y.jsx)(p,{title:`活跃用户`,value:8234,prefix:(0,y.jsx)(_,{style:{color:`#52c41a`}}),valueStyle:{color:`#52c41a`}}),(0,y.jsxs)(`div`,{style:{marginTop:12},children:[(0,y.jsx)(m,{color:`success`,children:`+8.2%`}),(0,y.jsx)(n.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,y.jsx)(s,{xs:24,sm:12,lg:6,children:(0,y.jsxs)(o,{variant:`borderless`,children:[(0,y.jsx)(p,{title:`总订单`,value:32567,prefix:(0,y.jsx)(g,{style:{color:`#faad14`}}),valueStyle:{color:`#faad14`}}),(0,y.jsxs)(`div`,{style:{marginTop:12},children:[(0,y.jsx)(m,{color:`warning`,children:`+5.3%`}),(0,y.jsx)(n.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,y.jsx)(s,{xs:24,sm:12,lg:6,children:(0,y.jsxs)(o,{variant:`borderless`,children:[(0,y.jsx)(p,{title:`总收入`,value:98234,prefix:`¥`,valueStyle:{color:`#f5222d`}}),(0,y.jsxs)(`div`,{style:{marginTop:12},children:[(0,y.jsx)(m,{color:`error`,children:`-2.1%`}),(0,y.jsx)(n.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})})]}),(0,y.jsxs)(o,{variant:`borderless`,tabList:[{label:`基本信息`,key:`base`},{label:`详细信息`,key:`info`},{label:`数据分析`,key:`analysis`}],activeTabKey:`base`,children:[(0,y.jsxs)(c,{gutter:[16,16],style:{marginBottom:24},children:[(0,y.jsx)(s,{xs:24,lg:24,children:(0,y.jsx)(o,{title:(0,y.jsxs)(`span`,{children:[(0,y.jsx)(v,{style:{marginRight:8}}),`用户信息概览`]}),style:{background:`linear-gradient(135deg, #667eea 0%, #764ba2 100%)`,color:`#fff`,borderRadius:8},styles:{header:{color:`#fff`,borderBottom:`1px solid rgba(255,255,255,0.2)`}},children:(0,y.jsxs)(c,{gutter:[16,16],children:[(0,y.jsx)(s,{span:6,children:(0,y.jsx)(a,{size:64,icon:(0,y.jsx)(v,{})})}),(0,y.jsxs)(s,{span:18,children:[(0,y.jsx)(n.Title,{level:5,style:{color:`#fff`,marginTop:0},children:`张三 / Zhang San`}),(0,y.jsx)(n.Text,{style:{color:`rgba(255,255,255,0.85)`},children:`高级管理员 · 北京市朝阳区 · 在职`})]})]})})}),(0,y.jsx)(s,{xs:24,lg:16,children:(0,y.jsx)(o,{title:`详细信息`,style:{height:`100%`,borderRadius:8},children:(0,y.jsxs)(l,{column:{xs:1,sm:2},children:[(0,y.jsx)(l.Item,{label:`用户名`,children:`zhangsan`}),(0,y.jsx)(l.Item,{label:`手机号`,children:`138****8888`}),(0,y.jsx)(l.Item,{label:`邮箱`,children:`zhangsan@example.com`}),(0,y.jsx)(l.Item,{label:`部门`,children:`技术部`}),(0,y.jsx)(l.Item,{label:`职位`,children:`高级工程师`}),(0,y.jsx)(l.Item,{label:`入职时间`,children:`2023-01-15`}),(0,y.jsx)(l.Item,{label:`状态`,children:(0,y.jsx)(m,{color:`success`,children:`正常`})}),(0,y.jsx)(l.Item,{label:`权限等级`,children:(0,y.jsx)(m,{color:`blue`,children:`管理员`})})]})})}),(0,y.jsx)(s,{xs:24,lg:8,children:(0,y.jsxs)(o,{title:`任务完成度`,style:{height:`100%`,borderRadius:8},children:[(0,y.jsxs)(`div`,{style:{marginBottom:20},children:[(0,y.jsxs)(`div`,{style:{marginBottom:8},children:[(0,y.jsx)(`span`,{children:`本周任务`}),(0,y.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`75%`})]}),(0,y.jsx)(f,{percent:75,strokeColor:`#52c41a`})]}),(0,y.jsxs)(`div`,{style:{marginBottom:20},children:[(0,y.jsxs)(`div`,{style:{marginBottom:8},children:[(0,y.jsx)(`span`,{children:`本月目标`}),(0,y.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`60%`})]}),(0,y.jsx)(f,{percent:60,strokeColor:`#1677ff`})]}),(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`div`,{style:{marginBottom:8},children:[(0,y.jsx)(`span`,{children:`年度KPI`}),(0,y.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`45%`})]}),(0,y.jsx)(f,{percent:45,strokeColor:`#faad14`})]})]})})]}),(0,y.jsxs)(d,{justify:`space-between`,align:`center`,children:[(0,y.jsxs)(r,{children:[(0,y.jsx)(i,{size:`large`,children:`重置`}),(0,y.jsx)(i,{type:`primary`,size:`large`,children:`保存`}),(0,y.jsx)(i,{type:`primary`,size:`large`,ghost:!0,children:`提交审核`})]}),(0,y.jsx)(n.Text,{type:`secondary`,children:`最后更新时间: 2026-01-01 10:30:00`})]})]})]});export{x as default}; |