2 lines
7.9 KiB
JavaScript
2 lines
7.9 KiB
JavaScript
import{_ as q,r as d,x as W,o as z,c as C,a as e,b as t,w as o,t as a,e as u,L as D,d as r,M as j,E as V,u as G,f as m,A as H,I as _,N as K,q as Q,B as X,O as Y,P as Z,F as B,g as N,i as h}from"./index-BjjMa8ds.js";const ll={class:"profile-page"},el={class:"profile-header"},tl={class:"avatar"},sl={class:"user-info"},ol={class:"credit"},al={class:"wallet-card"},nl={class:"wallet-main"},ul={class:"balance"},il={class:"wallet-actions"},dl={class:"stats-card"},rl={class:"stat-item"},ml={class:"value"},vl={class:"stat-item"},pl={class:"value"},fl={class:"stat-item"},_l={class:"value"},cl={class:"menu-list"},gl={class:"recharge-dialog"},Vl={class:"amount-input"},wl={class:"quick-amounts"},yl={class:"withdraw-dialog"},bl={class:"hint"},kl={class:"transaction-list"},xl={class:"tx-info"},zl={class:"tx-type"},Cl={class:"tx-date"},Sl={class:"settings-list"},$l={class:"settings-item"},Ul={class:"settings-item"},Il={class:"settings-item"},Bl={__name:"Profile",setup(Nl){const A=G(),n=d(JSON.parse(localStorage.getItem("customer_info")||"{}")),c=d(!1),w=d(!1),b=d(!1),k=d(!1),M=d(!1),x=d(!1),p=d(100),v=d({amount:"",alipay:""}),y=d({notifications:!0,sound:!0}),R=()=>{V.success(`充值 ¥${p.value} 成功（演示）`),n.value.balance=(n.value.balance||0)+p.value,localStorage.setItem("customer_info",JSON.stringify(n.value)),c.value=!1},E=()=>{if(!v.value.amount||!v.value.alipay){V.warning("请填写完整信息");return}V.success("提现申请已提交（演示）"),w.value=!1},F=()=>{V.success("缓存已清除")},O=()=>{j.confirm("确定要退出登录吗？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("customer_token"),localStorage.removeItem("customer_info"),localStorage.removeItem("customer_id"),A.push("/login"),V.success("已退出登录")}).catch(()=>{})};return W(()=>{n.value=JSON.parse(localStorage.getItem("customer_info")||"{}")}),(T,l)=>{const J=r("el-avatar"),S=r("el-tag"),f=r("el-button"),i=r("el-icon"),L=r("el-input-number"),g=r("el-dialog"),$=r("el-input"),U=r("el-form-item"),P=r("el-form"),I=r("el-switch");return z(),C("div",ll,[e("div",el,[e("div",tl,[t(J,{size:72,style:{background:"#fff",color:"#07c160","font-size":"32px","font-weight":"bold"}},{default:o(()=>[m(a(n.value.name?.charAt(0)||"租"),1)]),_:1})]),e("div",sl,[e("h3",null,a(n.value.name||"加载中..."),1),e("p",null,"手机号："+a(n.value.phone||"-"),1),e("div",ol,[e("span",null,"信用分："+a(n.value.creditScore||100),1),t(S,{size:"small",type:"success"},{default:o(()=>[m(a(n.value.creditLevel||"优秀"),1)]),_:1})])]),t(f,{icon:u(D),text:"",onClick:l[0]||(l[0]=s=>k.value=!0),class:"settings-btn"},null,8,["icon"])]),e("div",al,[e("div",nl,[l[18]||(l[18]=e("span",{class:"label"},"账户余额",-1)),e("span",ul,"¥"+a(n.value.balance||0),1)]),e("div",il,[t(f,{type:"primary",size:"small",onClick:l[1]||(l[1]=s=>c.value=!0)},{default:o(()=>[...l[19]||(l[19]=[m("充值",-1)])]),_:1}),t(f,{size:"small",onClick:l[2]||(l[2]=s=>w.value=!0)},{default:o(()=>[...l[20]||(l[20]=[m("提现",-1)])]),_:1})])]),e("div",dl,[e("div",rl,[e("span",ml,a(n.value.totalRentals||0),1),l[21]||(l[21]=e("span",{class:"label"},"租车次数",-1))]),l[24]||(l[24]=e("div",{class:"stat-divider"},null,-1)),e("div",vl,[e("span",pl,a(n.value.currentRentals||0),1),l[22]||(l[22]=e("span",{class:"label"},"当前在租",-1))]),l[25]||(l[25]=e("div",{class:"stat-divider"},null,-1)),e("div",fl,[e("span",_l,"¥"+a(n.value.totalSpent||0),1),l[23]||(l[23]=e("span",{class:"label"},"累计消费",-1))])]),e("div",cl,[e("div",{class:"menu-item",onClick:l[3]||(l[3]=s=>c.value=!0)},[t(i,{size:22,style:{color:"#07c160"}},{default:o(()=>[t(u(H))]),_:1}),l[26]||(l[26]=e("span",null,"充值余额",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})]),e("div",{class:"menu-item",onClick:l[4]||(l[4]=s=>b.value=!0)},[t(i,{size:22,style:{color:"#1890ff"}},{default:o(()=>[t(u(K))]),_:1}),l[27]||(l[27]=e("span",null,"交易记录",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})]),e("div",{class:"menu-item",onClick:l[5]||(l[5]=s=>T.$router.push("/orders"))},[t(i,{size:22,style:{color:"#ff6b35"}},{default:o(()=>[t(u(Q))]),_:1}),l[28]||(l[28]=e("span",null,"我的订单",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})]),e("div",{class:"menu-item",onClick:l[6]||(l[6]=s=>M.value=!0)},[t(i,{size:22,style:{color:"#722ed1"}},{default:o(()=>[t(u(X))]),_:1}),l[29]||(l[29]=e("span",null,"还车点",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})]),e("div",{class:"menu-item",onClick:l[7]||(l[7]=s=>x.value=!0)},[t(i,{size:22,style:{color:"#999"}},{default:o(()=>[t(u(Y))]),_:1}),l[30]||(l[30]=e("span",null,"关于我们",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})]),e("div",{class:"menu-item",onClick:O},[t(i,{size:22,style:{color:"#ff4d4f"}},{default:o(()=>[t(u(Z))]),_:1}),l[31]||(l[31]=e("span",null,"退出登录",-1)),t(i,null,{default:o(()=>[t(u(_))]),_:1})])]),t(g,{modelValue:c.value,"onUpdate:modelValue":l[9]||(l[9]=s=>c.value=s),title:"充值余额",width:"85%",center:""},{default:o(()=>[e("div",gl,[e("div",Vl,[l[32]||(l[32]=e("span",{class:"yuan"},"¥",-1)),t(L,{modelValue:p.value,"onUpdate:modelValue":l[8]||(l[8]=s=>p.value=s),min:10,max:1e4,step:10,size:"large"},null,8,["modelValue"])]),e("div",wl,[(z(),C(B,null,N([50,100,200,500],s=>t(S,{key:s,effect:p.value===s?"dark":"plain",class:"amount-tag",onClick:Al=>p.value=s},{default:o(()=>[m(" ¥"+a(s),1)]),_:2},1032,["effect","onClick"])),64))]),t(f,{type:"primary",size:"large",style:{width:"100%","margin-top":"16px"},onClick:R},{default:o(()=>[...l[33]||(l[33]=[m(" 确认充值 ",-1)])]),_:1})])]),_:1},8,["modelValue"]),t(g,{modelValue:w.value,"onUpdate:modelValue":l[12]||(l[12]=s=>w.value=s),title:"提现",width:"85%",center:""},{default:o(()=>[e("div",yl,[e("p",bl,"可提现金额：¥"+a(n.value.balance||0),1),t(P,{model:v.value,"label-position":"top"},{default:o(()=>[t(U,{label:"提现金额"},{default:o(()=>[t($,{modelValue:v.value.amount,"onUpdate:modelValue":l[10]||(l[10]=s=>v.value.amount=s),placeholder:"请输入提现金额",size:"large"},null,8,["modelValue"])]),_:1}),t(U,{label:"支付宝账号"},{default:o(()=>[t($,{modelValue:v.value.alipay,"onUpdate:modelValue":l[11]||(l[11]=s=>v.value.alipay=s),placeholder:"请输入支付宝账号",size:"large"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"]),t(f,{type:"primary",size:"large",style:{width:"100%"},onClick:E},{default:o(()=>[...l[34]||(l[34]=[m(" 确认提现 ",-1)])]),_:1})])]),_:1},8,["modelValue"]),t(g,{modelValue:b.value,"onUpdate:modelValue":l[13]||(l[13]=s=>b.value=s),title:"交易记录",width:"90%"},{default:o(()=>[e("div",kl,[(z(),C(B,null,N(5,s=>e("div",{class:"transaction-item",key:s},[e("div",xl,[e("span",zl,a(s%2===0?"消费":"充值"),1),e("span",Cl,"2026-03-"+a(20-s),1)]),e("span",{class:h(["tx-amount",s%2===0?"expense":"income"])},a(s%2===0?"-":"+")+"¥"+a((Math.random()*100).toFixed(2)),3)])),64))])]),_:1},8,["modelValue"]),t(g,{modelValue:k.value,"onUpdate:modelValue":l[16]||(l[16]=s=>k.value=s),title:"设置",width:"90%"},{default:o(()=>[e("div",Sl,[e("div",$l,[l[35]||(l[35]=e("span",null,"消息通知",-1)),t(I,{modelValue:y.value.notifications,"onUpdate:modelValue":l[14]||(l[14]=s=>y.value.notifications=s)},null,8,["modelValue"])]),e("div",Ul,[l[36]||(l[36]=e("span",null,"声音提示",-1)),t(I,{modelValue:y.value.sound,"onUpdate:modelValue":l[15]||(l[15]=s=>y.value.sound=s)},null,8,["modelValue"])]),e("div",Il,[l[38]||(l[38]=e("span",null,"清除缓存",-1)),t(f,{size:"small",onClick:F},{default:o(()=>[...l[37]||(l[37]=[m("清除",-1)])]),_:1})])])]),_:1},8,["modelValue"]),t(g,{modelValue:x.value,"onUpdate:modelValue":l[17]||(l[17]=s=>x.value=s),title:"关于我们",width:"85%",center:""},{default:o(()=>[...l[39]||(l[39]=[e("div",{class:"about-content"},[e("div",{class:"app-logo"},"🛵"),e("h3",null,"电动车租赁平台"),e("p",null,"版本：1.0.0"),e("p",{class:"desc"},"专业的电动车租赁服务，为您提供便捷的租车体验。")],-1)])]),_:1},8,["modelValue"])])}}},Rl=q(Bl,[["__scopeId","data-v-ff4839a8"]]);export{Rl as default};
|