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_recharge_details/activity_recharge_details.vue

103 lines
3.1 KiB

<template>
<view>
<view class="mart5 width100 backcorfff">
<view class="notes">
<view class="fcor666 width25">商户编号</view>
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merNo}}</view>
</view>
<view class="notes">
<view class="fcor666 width25">商户名称</view>
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merName}}</view>
</view>
<view class="notes">
<view class="fcor666 width25">商户简称</view>
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merAbbreviate}}</view>
</view>
<view class="notes">
<view class="fcor666 width25">订单编号</view>
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.orderNo}}</view>
</view>
<view class="notes" v-if="orderDtails.paySerialNo">
<view class="fcor666 width25">支付流水号</view>
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.paySerialNo}}</view>
</view>
<view class="notes">
<view class="fcor666 width25">交易金额</view>
<view class="font14 fcor333 text2 width75 fotrt">¥ {{orderDtails.tradePrice}}</view>
</view>
<view class="notes">
<view class="fcor666 width25">支付方式</view>
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.payType == 'WECHAT'">微信</view>
</view>
<view class="notes">
<view class="fcor666 width25">支付状态</view>
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 1">待支付</view>
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 2">已支付</view>
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 3">已退款</view>
</view>
<view class="notes">
<view class="fcor666 width25">创建时间</view>
<view class="font14 fcor333 text2 width75 fotrt">
{{orderDtails.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}
</view>
</view>
<view class="notes" v-if="orderDtails.payTime">
<view class="fcor666 width25">支付时间</view>
<view class="font14 fcor333 text2 width75 fotrt">
{{orderDtails.payTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}
</view>
</view>
</view>
</view>
</template>
<script>
import {
queryOrderDetail
} from '../../../Utils/Api.js';
export default {
data() {
return {
orderNo: '' ,//订单编号
orderDtails:'' //订单详情
}
},
onLoad(options) {
this.orderNo = options.orderNo;
this.queryOrderDetail();
},
methods: {
//查询订单详情
queryOrderDetail() {
uni.showLoading({
title: '加载中'
})
let datas = {
orderNo: this.orderNo
}
queryOrderDetail(datas).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
this.orderDtails = 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>