You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.9 KiB
1 lines
6.9 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6c7a7bac"],{"09f3":function(e,t,a){"use strict";a("4456")},4456:function(e,t,a){},"81a2":function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[e._m(0),a("div",{staticClass:"ele-body"},[a("el-card",{attrs:{shadow:"never","body-style":"padding: 15px 20px 25px 20px;"}},[a("div",{staticStyle:{"max-width":"700px",margin:"0 auto"}},[a("el-steps",{staticClass:"ele-steps-horizontal",staticStyle:{margin:"10px 0 45px 0"},attrs:{active:e.active}},[a("el-step",{attrs:{title:"第一步",description:"填写转账信息"}}),a("el-step",{attrs:{title:"第二步",description:"确认转账信息"}}),a("el-step",{attrs:{title:"第三步",description:"转账成功"}})],1),0===e.active?a("el-form",{ref:"form1",staticStyle:{"padding-right":"45px"},attrs:{model:e.form1,rules:e.rules1,"label-width":"120px"}},[a("el-form-item",{attrs:{label:"付款账户:",prop:"account"}},[a("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择付款账户",clearable:""},model:{value:e.form1.account,callback:function(t){e.$set(e.form1,"account",t)},expression:"form1.account"}},[a("el-option",{attrs:{label:"eleadmin@eclouds.com",value:"eleadmin@eclouds.com"}})],1)],1),a("el-form-item",{attrs:{label:"收款账户:",prop:"receiver"}},[a("el-input",{staticClass:"input-with-select",attrs:{placeholder:"请输入收款账户",clearable:""},model:{value:e.form1.receiver,callback:function(t){e.$set(e.form1,"receiver",t)},expression:"form1.receiver"}},[a("el-select",{attrs:{slot:"prepend"},slot:"prepend",model:{value:e.form1.pay,callback:function(t){e.$set(e.form1,"pay",t)},expression:"form1.pay"}},[a("el-option",{attrs:{label:"支付宝",value:"alipay"}}),a("el-option",{attrs:{label:"微信",value:"wxpay"}})],1)],1)],1),a("el-form-item",{attrs:{label:"收款人姓名:",prop:"name"}},[a("el-input",{attrs:{placeholder:"请输入收款人姓名",clearable:""},model:{value:e.form1.name,callback:function(t){e.$set(e.form1,"name",t)},expression:"form1.name"}})],1),a("el-form-item",{attrs:{label:"转账金额:",prop:"amount"}},[a("el-input",{attrs:{placeholder:"请输入转账金额","prefix-icon":"el-icon-_rmb",clearable:""},model:{value:e.form1.amount,callback:function(t){e.$set(e.form1,"amount",t)},expression:"form1.amount"}})],1),a("el-form-item",[a("el-button",{attrs:{type:"primary",loading:e.loading1},on:{click:e.submit1}},[e._v("下一步 ")])],1)],1):e._e(),1===e.active?a("el-form",{ref:"form2",staticClass:"ele-form-detail",attrs:{model:e.form2,rules:e.rules2,"label-width":"140px"}},[a("el-alert",{staticClass:"ele-alert-border",staticStyle:{"margin-bottom":"20px"},attrs:{title:"确认转账后，资金将直接打入对方账户，无法退回。",type:"info","show-icon":""}}),a("el-form-item",{attrs:{label:"付款账户:"}},[a("span",[e._v(e._s(e.form1.account))])]),a("el-form-item",{attrs:{label:"收款账户:",prop:"receiver"}},[a("span",[e._v(e._s(e.form1.receiver))])]),a("el-form-item",{attrs:{label:"收款人姓名:",prop:"name"}},[a("span",[e._v(e._s(e.form1.name))])]),a("el-form-item",{attrs:{label:"转账金额:",prop:"amount"}},[a("span",{staticStyle:{"font-size":"24px"}},[e._v(e._s(e.form1.amount))]),a("span",[e._v(" 元")])]),a("div",{staticStyle:{margin:"20px 0 30px 0"}},[a("el-divider")],1),a("el-form-item",{staticStyle:{"margin-bottom":"22px"},attrs:{label:"支付密码:",prop:"password"}},[a("el-input",{staticStyle:{"max-width":"280px"},attrs:{placeholder:"请输入支付密码","show-password":""},model:{value:e.form2.password,callback:function(t){e.$set(e.form2,"password",t)},expression:"form2.password"}})],1),a("el-form-item",[a("el-button",{attrs:{type:"primary",loading:e.loading2},on:{click:e.submit2}},[e._v("下一步 ")]),a("el-button",{on:{click:function(t){e.active=0}}},[e._v("上一步")])],1)],1):e._e(),2===e.active?a("div",[a("ele-result",{attrs:{title:"操作成功",desc:"预计两小时内到账"}},[a("el-form",{staticClass:"ele-form-detail",attrs:{"label-width":"100px",size:"mini"}},[a("el-form-item",{attrs:{label:"付款账户:"}},[a("span",[e._v(e._s(e.form1.account))])]),a("el-form-item",{attrs:{label:"收款账户:"}},[a("span",[e._v(e._s(e.form1.receiver))])]),a("el-form-item",{attrs:{label:"收款人姓名:"}},[a("span",[e._v(e._s(e.form1.name))])]),a("el-form-item",{staticStyle:{"margin-bottom":"0"},attrs:{label:"转账金额:"}},[a("span",{staticStyle:{"font-size":"24px"}},[e._v(e._s(e.form1.amount))]),a("span",[e._v(" 元")])])],1),a("template",{slot:"actions"},[a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.active=0}}},[e._v("再转一笔")]),a("el-button",[e._v("查看账单")])],1)],2)],1):e._e()],1),0===e.active?a("div",[a("div",{staticStyle:{margin:"35px 0 25px 0"}},[a("el-divider")],1),a("el-alert",{staticClass:"ele-alert-border",attrs:{type:"info",closable:!1}},[a("h6",{staticStyle:{margin:"5px 0 15px 0"}},[e._v("说明")]),a("h6",{staticStyle:{"margin-bottom":"10px"}},[e._v("转账到支付宝")]),a("p",{staticStyle:{"margin-bottom":"15px"}},[e._v(" 如果需要，这里可以放一些关于产品的常见问题说明。如果需要， 这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。 ")]),a("h6",{staticStyle:{"margin-bottom":"10px"}},[e._v("转账到微信")]),a("p",{staticStyle:{"margin-bottom":"15px"}},[e._v(" 如果需要，这里可以放一些关于产品的常见问题说明。如果需要， 这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。 ")])])],1):e._e()])],1)])},r=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"ele-page-header"},[a("div",{staticClass:"ele-page-title"},[e._v("分步表单")]),a("div",{staticClass:"ele-page-desc"},[e._v("将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。")])])}],i={name:"FormStep",data:function(){return{active:0,form1:{account:"eleadmin@eclouds.com",receiver:"test@example.com",pay:"alipay",name:"Alex",amount:500},rules1:{account:[{required:!0,message:"请选择付款账户",trigger:"blur"}],receiver:[{required:!0,message:"请输入收款账户",trigger:"blur"}],name:[{required:!0,message:"请输入收款人姓名",trigger:"blur"}],amount:[{required:!0,message:"请输入转账金额",trigger:"blur"}]},loading1:!1,form2:{password:"123456"},rules2:{password:[{required:!0,message:"请输入支付密码",trigger:"blur"}]},loading2:!1}},methods:{submit1:function(){var e=this;this.$refs["form1"].validate((function(t){if(!t)return!1;e.loading1=!0,setTimeout((function(){e.loading1=!1,e.active=1}),300)}))},submit2:function(){var e=this;this.$refs["form2"].validate((function(t){if(!t)return!1;e.loading2=!0,setTimeout((function(){e.loading2=!1,e.active=2}),300)}))}}},s=i,o=(a("09f3"),a("2877")),n=Object(o["a"])(s,l,r,!1,null,"5f372796",null);t["default"]=n.exports}}]);
|