2 lines
8.0 KiB
JavaScript
2 lines
8.0 KiB
JavaScript
var e=Object.defineProperty,l=Object.defineProperties,a=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(l,a,s)=>a in l?e(l,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[a]=s;import{d as t,B as m,c as i,r as n,k as u,o as p,H as b,b as c,e as f,f as x,v as w,p as g,g as j,I as v,J as _,w as V,K as y,N as h,h as k,E as P,j as U}from"./index-BoIUJTA2.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{_ as N}from"./index.vue_vue_type_script_setup_true_lang-DUbflfBQ.js";import{_ as O}from"./avatar-pR7-E1hl.js";import{E}from"./index-C_sVHlWz.js";import{E as q,a as C}from"./index-BcfO0-fK.js";import{E as D,a as I}from"./index-D2gD5Tn5.js";import"./iconify-DFoKediz.js";import"./castArray-nM8ho4U3.js";import"./_baseClone-Ct7RL6h5.js";import"./_initCloneObject-DRmC-q3t.js";import"./index-BMeOzN3u.js";import"./index-COyGylbk.js";import"./index-Bq8lawOo.js";import"./index-Cp4NEpJ7.js";import"./index-ZsMdSUVI.js";import"./token-DWNpOE8r.js";import"./debounce-DQl5eUwG.js";import"./_baseIteratee-CtIat01j.js";import"./index-CXORCV4U.js";const S={class:"w-full h-full p-0 bg-transparent border-none shadow-none"},A={class:"relative flex-b mt-2.5 max-md:block max-md:mt-1"},B={class:"w-112 mr-5 max-md:w-full max-md:mr-0"},H={class:"art-card-sm relative p-9 pb-6 overflow-hidden text-center"},J={class:"mt-5 text-xl font-normal"},z={class:"w-75 mx-auto mt-7.5 text-left"},F={class:"mt-2.5"},K={class:"mt-2.5"},Q={class:"mt-2.5"},R={class:"mt-2.5"},T={class:"mt-10"},Y={class:"flex flex-wrap justify-center mt-3.5"},G={class:"flex-1 overflow-hidden max-md:w-full max-md:mt-3.5"},L={class:"art-card-sm"},M={class:"flex-c justify-end [&_.el-button]:!w-27.5"},W={class:"art-card-sm my-5"},X={class:"flex-c justify-end [&_.el-button]:!w-27.5"},Z=t(($=((e,l)=>{for(var a in l||(l={}))r.call(l,a)&&d(e,a,l[a]);if(s)for(var a of s(l))o.call(l,a)&&d(e,a,l[a]);return e})({},{name:"UserCenter"}),l($,a({__name:"index",setup(e){const l=m(),a=i(()=>l.getUserInfo),s=n(!1),r=n(!1),o=n(""),d=n(),t=u({realName:"John Snow",nikeName:"皮卡丘",email:"59301283@mall.com",mobile:"18888888888",address:"广东省深圳市宝安区西乡街道101栋201",sex:"2",des:"Art Design Pro 是一款兼具设计美学与高效开发的后台系统."}),Z=u({password:"123456",newPassword:"123456",confirmPassword:"123456"}),$=u({realName:[{required:!0,message:"请输入姓名",trigger:"blur"},{min:2,max:50,message:"长度在 2 到 50 个字符",trigger:"blur"}],nikeName:[{required:!0,message:"请输入昵称",trigger:"blur"},{min:2,max:50,message:"长度在 2 到 50 个字符",trigger:"blur"}],email:[{required:!0,message:"请输入邮箱",trigger:"blur"}],mobile:[{required:!0,message:"请输入手机号码",trigger:"blur"}],address:[{required:!0,message:"请输入地址",trigger:"blur"}],sex:[{required:!0,message:"请选择性别",trigger:"blur"}]}),ee=[{value:"1",label:"男"},{value:"2",label:"女"}],le=["专注设计","很有想法","辣~","大长腿","川妹子","海纳百川"];p(()=>{ae()});const ae=()=>{const e=(new Date).getHours();o.value=e>=6&&e<9?"早上好":e>=9&&e<11?"上午好":e>=11&&e<13?"中午好":e>=13&&e<18?"下午好":e>=18&&e<24?"晚上好":"很晚了，早点睡"},se=()=>{s.value=!s.value},re=()=>{r.value=!r.value};return(e,l)=>{const o=N,m=y,i=q,n=I,u=D,p=E,ae=P,oe=C,de=b("ripple");return f(),c("div",S,[x("div",A,[x("div",B,[x("div",H,[l[15]||(l[15]=x("img",{class:"absolute top-0 left-0 w-full h-50 object-cover",src:"/admin/assets/bg-DrCBEYh-.webp"},null,-1)),l[16]||(l[16]=x("img",{class:"relative z-10 w-20 h-20 mt-30 mx-auto object-cover border-2 border-white rounded-full",src:O},null,-1)),x("h2",J,w(g(a).userName),1),l[17]||(l[17]=x("p",{class:"mt-5 text-sm"},"专注于用户体验跟视觉设计",-1)),x("div",z,[x("div",F,[j(o,{icon:"ri:mail-line",class:"text-g-700"}),l[10]||(l[10]=x("span",{class:"ml-2 text-sm"},"jdkjjfnndf@mall.com",-1))]),x("div",K,[j(o,{icon:"ri:user-3-line",class:"text-g-700"}),l[11]||(l[11]=x("span",{class:"ml-2 text-sm"},"交互专家",-1))]),x("div",Q,[j(o,{icon:"ri:map-pin-line",class:"text-g-700"}),l[12]||(l[12]=x("span",{class:"ml-2 text-sm"},"广东省深圳市",-1))]),x("div",R,[j(o,{icon:"ri:dribbble-fill",class:"text-g-700"}),l[13]||(l[13]=x("span",{class:"ml-2 text-sm"},"字节跳动－某某平台部－UED",-1))])]),x("div",T,[l[14]||(l[14]=x("h3",{class:"text-sm font-medium"},"标签",-1)),x("div",Y,[(f(),c(v,null,_(le,e=>x("div",{key:e,class:"py-1 px-1.5 mr-2.5 mb-2.5 text-xs border border-g-300 rounded"},w(e),1)),64))])])])]),x("div",G,[x("div",L,[l[18]||(l[18]=x("h1",{class:"p-4 text-xl font-normal border-b border-g-300"},"基本设置",-1)),j(oe,{model:g(t),class:"box-border p-5 [&>.el-row_.el-form-item]:w-[calc(50%-10px)] [&>.el-row_.el-input]:w-full [&>.el-row_.el-select]:w-full",ref_key:"ruleFormRef",ref:d,rules:g($),"label-width":"86px","label-position":"top"},{default:V(()=>[j(p,null,{default:V(()=>[j(i,{label:"姓名",prop:"realName"},{default:V(()=>[j(m,{modelValue:g(t).realName,"onUpdate:modelValue":l[0]||(l[0]=e=>g(t).realName=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1}),j(i,{label:"性别",prop:"sex",class:"ml-5"},{default:V(()=>[j(u,{modelValue:g(t).sex,"onUpdate:modelValue":l[1]||(l[1]=e=>g(t).sex=e),placeholder:"Select",disabled:!g(s)},{default:V(()=>[(f(),c(v,null,_(ee,e=>j(n,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])),64))]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),j(p,null,{default:V(()=>[j(i,{label:"昵称",prop:"nikeName"},{default:V(()=>[j(m,{modelValue:g(t).nikeName,"onUpdate:modelValue":l[2]||(l[2]=e=>g(t).nikeName=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1}),j(i,{label:"邮箱",prop:"email",class:"ml-5"},{default:V(()=>[j(m,{modelValue:g(t).email,"onUpdate:modelValue":l[3]||(l[3]=e=>g(t).email=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1})]),_:1}),j(p,null,{default:V(()=>[j(i,{label:"手机",prop:"mobile"},{default:V(()=>[j(m,{modelValue:g(t).mobile,"onUpdate:modelValue":l[4]||(l[4]=e=>g(t).mobile=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1}),j(i,{label:"地址",prop:"address",class:"ml-5"},{default:V(()=>[j(m,{modelValue:g(t).address,"onUpdate:modelValue":l[5]||(l[5]=e=>g(t).address=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1})]),_:1}),j(i,{label:"个人介绍",prop:"des",class:"h-32"},{default:V(()=>[j(m,{type:"textarea",rows:4,modelValue:g(t).des,"onUpdate:modelValue":l[6]||(l[6]=e=>g(t).des=e),disabled:!g(s)},null,8,["modelValue","disabled"])]),_:1}),x("div",M,[h((f(),k(ae,{type:"primary",class:"w-22.5",onClick:se},{default:V(()=>[U(w(g(s)?"保存":"编辑"),1)]),_:1})),[[de]])])]),_:1},8,["model","rules"])]),x("div",W,[l[19]||(l[19]=x("h1",{class:"p-4 text-xl font-normal border-b border-g-300"},"更改密码",-1)),j(oe,{model:g(Z),class:"box-border p-5","label-width":"86px","label-position":"top"},{default:V(()=>[j(i,{label:"当前密码",prop:"password"},{default:V(()=>[j(m,{modelValue:g(Z).password,"onUpdate:modelValue":l[7]||(l[7]=e=>g(Z).password=e),type:"password",disabled:!g(r),"show-password":""},null,8,["modelValue","disabled"])]),_:1}),j(i,{label:"新密码",prop:"newPassword"},{default:V(()=>[j(m,{modelValue:g(Z).newPassword,"onUpdate:modelValue":l[8]||(l[8]=e=>g(Z).newPassword=e),type:"password",disabled:!g(r),"show-password":""},null,8,["modelValue","disabled"])]),_:1}),j(i,{label:"确认新密码",prop:"confirmPassword"},{default:V(()=>[j(m,{modelValue:g(Z).confirmPassword,"onUpdate:modelValue":l[9]||(l[9]=e=>g(Z).confirmPassword=e),type:"password",disabled:!g(r),"show-password":""},null,8,["modelValue","disabled"])]),_:1}),x("div",X,[h((f(),k(ae,{type:"primary",class:"w-22.5",onClick:re},{default:V(()=>[U(w(g(r)?"保存":"编辑"),1)]),_:1})),[[de]])])]),_:1},8,["model"])])])])])}}}))));var $;export{Z as default};
|