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

73 lines
2.4 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.payMoney}}</view>
<view class="text-gray" v-if="statementDesc.remark">{{statementDesc.remark}}</view>
</view>
<view class="padding-tb-lg">
<view class="margin-bottom-sm">
<text class="text-gray">当前状态</text>
<text>{{statementDesc.payStatus == 0 ? '未付款' : '已付款'}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">详情说明</text>
<text v-if="statementDesc.remark">{{statementDesc.remark}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">到帐备注</text>
<text v-if="statementDesc.payType != null && statementDesc.payType != undefined">
<text v-if="statementDesc.payType == 0">微信</text>
<text v-else-if="statementDesc.payType == 1">支付宝</text>
<text v-else-if="statementDesc.payType == 2">线下</text>
<text>支付到帐</text>
</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">提现单号:</text>
<text v-if="statementDesc.extractCode">{{statementDesc.extractCode}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">发起时间:</text>
<text v-if="statementDesc.payTime">{{statementDesc.payTime}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">订单编号:</text>
<text v-if="statementDesc.orderDetailCode">{{statementDesc.orderDetailCode}}</text>
</view>
<view class="margin-bottom-sm">
<text class="text-gray">订单时间:</text>
<text v-if="statementDesc.orderCreateTime">{{statementDesc.orderCreateTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
statementDesc: {}
}
},
onLoad(options) {
this.statementDesc = JSON.parse(decodeURIComponent(options.statementDesc));
// this.loadData();
},
methods: {
// async loadData() {
// this.statementDesc = await this.$api.data('statementDesc');
// }
},
}
</script>
<style>
</style>