"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[5205],{8841:function(e,l,t){t.r(l),t.d(l,{default:function(){return s}});var o=t(641),a=t(2644);const u={key:2};function i(e,l,t,i,c,n){const r=(0,o.g2)("el-step"),s=(0,o.g2)("el-steps"),m=(0,o.g2)("el-option"),d=(0,o.g2)("el-select"),b=(0,o.g2)("el-form-item"),p=(0,o.g2)("el-input"),f=(0,o.g2)("el-form"),k=(0,o.g2)("el-alert"),v=(0,o.g2)("el-descriptions-item"),g=(0,o.g2)("el-descriptions"),_=(0,o.g2)("el-divider"),F=(0,o.g2)("el-button"),y=(0,o.g2)("el-result"),h=(0,o.g2)("el-col"),V=(0,o.g2)("el-row"),W=(0,o.g2)("el-card"),w=(0,o.g2)("el-main");return(0,o.uX)(),(0,o.Wv)(w,null,{default:(0,o.k6)((()=>[(0,o.bF)(W,{shadow:"never",header:"分步表单"},{default:(0,o.k6)((()=>[(0,o.bF)(s,{active:c.active,"align-center":"",style:{"margin-bottom":"20px"}},{default:(0,o.k6)((()=>[(0,o.bF)(r,{title:"填写转账信息"}),(0,o.bF)(r,{title:"确认转账信息"}),(0,o.bF)(r,{title:"完成"})])),_:1},8,["active"]),(0,o.bF)(V,null,{default:(0,o.k6)((()=>[(0,o.bF)(h,{lg:{span:8,offset:8}},{default:(0,o.k6)((()=>[0==c.active?((0,o.uX)(),(0,o.Wv)(f,{key:0,ref:"stepForm_0",model:c.form,rules:c.rules,"label-position":"top"},{default:(0,o.k6)((()=>[(0,o.bF)(b,{label:"付款账户",prop:"paymentAccount"},{default:(0,o.k6)((()=>[(0,o.bF)(d,{modelValue:c.form.paymentAccount,"onUpdate:modelValue":l[0]||(l[0]=e=>c.form.paymentAccount=e),clearable:""},{default:(0,o.k6)((()=>[(0,o.bF)(m,{label:"sakuya@scui.com",value:"sakuya@scui.com"}),(0,o.bF)(m,{label:"lolicode@scui.com",value:"lolicode@scui.com"})])),_:1},8,["modelValue"])])),_:1}),(0,o.bF)(b,{label:"收款账户",prop:"collectionAccount"},{default:(0,o.k6)((()=>[(0,o.bF)(p,{modelValue:c.form.collectionAccount,"onUpdate:modelValue":l[1]||(l[1]=e=>c.form.collectionAccount=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,o.bF)(b,{label:"收款人姓名",prop:"collectionName"},{default:(0,o.k6)((()=>[(0,o.bF)(p,{modelValue:c.form.collectionName,"onUpdate:modelValue":l[2]||(l[2]=e=>c.form.collectionName=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,o.bF)(b,{label:"转账金额",prop:"amount"},{default:(0,o.k6)((()=>[(0,o.bF)(p,{modelValue:c.form.amount,"onUpdate:modelValue":l[3]||(l[3]=e=>c.form.amount=e)},null,8,["modelValue"])])),_:1})])),_:1},8,["model","rules"])):(0,o.Q3)("",!0),1==c.active?((0,o.uX)(),(0,o.Wv)(f,{key:1,ref:"stepForm_1",model:c.form,rules:c.rules,"label-position":"top"},{default:(0,o.k6)((()=>[(0,o.bF)(k,{title:"确认转账后，资金将直接打入对方账户，无法退回。",type:"warning","show-icon":"",style:{"margin-bottom":"15px"}}),(0,o.bF)(g,{column:1,border:""},{default:(0,o.k6)((()=>[(0,o.bF)(v,{label:"付款账户"},{default:(0,o.k6)((()=>[(0,o.eW)((0,a.v_)(c.form.paymentAccount),1)])),_:1}),(0,o.bF)(v,{label:"收款账户"},{default:(0,o.k6)((()=>[(0,o.eW)((0,a.v_)(c.form.collectionAccount),1)])),_:1}),(0,o.bF)(v,{label:"收款人姓名"},{default:(0,o.k6)((()=>[(0,o.eW)((0,a.v_)(c.form.collectionName),1)])),_:1}),(0,o.bF)(v,{label:"转账金额"},{default:(0,o.k6)((()=>[(0,o.eW)((0,a.v_)(c.form.amount)+" 元",1)])),_:1})])),_:1}),(0,o.bF)(_),(0,o.bF)(b,{label:"支付密码",prop:"payPassword"},{default:(0,o.k6)((()=>[(0,o.bF)(p,{modelValue:c.form.payPassword,"onUpdate:modelValue":l[4]||(l[4]=e=>c.form.payPassword=e),"show-password":"",placeholder:"请输入"},null,8,["modelValue"])])),_:1})])),_:1},8,["model","rules"])):(0,o.Q3)("",!0),2==c.active?((0,o.uX)(),(0,o.CE)("div",u,[(0,o.bF)(y,{icon:"success",title:"操作成功","sub-title":"预计两小时内到账"},{extra:(0,o.k6)((()=>[(0,o.bF)(F,{type:"primary",onClick:n.again},{default:(0,o.k6)((()=>[(0,o.eW)("再转一笔")])),_:1},8,["onClick"]),(0,o.bF)(F,null,{default:(0,o.k6)((()=>[(0,o.eW)("查看账单")])),_:1})])),_:1})])):(0,o.Q3)("",!0),c.active>0&&c.active<2?((0,o.uX)(),(0,o.Wv)(F,{key:3,onClick:n.pre,disabled:c.submitLoading},{default:(0,o.k6)((()=>[(0,o.eW)("上一步")])),_:1},8,["onClick","disabled"])):(0,o.Q3)("",!0),c.active<1?((0,o.uX)(),(0,o.Wv)(F,{key:4,type:"primary",onClick:n.next},{default:(0,o.k6)((()=>[(0,o.eW)("下一步")])),_:1},8,["onClick"])):(0,o.Q3)("",!0),1==c.active?((0,o.uX)(),(0,o.Wv)(F,{key:5,type:"primary",onClick:n.submit,loading:c.submitLoading},{default:(0,o.k6)((()=>[(0,o.eW)("提交")])),_:1},8,["onClick","loading"])):(0,o.Q3)("",!0)])),_:1})])),_:1})])),_:1})])),_:1})}var c={name:"stepform",data(){return{active:0,submitLoading:!1,form:{paymentAccount:"lolicode@scui.com",collectionAccount:"test@example.com",collectionName:"Lolowan",amount:"100",payPassword:""},rules:{paymentAccount:[{required:!0,message:"请选择付款账户"}],collectionAccount:[{required:!0,message:"请输入收款账户"}],collectionName:[{required:!0,message:"请输入收款人姓名"}],amount:[{required:!0,message:"请输入转账金额"}],payPassword:[{required:!0,message:"需要支付密码才能进行支付"}]}}},mounted(){},methods:{next(){const e=`stepForm_${this.active}`;this.$refs[e].validate((e=>{if(!e)return!1;this.active+=1}))},pre(){this.active-=1},submit(){const e=`stepForm_${this.active}`;this.$refs[e].validate((e=>{if(!e)return!1;this.submitLoading=!0,setTimeout((()=>{this.submitLoading=!1,this.active+=1}),1e3)}))},again(){this.active=0}}},n=t(6262);const r=(0,n.A)(c,[["render",i],["__scopeId","data-v-a03823a8"]]);var s=r}}]);