| 1 |
- /* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{d as J,r as _,I as O,c as E,a as n,b as l,u as U,w as o,i as W,x,a5 as D,F as X,h as j,a1 as G,o as p,e as d,E as H,$ as K,t as c,J as Q,a9 as Y,R as Z,V as ee,f as le,T as te,U as ae,W as oe,X as se,aa as ne,a0 as h,ab as de,_ as re}from"./index-hZHbf6Qq.js";import{P as ie}from"./index-C__Mp2q5.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */const ue={class:"page-container"},pe={class:"page-header"},ce={class:"address-list"},me={class:"address-info"},fe={class:"address-name"},_e={class:"address-detail"},ve={class:"address-phone"},ge={class:"address-actions"},ye=J({__name:"index",setup(Ve){const r=_(!1),v=_("新增收货地址"),w=_(),g=_(null),t=O({name:"",phone:"",province:"",city:"",district:"",address:"",isDefault:!1}),B={name:[{required:!0,message:"请输入收货人姓名",trigger:"blur"}],phone:[{required:!0,message:"请输入联系电话",trigger:"blur"},{pattern:/^1[3-9]\d{9}$/,message:"请输入正确的手机号",trigger:"blur"}],province:[{required:!0,message:"请选择省份",trigger:"change"}],address:[{required:!0,message:"请输入详细地址",trigger:"blur"}]},m=_([{id:1,name:"中国南方电网有限公司",phone:"18062697722",province:"广东省",city:"广州市",district:"萝岗区",address:"科学城11号",isDefault:!0},{id:2,name:"中国南方电网有限公司",phone:"18062697722",province:"广东省",city:"广州市",district:"萝岗区",address:"科学城11号",isDefault:!1},{id:3,name:"中国南方电网有限公司",phone:"18062697722",province:"广东省",city:"广州市",district:"萝岗区",address:"科学城11号",isDefault:!1}]),I=()=>{t.name="",t.phone="",t.province="",t.city="",t.district="",t.address="",t.isDefault=!1,g.value=null},T=()=>{I(),v.value="新增收货地址",r.value=!0},$=s=>{g.value=s.id,t.name=s.name,t.phone=s.phone,t.province=s.province,t.city=s.city,t.district=s.district,t.address=s.address,t.isDefault=s.isDefault,v.value="编辑收货地址",r.value=!0},F=async()=>{var e;await((e=w.value)==null?void 0:e.validate())&&(h.success(g.value?"修改成功":"新增成功"),r.value=!1)},S=s=>{de.confirm("确定要删除该收货地址吗？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{const e=m.value.findIndex(y=>y.id===s.id);e>-1&&m.value.splice(e,1),h.success("删除成功")})},q=s=>{m.value.forEach(e=>{e.isDefault=e.id===s.id}),h.success("设置成功")};return(s,e)=>{const y=H,i=W,N=Q,R=Y,V=le,f=ee,u=se,k=oe,b=ae,L=te,M=ne,P=Z,z=G;return p(),E("div",ue,[n("div",pe,[l(U(ie),{title:"收货地址"}),l(i,{type:"danger",link:"",onClick:T},{default:o(()=>[l(y,null,{default:o(()=>[l(U(K))]),_:1}),e[9]||(e[9]=d("新增收货地址 ",-1))]),_:1})]),n("div",ce,[(p(!0),E(X,null,j(m.value,(a,A)=>(p(),E("div",{key:A,class:"address-item"},[n("div",me,[n("div",fe,[n("span",null,c(a.name),1),a.isDefault?(p(),x(N,{key:0,type:"danger",size:"small"},{default:o(()=>[...e[10]||(e[10]=[d("默认地址",-1)])]),_:1})):D("",!0)]),n("div",_e,c(a.province)+" "+c(a.city)+" "+c(a.district)+c(a.address),1),n("div",ve,c(a.phone),1)]),n("div",ge,[l(i,{type:"primary",link:"",onClick:C=>$(a)},{default:o(()=>[...e[11]||(e[11]=[d("编辑",-1)])]),_:1},8,["onClick"]),l(i,{type:"danger",link:"",onClick:C=>S(a)},{default:o(()=>[...e[12]||(e[12]=[d("删除",-1)])]),_:1},8,["onClick"]),a.isDefault?D("",!0):(p(),x(i,{key:0,type:"danger",link:"",onClick:C=>q(a)},{default:o(()=>[...e[13]||(e[13]=[d("设为默认",-1)])]),_:1},8,["onClick"]))])]))),128)),m.value.length===0?(p(),x(R,{key:0,description:"暂无收货地址"})):D("",!0)]),l(z,{modelValue:r.value,"onUpdate:modelValue":e[8]||(e[8]=a=>r.value=a),title:v.value,width:"550px"},{footer:o(()=>[l(i,{onClick:e[7]||(e[7]=a=>r.value=!1)},{default:o(()=>[...e[14]||(e[14]=[d("取消",-1)])]),_:1}),l(i,{type:"danger",onClick:F},{default:o(()=>[...e[15]||(e[15]=[d("确定",-1)])]),_:1})]),default:o(()=>[l(P,{ref_key:"formRef",ref:w,model:t,rules:B,"label-width":"100px"},{default:o(()=>[l(f,{label:"收货人",prop:"name"},{default:o(()=>[l(V,{modelValue:t.name,"onUpdate:modelValue":e[0]||(e[0]=a=>t.name=a),placeholder:"请输入收货人姓名"},null,8,["modelValue"])]),_:1}),l(f,{label:"联系电话",prop:"phone"},{default:o(()=>[l(V,{modelValue:t.phone,"onUpdate:modelValue":e[1]||(e[1]=a=>t.phone=a),placeholder:"请输入联系电话"},null,8,["modelValue"])]),_:1}),l(f,{label:"所在地区",prop:"province"},{default:o(()=>[l(L,{gutter:10},{default:o(()=>[l(b,{span:8},{default:o(()=>[l(k,{modelValue:t.province,"onUpdate:modelValue":e[2]||(e[2]=a=>t.province=a),placeholder:"省份",style:{width:"100%"}},{default:o(()=>[l(u,{label:"广东省",value:"广东省"}),l(u,{label:"北京市",value:"北京市"})]),_:1},8,["modelValue"])]),_:1}),l(b,{span:8},{default:o(()=>[l(k,{modelValue:t.city,"onUpdate:modelValue":e[3]||(e[3]=a=>t.city=a),placeholder:"城市",style:{width:"100%"}},{default:o(()=>[l(u,{label:"广州市",value:"广州市"}),l(u,{label:"深圳市",value:"深圳市"})]),_:1},8,["modelValue"])]),_:1}),l(b,{span:8},{default:o(()=>[l(k,{modelValue:t.district,"onUpdate:modelValue":e[4]||(e[4]=a=>t.district=a),placeholder:"区县",style:{width:"100%"}},{default:o(()=>[l(u,{label:"萝岗区",value:"萝岗区"}),l(u,{label:"天河区",value:"天河区"})]),_:1},8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(f,{label:"详细地址",prop:"address"},{default:o(()=>[l(V,{modelValue:t.address,"onUpdate:modelValue":e[5]||(e[5]=a=>t.address=a),type:"textarea",rows:2,placeholder:"请输入详细地址"},null,8,["modelValue"])]),_:1}),l(f,{label:"设为默认"},{default:o(()=>[l(M,{modelValue:t.isDefault,"onUpdate:modelValue":e[6]||(e[6]=a=>t.isDefault=a)},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}}),Ne=re(ye,[["__scopeId","data-v-9f4596f2"]]);export{Ne as default};
|
