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.
106 lines
2.1 KiB
106 lines
2.1 KiB
<template>
|
|
<view class="refundInfo">
|
|
<view class="h1">退款申请</view>
|
|
<view class="card">
|
|
<view class="row">
|
|
<view class="lab">退款原因</view>
|
|
<view class="val">{{info.feeReason}}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="lab">退款金额</view>
|
|
<view class="val">￥{{$u.utils.priceTo(info.amount)}}</view>
|
|
</view>
|
|
<view class="border_bottom">
|
|
<view class="date" v-if="info.createTime">申请时间：{{ $u.timeFormat(info.createTime, 'yyyy-mm-dd hh:MM:ss')}}</view>
|
|
<view class="date" v-if="info.refundTime">退款完成时间：{{ $u.timeFormat(info.refundTime, 'yyyy-mm-dd hh:MM:ss')}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="h1">收款信息</view>
|
|
<view class="card">
|
|
<view class="row">
|
|
<view class="lab">持卡人</view>
|
|
<view class="value">{{ info.stuName }}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="lab">手机号</view>
|
|
<view class="value">
|
|
<view class="flex-b">
|
|
<view class="phone">{{ info.mobile }}</view>
|
|
<view class="blue">已验证</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="lab">卡号</view>
|
|
<view class="value">{{ info.bankAccount }}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="lab">开户行</view>
|
|
<view class="value">{{ info.bankName }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['info']
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.refundInfo {
|
|
width: 100%;
|
|
.h1 {
|
|
line-height: 96rpx;
|
|
}
|
|
|
|
.card {
|
|
padding: 12rpx 28rpx;
|
|
.row {
|
|
display: flex;
|
|
font-size: 28rpx;
|
|
padding: 16rpx 0;
|
|
.lab {
|
|
font-weight: 500;
|
|
width: 164rpx;
|
|
}
|
|
|
|
.val {
|
|
&.blue {
|
|
color: $themC;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
|
|
.border_bottom {
|
|
margin-top: 16rpx;
|
|
padding-bottom: 12rpx;
|
|
border-top: 2rpx solid #E8E9EC;
|
|
.date {
|
|
padding: 14rpx 0;
|
|
color: #ADADAD;
|
|
}
|
|
}
|
|
}
|
|
|
|
.row {
|
|
|
|
.lab {
|
|
|
|
}
|
|
|
|
.value {
|
|
color: #333;
|
|
display: flex;
|
|
flex: 1;
|
|
.flex-b { width: 100%;}
|
|
.blue {
|
|
color: $themC;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|