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