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.
xuan-pay-cweb/pages/index/activity_transaction_details/activity_transaction_detail...

91 lines
2.9 KiB

<template>
<view>
<view class="mart5 width100 backcorfff">
<view class="notes">
<view class="fcor666 width40">交易类型</view>
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.tradeType == 1">进账</view>
<view class="font14 fcor333 text2 width60 fotrt" v-else>出账</view>
</view>
<view class="notes">
<view class="fcor666 width40">交易编号</view>
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.tradeNumber}}</view>
</view>
<view class="notes">
<view class="fcor666 width40">交易金额</view>
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.tradeAmount}}</view>
</view>
<view class="notes">
<view class="fcor666 width40">交易前金额</view>
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.amountBeforeChange}}</view>
</view>
<view class="notes">
<view class="fcor666 width40">交易后金额</view>
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.amountAfterChange}}</view>
</view>
<view class="notes">
<view class="fcor666 width40">交易对象类型</view>
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 1">充值</view>
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 2">返利金</view>
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 3">活动</view>
</view>
<view class="notes">
<view class="fcor666 width40">创建时间</view>
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}</view>
</view>
<view class="notes" v-if="transactionDetails.objectContent">
<view class="fcor666 width40">交易对象内容</view>
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.objectContent}}</view>
</view>
</view>
</view>
</template>
<script>
import {
queryAccountRecordDetail
} from '../../../Utils/Api.js';
export default {
data() {
return {
orderNo: '', //订单编号
transactionDetails: '' //订单详情
}
},
onLoad(options) {
this.orderNo = options.orderNo;
this.queryAccountRecordDetail();
},
methods: {
//查询交易详情
queryAccountRecordDetail() {
uni.showLoading({
title: '加载中'
})
let datas = {
tradeNumber: this.orderNo
}
queryAccountRecordDetail(datas).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
this.transactionDetails = res.return_data
}
})
}
}
}
</script>
<style lang="scss">
page {
background-color: #f6f6f6;
}
.notes {
width: calc(100% - 40rpx);
display: flex;
align-items: center;
padding: 30rpx 0 30rpx 20rpx;
border-bottom: 1px solid #f6f6f6;
}
</style>