dingdong-mall/pages/my/statement-desc.vue

67 lines
1.8 KiB
Vue
Raw Normal View History

2022-05-26 20:24:33 +08:00
<template>
<view>
<!-- 顶部操作条 -->
<cu-custom :bgColor="'bg-main-color'" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">账单详情</block>
</cu-custom>
<view class="padding margin-top-sm bg-white">
<view class="padding-tb-lg text-center solid-bottom">
<view class="text-black text-sl">{{statementDesc.inOutMoney}}</view>
<view class="text-gray">{{statementDesc.name}}</view>
</view>
<view class="padding-tb-lg">
<view class="margin-bottom-sm">
<text class="text-gray">当前状态</text>
<text>{{statementDesc.status === '0' ? '交易成功' : '交易失败'}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">详情说明</text>
<text>{{statementDesc.desc}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">到帐备注</text>
<text>{{statementDesc.payRemark}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">提现单号</text>
<text>{{statementDesc.extractCode}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">发起时间</text>
<text>{{statementDesc.createTime}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">订单编号</text>
<text>{{statementDesc.orderCode}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">订单时间</text>
<text>{{statementDesc.orderCreateTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
statementDesc: {}
}
},
onLoad() {
this.loadData();
},
methods: {
async loadData() {
this.statementDesc = await this.$api.data('statementDesc');
}
},
}
</script>
<style>
</style>