<template>
|
<div>
|
<a-form>
|
<a-result title="操作成功" :is-success="true" sub-title="预计两小时内到账" style="max-width: 560px; margin: 40px auto 0;">
|
<div class="information">
|
<a-row>
|
<a-col :sm="8" :xs="24">付款账户：</a-col>
|
<a-col :sm="16" :xs="24">ant-design@alipay.com</a-col>
|
</a-row>
|
<a-row>
|
<a-col :sm="8" :xs="24">收款账户：</a-col>
|
<a-col :sm="16" :xs="24">test@example.com</a-col>
|
</a-row>
|
<a-row>
|
<a-col :sm="8" :xs="24">收款人姓名：</a-col>
|
<a-col :sm="16" :xs="24">辉夜</a-col>
|
</a-row>
|
<a-row>
|
<a-col :sm="8" :xs="24">转账金额：</a-col>
|
<a-col :sm="16" :xs="24"><span class="money">500</span> 元</a-col>
|
</a-row>
|
</div>
|
<template #extra>
|
<a-button type="primary" @click="finish">再转一笔</a-button>
|
<a-button style="margin-left: 8px" @click="toOrderList">查看账单</a-button>
|
</template>
|
</a-result>
|
</a-form>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'Step3',
|
data () {
|
return {
|
loading: false
|
}
|
},
|
methods: {
|
finish () {
|
this.$emit('finish')
|
},
|
toOrderList () {
|
this.$router.push('/list/table-list')
|
}
|
}
|
}
|
</script>
|
<style lang="less" scoped>
|
.information {
|
line-height: 22px;
|
|
.ant-row:not(:last-child) {
|
margin-bottom: 24px;
|
}
|
}
|
.money {
|
font-family: "Helvetica Neue",sans-serif;
|
font-weight: 500;
|
font-size: 20px;
|
line-height: 14px;
|
}
|
</style>
|
