| 1 |
- import{_ as U}from"./index-BcFWfTET.js";import{_ as w}from"./index-CL6hUm94.js";import{V as P,v as V,w as L,W as R,G as A,a0 as $,E as q,F as K,a6 as O,a8 as E,a9 as G,a7 as j,b9 as W,ba as z}from"./antd-B7v2hwFR.js";import{f as B,r as I,a2 as N,a5 as v,k as t,a3 as x,aa as e,u,G as s,ac as D,a9 as S,ae as F}from"./vue-DApy1uhY.js";import"./context-BAOSbWj-.js";const H={__name:"step1",emits:["nextStep"],setup(k,{emit:p}){const c=p,i=B(),_={lg:{span:5},sm:{span:5}},d={lg:{span:19},sm:{span:19}},l=I({paymentAccount:"",collectAccount:"test@example.com",name:"Kirk Lin",amount:1e6});async function n(){var r;try{await((r=i.value)==null?void 0:r.validateFields()),c("nextStep")}catch(a){console.log("Failed:",a)}}return(r,a)=>{const o=L,b=V,m=P,y=R,T=A,g=$,C=q;return v(),N("div",null,[t(g,{ref_key:"formRef",ref:i,model:u(l),style:{"max-width":"500px",margin:"40px auto 0"},"label-col":_,"wrapper-col":d},{default:e(()=>[t(m,{label:"付款账户",name:"paymentAccount",rules:[{required:!0,message:"付款账户必须填写"}]},{default:e(()=>[t(b,{value:u(l).paymentAccount,"onUpdate:value":a[0]||(a[0]=f=>u(l).paymentAccount=f),placeholder:"ant-design@alipay.com"},{default:e(()=>[t(o,{value:"1"},{default:e(()=>a[4]||(a[4]=[s(" antdv@aibayanyu.com ")])),_:1})]),_:1},8,["value"])]),_:1}),t(m,{label:"收款账户",name:"collectAccount",rules:[{required:!0,message:"收款账户必须填写"}]},{default:e(()=>[t(y,{value:u(l).collectAccount,"onUpdate:value":a[1]||(a[1]=f=>u(l).collectAccount=f)},null,8,["value"])]),_:1}),t(m,{label:"收款人姓名",name:"name",rules:[{required:!0,message:"收款人名称必须核对"}]},{default:e(()=>[t(y,{value:u(l).name,"onUpdate:value":a[2]||(a[2]=f=>u(l).name=f)},null,8,["value"])]),_:1}),t(m,{label:"转账金额",name:"amount",rules:[{required:!0,message:"转账金额必须填写"}]},{default:e(()=>[t(y,{value:u(l).amount,"onUpdate:value":a[3]||(a[3]=f=>u(l).amount=f),prefix:"￥"},null,8,["value"])]),_:1}),t(m,{"wrapper-col":{span:19,offset:5}},{default:e(()=>[t(T,{type:"primary",onClick:n},{default:e(()=>a[5]||(a[5]=[s(" 下一步 ")])),_:1})]),_:1})]),_:1},8,["model"]),t(C),a[6]||(a[6]=x("div",{class:"step-form-style-desc ant-steps-item-title"},[x("h3",null," 说明 "),x("h4",null,"转账到支付宝账户"),x("p",null,"如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。"),x("h4",null,"转账到银行卡"),x("p",null,"如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。")],-1))])}}},J=w(H,[["__scopeId","data-v-1db5d306"]]),M={__name:"step2",emits:["prevStep","nextStep"],setup(k,{emit:p}){const c=p,i=B(),_={lg:{span:5},sm:{span:5}},d={lg:{span:19},sm:{span:19}},l=I({paymentPassword:"123456"});function n(){var a;(a=i.value)==null||a.validateFields().then(()=>{c("nextStep")})}function r(){c("prevStep")}return(a,o)=>{const b=K,m=P,y=q,T=R,g=A,C=$;return v(),N("div",null,[t(C,{ref_key:"formRef",ref:i,model:u(l),style:{"max-width":"500px",margin:"40px auto 0"}},{default:e(()=>[t(b,{closable:!0,message:"确认转账后，资金将直接打入对方账户，无法退回。",style:{"margin-bottom":"24px"}}),t(m,{label:"付款账户","label-col":_,"wrapper-col":d,class:"stepFormText"},{default:e(()=>o[1]||(o[1]=[s(" antdv@aibayanyu.com ")])),_:1}),t(m,{label:"收款账户","label-col":_,"wrapper-col":d,class:"stepFormText"},{default:e(()=>o[2]||(o[2]=[s(" test@example.com ")])),_:1}),t(m,{label:"收款人姓名","label-col":_,"wrapper-col":d,class:"stepFormText"},{default:e(()=>o[3]||(o[3]=[s(" Kirk Lin ")])),_:1}),t(m,{label:"转账金额","label-col":_,"wrapper-col":d,class:"stepFormText"},{default:e(()=>o[4]||(o[4]=[s(" ￥ 1,000,000.00 ")])),_:1}),t(y),t(m,{label:"支付密码","label-col":_,"wrapper-col":d,class:"stepFormText",name:"paymentPassword",rules:[{required:!0,message:"需要支付密码才能进行支付"}]},{default:e(()=>[t(T,{value:u(l).paymentPassword,"onUpdate:value":o[0]||(o[0]=f=>u(l).paymentPassword=f),type:"password",style:{width:"80%"}},null,8,["value"])]),_:1}),t(m,{"wrapper-col":{span:19,offset:5}},{default:e(()=>[t(g,{type:"primary",onClick:n},{default:e(()=>o[5]||(o[5]=[s(" 提交 ")])),_:1}),t(g,{style:{"margin-left":"8px"},onClick:r},{default:e(()=>o[6]||(o[6]=[s(" 上一步 ")])),_:1})]),_:1})]),_:1},8,["model"])])}}},Q=w(M,[["__scopeId","data-v-9ad048aa"]]),X={class:"information"},Y={__name:"step3",emits:["finish"],setup(k,{emit:p}){const c=p,i=D();function _(){c("finish")}function d(){i.push("/profile/advanced")}return(l,n)=>{const r=G,a=E,o=A,b=O,m=$;return v(),N("div",null,[t(m,null,{default:e(()=>[t(b,{title:"操作成功","is-success":!0,"sub-title":"预计两小时内到账",style:{"max-width":"560px",margin:"40px auto 0"}},{extra:e(()=>[t(o,{type:"primary",onClick:_},{default:e(()=>n[8]||(n[8]=[s(" 再转一笔 ")])),_:1}),t(o,{style:{"margin-left":"8px"},onClick:d},{default:e(()=>n[9]||(n[9]=[s(" 查看账单 ")])),_:1})]),default:e(()=>[x("div",X,[t(a,null,{default:e(()=>[t(r,{sm:8,xs:24},{default:e(()=>n[0]||(n[0]=[s(" 付款账户： ")])),_:1}),t(r,{sm:16,xs:24},{default:e(()=>n[1]||(n[1]=[s(" antdv@aibayanyu.com ")])),_:1})]),_:1}),t(a,null,{default:e(()=>[t(r,{sm:8,xs:24},{default:e(()=>n[2]||(n[2]=[s(" 收款账户： ")])),_:1}),t(r,{sm:16,xs:24},{default:e(()=>n[3]||(n[3]=[s(" test@example.com ")])),_:1})]),_:1}),t(a,null,{default:e(()=>[t(r,{sm:8,xs:24},{default:e(()=>n[4]||(n[4]=[s(" 收款人姓名： ")])),_:1}),t(r,{sm:16,xs:24},{default:e(()=>n[5]||(n[5]=[s(" Kirk Lin ")])),_:1})]),_:1}),t(a,null,{default:e(()=>[t(r,{sm:8,xs:24},{default:e(()=>n[6]||(n[6]=[s(" 转账金额： ")])),_:1}),t(r,{sm:16,xs:24},{default:e(()=>n[7]||(n[7]=[x("span",{class:"money"},"1,000,000",-1),s(" 元 ")])),_:1})]),_:1})])]),_:1})]),_:1})])}}},Z=w(Y,[["__scopeId","data-v-7e2fa340"]]),h={class:"content"},tt=Object.assign({name:"StepForm"},{__name:"index",setup(k){const p=I({currentTab:0,form:null});function c(){p.currentTab<2&&(p.currentTab+=1)}function i(){p.currentTab>0&&(p.currentTab-=1)}function _(){p.currentTab=0}return(d,l)=>{const n=z,r=W,a=j,o=U;return v(),S(o,null,{content:e(()=>l[0]||(l[0]=[s(" 将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。 ")])),default:e(()=>[t(a,{bordered:!1},{default:e(()=>[t(r,{class:"steps",current:u(p).currentTab},{default:e(()=>[t(n,{title:"填写转账信息"}),t(n,{title:"确认转账信息"}),t(n,{title:"完成"})]),_:1},8,["current"]),x("div",h,[u(p).currentTab===0?(v(),S(J,{key:0,onNextStep:c})):F("",!0),u(p).currentTab===1?(v(),S(Q,{key:1,onNextStep:c,onPrevStep:i})):F("",!0),u(p).currentTab===2?(v(),S(Z,{key:2,onPrevsStep:i,onFinish:_})):F("",!0)])]),_:1})]),_:1})}}}),lt=w(tt,[["__scopeId","data-v-f9f9c102"]]);export{lt as default};
|
