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

67 lines
1.8 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>