triage_business/js/template-other-stepform.cc569936.js

"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[5601],{86229:function(e,l,t){t.r(l),t.d(l,{default:function(){return w}});var o=t(66252),a=t(3577);const u={key:2},i=(0,o.Uk)("再转一笔"),m=(0,o.Uk)("查看账单"),c=(0,o.Uk)("上一步"),n=(0,o.Uk)("下一步"),r=(0,o.Uk)("提交");function s(e,l,t,s,d,p){const f=(0,o.up)("el-step"),w=(0,o.up)("el-steps"),k=(0,o.up)("el-option"),b=(0,o.up)("el-select"),y=(0,o.up)("el-form-item"),g=(0,o.up)("el-input"),_=(0,o.up)("el-form"),W=(0,o.up)("el-alert"),v=(0,o.up)("el-descriptions-item"),h=(0,o.up)("el-descriptions"),V=(0,o.up)("el-divider"),U=(0,o.up)("el-button"),A=(0,o.up)("el-result"),q=(0,o.up)("el-col"),C=(0,o.up)("el-row"),j=(0,o.up)("el-card"),x=(0,o.up)("el-main");return(0,o.wg)(),(0,o.j4)(x,null,{default:(0,o.w5)((()=>[(0,o.Wm)(j,{shadow:"never",header:"分步表单"},{default:(0,o.w5)((()=>[(0,o.Wm)(w,{active:d.active,"align-center":"",style:{"margin-bottom":"20px"}},{default:(0,o.w5)((()=>[(0,o.Wm)(f,{title:"填写转账信息"}),(0,o.Wm)(f,{title:"确认转账信息"}),(0,o.Wm)(f,{title:"完成"})])),_:1},8,["active"]),(0,o.Wm)(C,null,{default:(0,o.w5)((()=>[(0,o.Wm)(q,{lg:{span:8,offset:8}},{default:(0,o.w5)((()=>[0==d.active?((0,o.wg)(),(0,o.j4)(_,{key:0,ref:"stepForm_0",model:d.form,rules:d.rules,"label-position":"top"},{default:(0,o.w5)((()=>[(0,o.Wm)(y,{label:"付款账户",prop:"paymentAccount"},{default:(0,o.w5)((()=>[(0,o.Wm)(b,{modelValue:d.form.paymentAccount,"onUpdate:modelValue":l[0]||(l[0]=e=>d.form.paymentAccount=e),clearable:""},{default:(0,o.w5)((()=>[(0,o.Wm)(k,{label:"sakuya@scui.com",value:"sakuya@scui.com"}),(0,o.Wm)(k,{label:"lolicode@scui.com",value:"lolicode@scui.com"})])),_:1},8,["modelValue"])])),_:1}),(0,o.Wm)(y,{label:"收款账户",prop:"collectionAccount"},{default:(0,o.w5)((()=>[(0,o.Wm)(g,{modelValue:d.form.collectionAccount,"onUpdate:modelValue":l[1]||(l[1]=e=>d.form.collectionAccount=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,o.Wm)(y,{label:"收款人姓名",prop:"collectionName"},{default:(0,o.w5)((()=>[(0,o.Wm)(g,{modelValue:d.form.collectionName,"onUpdate:modelValue":l[2]||(l[2]=e=>d.form.collectionName=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,o.Wm)(y,{label:"转账金额",prop:"amount"},{default:(0,o.w5)((()=>[(0,o.Wm)(g,{modelValue:d.form.amount,"onUpdate:modelValue":l[3]||(l[3]=e=>d.form.amount=e)},null,8,["modelValue"])])),_:1})])),_:1},8,["model","rules"])):(0,o.kq)("",!0),1==d.active?((0,o.wg)(),(0,o.j4)(_,{key:1,ref:"stepForm_1",model:d.form,rules:d.rules,"label-position":"top"},{default:(0,o.w5)((()=>[(0,o.Wm)(W,{title:"确认转账后，资金将直接打入对方账户，无法退回。",type:"warning","show-icon":"",style:{"margin-bottom":"15px"}}),(0,o.Wm)(h,{column:1,border:""},{default:(0,o.w5)((()=>[(0,o.Wm)(v,{label:"付款账户"},{default:(0,o.w5)((()=>[(0,o.Uk)((0,a.toDisplayString)(d.form.paymentAccount),1)])),_:1}),(0,o.Wm)(v,{label:"收款账户"},{default:(0,o.w5)((()=>[(0,o.Uk)((0,a.toDisplayString)(d.form.collectionAccount),1)])),_:1}),(0,o.Wm)(v,{label:"收款人姓名"},{default:(0,o.w5)((()=>[(0,o.Uk)((0,a.toDisplayString)(d.form.collectionName),1)])),_:1}),(0,o.Wm)(v,{label:"转账金额"},{default:(0,o.w5)((()=>[(0,o.Uk)((0,a.toDisplayString)(d.form.amount)+" 元",1)])),_:1})])),_:1}),(0,o.Wm)(V),(0,o.Wm)(y,{label:"支付密码",prop:"payPassword"},{default:(0,o.w5)((()=>[(0,o.Wm)(g,{modelValue:d.form.payPassword,"onUpdate:modelValue":l[4]||(l[4]=e=>d.form.payPassword=e),"show-password":"",placeholder:"请输入"},null,8,["modelValue"])])),_:1})])),_:1},8,["model","rules"])):(0,o.kq)("",!0),2==d.active?((0,o.wg)(),(0,o.iD)("div",u,[(0,o.Wm)(A,{icon:"success",title:"操作成功","sub-title":"预计两小时内到账"},{extra:(0,o.w5)((()=>[(0,o.Wm)(U,{type:"primary",onClick:p.again},{default:(0,o.w5)((()=>[i])),_:1},8,["onClick"]),(0,o.Wm)(U,null,{default:(0,o.w5)((()=>[m])),_:1})])),_:1})])):(0,o.kq)("",!0),d.active>0&&d.active<2?((0,o.wg)(),(0,o.j4)(U,{key:3,onClick:p.pre,disabled:d.submitLoading},{default:(0,o.w5)((()=>[c])),_:1},8,["onClick","disabled"])):(0,o.kq)("",!0),d.active<1?((0,o.wg)(),(0,o.j4)(U,{key:4,type:"primary",onClick:p.next},{default:(0,o.w5)((()=>[n])),_:1},8,["onClick"])):(0,o.kq)("",!0),1==d.active?((0,o.wg)(),(0,o.j4)(U,{key:5,type:"primary",onClick:p.submit,loading:d.submitLoading},{default:(0,o.w5)((()=>[r])),_:1},8,["onClick","loading"])):(0,o.kq)("",!0)])),_:1})])),_:1})])),_:1})])),_:1})}var d={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}}},p=t(83744);const f=(0,p.Z)(d,[["render",s],["__scopeId","data-v-3196d76a"]]);var w=f}}]);